/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.bun/css-loader@7.1.5+c05b2a0896c10152/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!../../node_modules/.bun/postcss-loader@8.2.1+80acb468eec4e2e3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!../ng-common-libraries/styles/tailwind/index.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, legacy, base, vendor, components, cdk-resets, utilities;
@layer theme {
  :root, :host {
    --spacing: 8px;
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
    --color-170: rgb(var(--color-bg-170-rgb));
    --color-180: rgb(var(--color-bg-180-rgb));
    --color-370: rgb(var(--color-bg-370-rgb));
    --color-fg-400: rgb(var(--color-text-400-rgb));
    --color-fg-500: rgb(var(--color-text-500-rgb));
    --color-fg-800: rgb(var(--color-text-800-rgb));
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-line-330: rgb(var(--color-line-330-rgb));
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-warn-500: rgb(var(--color-warn-500-rgb));
    --color-creative-mode: #8b5cf6;
    --color-plan-accent: #f58f00;
    --color-category-02: #02a2cc;
    --color-category-03: #00bfd3;
    --color-category-06: #9cc810;
    --color-category-10: #f58f00;
    --color-category-14: #8b5cf6;
    --color-logo-lockup-1: #5dc0b8;
    --color-logo-lockup-2: #3b70ae;
    --color-imp-1: rgb(var(--color-imp-bg-1-rgb));
    --color-imp-2: rgb(var(--color-imp-bg-2-rgb));
    --color-imp-4: rgb(var(--color-imp-bg-4-rgb));
    --color-imp-8: rgb(var(--color-imp-bg-8-rgb));
    --color-scrim-25: rgba(0, 0, 0, 0.25);
    --color-scrim-32: rgba(0, 0, 0, 0.32);
    --color-scrim-50: rgba(0, 0, 0, 0.5);
    --color-scrim-sheet: rgba(0, 0, 0, 0.32);
    --color-hover-5: var(--color-hover-5-runtime);
    --color-scrim: var(--color-scrim-runtime);
    --color-danger-text: var(--color-danger-text-runtime);
    --color-danger-soft: var(--color-danger-soft-runtime);
    --color-danger-solid: var(--color-danger-solid-runtime);
    --color-status-success-dot: #57c042;
    --color-status-warning-dot: #fcc600;
    --color-status-danger-dot: #e72437;
    --color-tool-chip-soft: var(--color-tool-chip-soft-runtime);
    --color-mention-file-soft: color-mix(in srgb, #818288 16%, transparent);
    --color-mention-note-soft: color-mix(in srgb, #f1592a 14%, transparent);
    --color-mention-website-soft: color-mix(in srgb, #57c042 16%, transparent);
    --color-mention-tag-soft: color-mix(in srgb, #48a1ee 16%, transparent);
    --color-mention-workspace-soft: color-mix(in srgb, #c9a000 18%, transparent);
    --text-ui-11: 11px;
    --text-ui-11--line-height: 16px;
    --text-ui-12: 12px;
    --text-ui-12--line-height: 16px;
    --text-ui-13: 13px;
    --text-ui-13--line-height: 18px;
    --text-ui-14: 14px;
    --text-ui-14--line-height: 20px;
    --text-ui-15: 15px;
    --text-ui-15--line-height: 22px;
    --text-ui-16: 16px;
    --text-ui-16--line-height: 24px;
    --text-ui-17: 17px;
    --text-ui-17--line-height: 24px;
    --text-ui-20: 20px;
    --text-ui-20--line-height: 28px;
    --text-ui-20--letter-spacing: -0.02em;
    --text-ui-20--font-weight: 600;
    --text-ui-22: 22px;
    --text-ui-22--line-height: 30px;
    --text-ui-22--letter-spacing: -0.02em;
    --text-ui-22--font-weight: 600;
    --text-ui-24: 24px;
    --text-ui-24--line-height: 32px;
    --text-ui-24--letter-spacing: -0.02em;
    --text-ui-24--font-weight: 600;
    --text-ui-28: 28px;
    --text-ui-28--line-height: 36px;
    --text-ui-28--letter-spacing: -0.02em;
    --text-ui-28--font-weight: 600;
    --text-ui-32: 32px;
    --text-ui-32--line-height: 40px;
    --text-ui-32--letter-spacing: -0.02em;
    --text-ui-32--font-weight: 600;
    --text-ui-reading: 15px;
    --text-ui-reading--line-height: 24px;
    --text-ui-relaxed: 14px;
    --text-ui-relaxed--line-height: 22px;
    --text-ui-micro: 11px;
    --text-ui-micro--line-height: 14px;
    --text-ui-micro--font-weight: 500;
    --text-ui-overline: 11px;
    --text-ui-overline--line-height: 16px;
    --text-ui-overline--letter-spacing: 0.08em;
    --text-ui-overline--font-weight: 600;
    --text-sp-1\.5: calc(var(--spacing) * 1.5);
    --text-sp-1\.25: calc(var(--spacing) * 1.25);
    --text-sp-1\.75: calc(var(--spacing) * 1.75);
    --text-sp-2: calc(var(--spacing) * 2);
    --text-sp-2\.5: calc(var(--spacing) * 2.5);
    --text-sp-2\.25: calc(var(--spacing) * 2.25);
    --text-sp-2\.75: calc(var(--spacing) * 2.75);
    --text-sp-3: calc(var(--spacing) * 3);
    --text-sp-3\.5: calc(var(--spacing) * 3.5);
    --text-sp-3\.25: calc(var(--spacing) * 3.25);
    --text-sp-3\.75: calc(var(--spacing) * 3.75);
    --text-sp-4: calc(var(--spacing) * 4);
    --text-sp-4\.5: calc(var(--spacing) * 4.5);
    --text-sp-5: calc(var(--spacing) * 5);
    --text-sp-6: calc(var(--spacing) * 6);
    --tracking-m: 2px;
    --leading-24px: 24px;
    --font-display: Manrope, 'AppPrimary', system-ui, sans-serif;
    --radius-0: 0px;
    --radius-px: 1px;
    --radius-0\.5: calc(var(--spacing) * 0.5);
    --radius-0\.25: calc(var(--spacing) * 0.25);
    --radius-0\.375: calc(var(--spacing) * 0.375);
    --radius-0\.75: calc(var(--spacing) * 0.75);
    --radius-1: calc(var(--spacing) * 1);
    --radius-1\.5: calc(var(--spacing) * 1.5);
    --radius-1\.25: calc(var(--spacing) * 1.25);
    --radius-1\.75: calc(var(--spacing) * 1.75);
    --radius-2: calc(var(--spacing) * 2);
    --radius-2\.5: calc(var(--spacing) * 2.5);
    --radius-2\.25: calc(var(--spacing) * 2.25);
    --radius-2\.75: calc(var(--spacing) * 2.75);
    --radius-3: calc(var(--spacing) * 3);
    --radius-pill: 999px;
    --radius-circle: 50%;
    --radius-half-rem: 0.5rem;
    --shadow-focus-ring: 0 0 0 3px color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary-500) 20%, transparent);
    }
    --spacing-control-xl: 48px;
    --spacing-segmented: 30px;
    --spacing-segmented-lg: 38px;
    --spacing-m-button: 44px;
    --spacing-13px: 13px;
    --spacing-1-5px: 1.5px;
    --spacing-1rem: 1rem;
    --spacing-1-75rem: calc(3.5rem / 2);
    --spacing-2rem: 2rem;
    --animate-loading: move-backgorund 2000ms linear infinite;
    --ease-out: ease-out;
    --ease-in-out: ease-in-out;
    --animate-chats-suggested-questions-comet: chats-suggested-questions-comet 1s ease-out;
    --ease-smooth: cubic-bezier(0.2, 0, 0, 1);
    --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --ease-move: cubic-bezier(0.32, 0.72, 0, 1);
    --animate-pop-in: pop-in 180ms var(--ease-smooth) both;
    --animate-pop-out: pop-out 120ms var(--ease-exit) both;
    --animate-dialog-in: dialog-in 240ms var(--ease-smooth) both;
    --animate-dialog-out: dialog-out 150ms var(--ease-exit) both;
    --animate-scrim-in: fade-in 200ms var(--ease-smooth) both;
    --animate-scrim-out: fade-out 150ms var(--ease-exit) both;
    --animate-sheet-in: sheet-in 260ms var(--ease-smooth) both;
    --animate-sheet-out: sheet-out 180ms var(--ease-exit) both;
    --animate-pane-in: pane-in 340ms var(--ease-smooth) both;
    --animate-pane-out: pane-out 180ms var(--ease-exit) both;
    --animate-bottom-sheet-in: bottom-sheet-in 280ms var(--ease-move) both;
    --animate-bottom-sheet-out: bottom-sheet-out 200ms var(--ease-exit) both;
    --animate-fade-in: fade-in 180ms var(--ease-smooth) both;
    --animate-fade-out: fade-out 120ms var(--ease-exit) both;
    --animate-rise-in: rise-in 220ms var(--ease-smooth) both;
    --animate-rise-out: rise-out 140ms var(--ease-exit) both;
    --animate-badge-in: badge-in 240ms var(--ease-spring) both;
    --animate-turn-in: turn-in 560ms var(--ease-move) both;
    --animate-grow-x: grow-x 700ms var(--ease-smooth) both;
    --animate-grow-y: grow-y 700ms var(--ease-smooth) both;
    --animate-chart-in: chart-in 700ms var(--ease-smooth) both;
    --animate-donut-in: donut-in 600ms var(--ease-smooth) both;
    --animate-spin: spin 700ms linear infinite;
    --ease-sheet: cubic-bezier(0.2, 0.8, 0.2, 1);
    --animate-sheet-up: sheet-up 240ms var(--ease-sheet) both;
    --animate-sheet-down: sheet-down 200ms var(--ease-exit) both;
    --animate-sheet-screen-in: sheet-screen-in 220ms var(--ease-sheet) both;
    --animate-scrim-sheet-in: fade-in 180ms ease both;
    --animate-ring-draw: ring-draw 900ms cubic-bezier(0.4, 0, 0.2, 1) 150ms both;
    --animate-ann-in: ann-in 500ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
    --animate-check-pop: check-pop 350ms cubic-bezier(0.2, 0.9, 0.3, 1.4) 950ms both;
    --animate-hint-pulse: hint-pulse 2.2s ease-out infinite;
    --animate-dot-pulse: dot-pulse 1s infinite;
    --animate-caret-blink: caret-blink 1s steps(2, start) infinite;
  }
}
@layer utilities {
  .\@container\/nx {
    container-type: inline-size;
    container-name: nx;
  }
  .\@container {
    container-type: inline-size;
  }
  .reach-toggler {
    position: relative;
    display: inline-block;
    color: var(--color-text-400);
    --__space_px: 1;
    --__space: calc((var(--__space_px) / 8) * 1em);
    --__indicator-size: calc(1em - (var(--__space)));
    border-radius: calc(0.5 * var(--__indicator-size) + var(--__space));
    height: calc(var(--__indicator-size) + 2 * var(--__space));
    width: calc(2 * var(--__indicator-size) + 3 * var(--__space));
    background-color: currentColor;
    &::after {
      content: "";
      position: absolute;
      top: var(--__space);
      left: var(--__space);
      aspect-ratio: 1;
      height: var(--__indicator-size);
      border-radius: calc((var(--__indicator-size) + 2 * var(--__space)) / 2);
      background-color: var(--color-bg-190);
      transform: translateX(0px);
      transition: transform 300ms;
    }
    &.active {
      color: var(--color-primary);
    }
    &.active::after {
      transform: translateX(calc(var(--__indicator-size) + var(--__space)));
    }
    &.disabled {
      color: var(--color-text-200);
      pointer-events: none;
    }
  }
  .input-with-label-wrapper > input:not(:placeholder-shown) + .label {
    opacity: 0;
  }
  .input-with-label-wrapper .label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: none;
  }
  .skeleton {
    display: block;
    color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
    background-color: var(--color-370);
    background-image: linear-gradient(	100deg,	transparent 30%,	color-mix(in srgb, rgb(var(--color-bg-180-rgb)) 55%, transparent) 50%,	transparent 70%	);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(	100deg,	transparent 30%,	color-mix(in srgb, var(--color-180) 55%, transparent) 50%,	transparent 70%	);
    }
    background-size: 200vw 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    animation: skeleton-shimmer 1.6s var(--ease-smooth) infinite;
  }
  .shortcut-hint {
    opacity: 0;
    translate: -3px 0;
    scale: 0.96;
    pointer-events: none;
    transition: opacity var(--motion-fast) var(--ease-smooth),	translate var(--motion-base) var(--ease-spring),	scale var(--motion-base) var(--ease-spring);
    :where(.shortcut-host:hover, .shortcut-host:focus-visible) &,	:where(:root[data-shortcuts-visible]) & {
      opacity: 1;
      translate: 0 0;
      scale: 1;
    }
  }
  .fade-label-hidden {
    opacity: 0;
    translate: -4px 0;
    pointer-events: none;
  }
  .animate-chat-dock-out {
    animation: chat-dock-out 380ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
    pointer-events: none;
  }
  .animate-chat-dock-out-px {
    animation: chat-dock-out-px 380ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
    pointer-events: none;
  }
  .animate-chat-pane-out {
    animation: chat-pane-out 320ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
    pointer-events: none;
  }
  .\[pointer-events\:all\] {
    pointer-events: all;
  }
  .pointer-events-all {
    pointer-events: all;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .chat-peek-hit {
    position: absolute;
    inset: 0;
    z-index: 60;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    animation: fade-in 300ms ease-out 120ms both;
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgb(var(--color-bg-290-rgb));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, rgb(var(--color-bg-290-rgb)) 55%, transparent);
      }
      transition: background var(--motion-fast) ease;
    }
    &:hover::before {
      background: rgb(var(--color-bg-290-rgb));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, rgb(var(--color-bg-290-rgb)) 25%, transparent);
      }
    }
    &:focus-visible {
      outline: none;
      border-radius: 14px;
      box-shadow: inset 0 0 0 2px rgb(var(--color-primary-500-rgb));
    }
    & .chat-peek-icon {
      position: absolute;
      top: 50%;
      width: 36px;
      height: 36px;
      margin-top: -18px;
      border: 1px solid rgb(var(--color-line-250-rgb));
      border-radius: 999px;
      background: rgb(var(--color-bg-180-rgb));
      color: rgb(var(--color-text-500-rgb));
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 1px 2px rgba(17, 42, 96, 0.06),	0 4px 12px -4px rgba(17, 42, 96, 0.12);
      transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1),	color 150ms ease;
    }
    &:hover .chat-peek-icon {
      color: rgb(var(--color-text-800-rgb));
      transform: translateX(-3px);
    }
  }
  .settings-scroll {
    position: absolute;
    top: calc(2rem + var(--fs-icon) + var(--safe-area-inset-top));
    bottom: var(--safe-area-inset-bottom);
    max-height: calc(100% - 2rem - var(--fs-icon));
    overflow: auto;
    width: 100%;
  }
  .chat-orb {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    animation: chat-orb-spin 3.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    & > i {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 5.5px;
      height: 5.5px;
      margin: -2.75px 0 0 -2.75px;
      border-radius: 50%;
      mix-blend-mode: multiply;
      animation: chat-orb-split 3.2s cubic-bezier(0.45, 0, 0.25, 1) infinite;
    }
    & > i:nth-child(1) {
      --dx: -3.4px;
      --dy: -3.4px;
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--chat-accent, rgb(var(--color-primary-500-rgb))) 60%, #0b2a6b);
      }
    }
    & > i:nth-child(2) {
      --dx: 3.4px;
      --dy: -3.4px;
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
    }
    & > i:nth-child(3) {
      --dx: 3.4px;
      --dy: 3.4px;
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--chat-accent, rgb(var(--color-primary-500-rgb))) 55%, #46d9c2);
      }
    }
    & > i:nth-child(4) {
      --dx: -3.4px;
      --dy: 3.4px;
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--chat-accent, rgb(var(--color-primary-500-rgb))) 70%, #5e7f96);
      }
    }
    :where(:root[app-theme='dark'], :root[app-theme='auto'][client-theme='dark']) & > i {
      mix-blend-mode: screen;
    }
  }
  .settings-fixed-header {
    position: absolute;
    z-index: 1;
    top: var(--safe-area-inset-top);
  }
  .li-separator {
    position: relative;
    &::after {
      --space: calc(1rem + 8px + var(--fs-icon) + 8px);
      content: "";
      position: absolute;
      bottom: 0;
      left: var(--space);
      width: calc(100% - var(--space));
      max-width: 100%;
      height: 1px;
      background: var(--color-line-250);
    }
  }
  .chat-answer-md {
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: rgb(var(--color-text-800-rgb));
    text-wrap: pretty;
    word-break: break-word;
    & p {
      white-space: pre-line;
    }
    & > * + * {
      margin-top: 12px;
    }
    & h1,	& h2,	& h3 {
      font-size: 17px;
      line-height: 26px;
      font-weight: 600;
    }
    & h4,	& h5,	& h6 {
      font-size: 15px;
      line-height: 24px;
      font-weight: 600;
    }
    & ul,	& ol {
      padding-left: 22px;
      list-style-position: outside;
      white-space: normal;
    }
    & ul {
      list-style-type: disc;
    }
    & ol {
      list-style-type: decimal;
    }
    & ul > li,	& ol > li {
      margin: 4px 0;
      white-space: normal;
    }
    & li > p {
      display: inline;
    }
    & :not(pre) > code {
      padding: 1px 5px;
      border-radius: 5px;
      background: rgb(var(--color-bg-370-rgb));
      font-size: 13px;
    }
    & table {
      display: block;
      width: fit-content;
      max-width: 100%;
      overflow-x: auto;
      border: 1px solid rgb(var(--color-line-250-rgb));
      border-radius: 12px;
      border-collapse: separate;
      border-spacing: 0;
      font-size: 14px;
      line-height: 20px;
    }
    & th,	& td {
      padding: 10px 14px;
      box-shadow: none;
      border-top: 1px solid rgb(var(--color-line-250-rgb));
      border-radius: 0 !important;
      text-align: left;
      vertical-align: top;
      word-break: normal;
      overflow-wrap: break-word;
    }
    & thead th,	& tr:first-child > th {
      border-top: 0;
      background: rgb(var(--color-bg-370-rgb));
      color: rgb(var(--color-text-400-rgb));
      font-size: 13px;
      font-weight: 500;
    }
    & .ck-cite {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      margin: 0 1px 0 3px;
      padding: 0 5px;
      box-sizing: border-box;
      border-radius: 5px;
      background: rgb(var(--color-bg-370-rgb));
      font-size: 11px;
      font-weight: 500;
      line-height: 1;
      color: rgb(var(--color-text-500-rgb));
      vertical-align: 2px;
      cursor: pointer;
      transition: background var(--motion-fast) var(--ease-smooth),	color var(--motion-fast) var(--ease-smooth);
    }
    & .ck-cite:hover,	& .ck-cite:focus-visible,	& .ck-cite.on {
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--chat-accent, rgb(var(--color-primary-500-rgb))) 10%, transparent);
      }
      color: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      outline: none;
    }
    & .ck-cite-web {
      background: transparent;
      box-shadow: inset 0 0 0 1px rgb(var(--color-line-330-rgb));
    }
    & .ck-tail {
      background: linear-gradient(90deg, rgb(var(--color-text-800-rgb)), rgb(var(--color-text-400-rgb)));
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    & .ck-caret {
      display: inline-block;
      width: 8px;
      height: 16px;
      margin-left: 3px;
      border-radius: 2px;
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      vertical-align: -2px;
      animation: chat-caret-blink 1s steps(2) infinite;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .resize-handle {
    position: relative;
    flex-shrink: 0;
    width: 12px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    outline: none;
    cursor: col-resize;
    touch-action: none;
    &::after {
      content: '';
      width: 4px;
      height: 32px;
      border-radius: 999px;
      background-color: rgb(var(--color-text-400-rgb));
      opacity: 0.35;
      transition: opacity var(--motion-fast) var(--ease-smooth);
    }
    &:hover::after,	&:focus-visible::after {
      opacity: 1;
    }
    &:focus-visible {
      box-shadow: inset 0 0 0 2px var(--color-primary-500);
    }
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-0\.5 {
    inset: calc(var(--spacing) * -0.5);
  }
  .inset-0 {
    inset: 0px;
  }
  .-inset-x-1\.25 {
    inset-inline: calc(var(--spacing) * -1.25);
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .-inset-y-0\.5 {
    inset-block: calc(var(--spacing) * -0.5);
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView .thumbnail {
    border-radius: calc(1.5 * var(--spacing));
    outline: none;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnail:hover .thumbnailImageContainer:not([aria-current=page]) img {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView > .thumbnail > .thumbnailImageContainer::after {
    inset-inline-end: 36% !important;
    background-color: unset !important;
    outline: none !important;
    color: rgb(var(--color-text-800-rgb)) !important;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-0\.75 {
    top: calc(var(--spacing) * -0.75);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-\[1px\] {
    top: calc(1px * -1);
  }
  .-top-\[3px\] {
    top: calc(3px * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-0\! {
    top: 0px !important;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-0\.25 {
    top: calc(var(--spacing) * 0.25);
  }
  .top-0\.75 {
    top: calc(var(--spacing) * 0.75);
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1-75rem {
    top: var(--spacing-1-75rem);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-5\.75 {
    top: calc(var(--spacing) * 5.75);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-\[0\.5px\] {
    top: 0.5px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[8\.5px\] {
    top: 8.5px;
  }
  .top-\[18px\] {
    top: 18px;
  }
  .top-\[58px\] {
    top: 58px;
  }
  .top-\[72px\] {
    top: 72px;
  }
  .top-\[calc\(var\(--genie-header-h\,96px\)\+16px\)\] {
    top: calc(var(--genie-header-h,96px) + 16px);
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-0\.75 {
    right: calc(var(--spacing) * -0.75);
  }
  .-right-1\.25 {
    right: calc(var(--spacing) * -1.25);
  }
  .-right-\[3px\] {
    right: calc(3px * -1);
  }
  .-right-\[5px\] {
    right: calc(5px * -1);
  }
  .-right-px {
    right: -1px;
  }
  .right-0 {
    right: 0px;
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-0\.75 {
    right: calc(var(--spacing) * 0.75);
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\.25 {
    right: calc(var(--spacing) * 1.25);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-\[14px\] {
    right: 14px;
  }
  .right-\[calc\(50\%\+12px\)\] {
    right: calc(50% + 12px);
  }
  .right-\[calc\(var\(--cl-sbw\,0px\)\/2\)\] {
    right: calc(var(--cl-sbw,0px) / 2);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-0\.75 {
    bottom: calc(var(--spacing) * -0.75);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
  .-bottom-3\.5 {
    bottom: calc(var(--spacing) * -3.5);
  }
  .-bottom-\[1px\] {
    bottom: calc(1px * -1);
  }
  .-bottom-\[3px\] {
    bottom: calc(3px * -1);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\.25 {
    bottom: calc(var(--spacing) * 1.25);
  }
  .bottom-1\.75 {
    bottom: calc(var(--spacing) * 1.75);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-\[calc\(100\%\+8px\)\] {
    bottom: calc(100% + 8px);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-0\.75 {
    left: calc(var(--spacing) * -0.75);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-1\.25 {
    left: calc(var(--spacing) * -1.25);
  }
  .-left-\[3px\] {
    left: calc(3px * -1);
  }
  .-left-\[7px\] {
    left: calc(7px * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-0\.25 {
    left: calc(var(--spacing) * 0.25);
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\.25 {
    left: calc(var(--spacing) * 1.25);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-1rem {
    left: var(--spacing-1rem);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-\[calc\(50\%\+12px\)\] {
    left: calc(50% + 12px);
  }
  .left-\[calc\(var\(--cl-sbw\,0px\)\/2\)\] {
    left: calc(var(--cl-sbw,0px) / 2);
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-6 {
    z-index: 6;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-15 {
    z-index: 15;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-70 {
    z-index: 70;
  }
  .z-95 {
    z-index: 95;
  }
  .z-99 {
    z-index: 99;
  }
  .z-100 {
    z-index: 100;
  }
  .z-999 {
    z-index: 999;
  }
  .z-1000 {
    z-index: 1000;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-max {
    z-index: 2147483647;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-4 {
    order: 4;
  }
  .order-first {
    order: -9999;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .container {
    width: 100%;
  }
  .chat-answer-md-widget {
    font-size: 14px;
    line-height: 22px;
    color: inherit;
    & .ck-cite,	& .ck-cite-web {
      margin: 0 2px;
      line-height: 18px;
      vertical-align: 1px;
      box-shadow: none;
      color: inherit;
      background: var(--wg-fg, rgb(var(--color-text-800-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--wg-fg, rgb(var(--color-text-800-rgb))) 8%, transparent);
      }
    }
    & .ck-cite:hover,	& .ck-cite:focus-visible,	& .ck-cite.on {
      background: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--chat-accent, rgb(var(--color-primary-500-rgb))) 16%, transparent);
      }
      color: var(--chat-accent, rgb(var(--color-primary-500-rgb)));
    }
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-\[1\.5px\] {
    margin: 1.5px;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .-mx-0\.75 {
    margin-inline: calc(var(--spacing) * -0.75);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .-mx-\[1px\] {
    margin-inline: calc(1px * -1);
  }
  .-mx-\[18px\] {
    margin-inline: calc(18px * -1);
  }
  .mx-0 {
    margin-inline: 0px;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-0\.25 {
    margin-inline: calc(var(--spacing) * 0.25);
  }
  .mx-0\.75 {
    margin-inline: calc(var(--spacing) * 0.75);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-\[3px\] {
    margin-inline: 3px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .-my-0\.25 {
    margin-block: calc(var(--spacing) * -0.25);
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .-my-\[3px\] {
    margin-block: calc(3px * -1);
  }
  .-my-\[5px\] {
    margin-block: calc(5px * -1);
  }
  .my-0 {
    margin-block: 0px;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-0\.25 {
    margin-block: calc(var(--spacing) * 0.25);
  }
  .my-0\.75 {
    margin-block: calc(var(--spacing) * 0.75);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-0\.25 {
    margin-top: calc(var(--spacing) * -0.25);
  }
  .-mt-0\.75 {
    margin-top: calc(var(--spacing) * -0.75);
  }
  .-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-2\.5 {
    margin-top: calc(var(--spacing) * -2.5);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-\[0\.75px\] {
    margin-top: calc(0.75px * -1);
  }
  .-mt-\[5px\] {
    margin-top: calc(5px * -1);
  }
  .-mt-\[22px\] {
    margin-top: calc(22px * -1);
  }
  .-mt-\[46px\] {
    margin-top: calc(46px * -1);
  }
  .-mt-\[52px\] {
    margin-top: calc(52px * -1);
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.25 {
    margin-top: calc(var(--spacing) * 0.25);
  }
  .mt-0\.75 {
    margin-top: calc(var(--spacing) * 0.75);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-1\.25 {
    margin-top: calc(var(--spacing) * 1.25);
  }
  .mt-1\.75 {
    margin-top: calc(var(--spacing) * 1.75);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[11px\] {
    margin-top: 11px;
  }
  .mt-\[clamp\(8px\,calc\(50vh-340px\)\,240px\)\] {
    margin-top: clamp(8px, calc(50vh - 340px), 240px);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .loader {
    width: auto;
    margin-right: var(--spacing);
    opacity: 1;
    transform: translateX(0);
    &.hidden {
      animation: loader-hide 800ms 800ms ease-in-out forwards;
    }
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-0\.25 {
    margin-right: calc(var(--spacing) * -0.25);
  }
  .-mr-0\.75 {
    margin-right: calc(var(--spacing) * -0.75);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-\[14px\] {
    margin-right: calc(14px * -1);
  }
  .-mr-px {
    margin-right: -1px;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-0\.25 {
    margin-right: calc(var(--spacing) * 0.25);
  }
  .mr-0\.75 {
    margin-right: calc(var(--spacing) * 0.75);
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-1\.25 {
    margin-right: calc(var(--spacing) * 1.25);
  }
  .mr-\[clamp\(0px\,3vw\,28px\)\] {
    margin-right: clamp(0px, 3vw, 28px);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-0\.25 {
    margin-bottom: calc(var(--spacing) * -0.25);
  }
  .-mb-0\.75 {
    margin-bottom: calc(var(--spacing) * -0.75);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-1\.5 {
    margin-bottom: calc(var(--spacing) * -1.5);
  }
  .-mb-1\.25 {
    margin-bottom: calc(var(--spacing) * -1.25);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-3\.5 {
    margin-bottom: calc(var(--spacing) * -3.5);
  }
  .-mb-\[14px\] {
    margin-bottom: calc(14px * -1);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-0\.25 {
    margin-bottom: calc(var(--spacing) * 0.25);
  }
  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * 0.75);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-1\.75 {
    margin-bottom: calc(var(--spacing) * 1.75);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.25 {
    margin-bottom: calc(var(--spacing) * 2.25);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-\[18px\] {
    margin-bottom: 18px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .card-separator {
    --__gap-size: var(--__gap, calc((2 * var(--spacing)) + var(--fs-icon) + (2 * var(--spacing))));
    margin-left: var(--__gap-size);
    width: calc(100% - var(--__gap-size));
    height: 1px;
    background-color: var(--color-line-230);
    .reach-card:last-of-type & {
      display: none;
      background-color: transparent;
    }
    .reach-card-new:last-of-type > & {
      display: none;
      background-color: transparent;
    }
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-0\.25 {
    margin-left: calc(var(--spacing) * -0.25);
  }
  .-ml-0\.75 {
    margin-left: calc(var(--spacing) * -0.75);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }
  .-ml-1\.25 {
    margin-left: calc(var(--spacing) * -1.25);
  }
  .-ml-\[1px\] {
    margin-left: calc(1px * -1);
  }
  .-ml-\[3px\] {
    margin-left: calc(3px * -1);
  }
  .-ml-\[5px\] {
    margin-left: calc(5px * -1);
  }
  .-ml-\[6px\] {
    margin-left: calc(6px * -1);
  }
  .-ml-\[9\.5px\] {
    margin-left: calc(9.5px * -1);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-0\.25 {
    margin-left: calc(var(--spacing) * 0.25);
  }
  .ml-0\.75 {
    margin-left: calc(var(--spacing) * 0.75);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2\.25 {
    margin-left: calc(var(--spacing) * 2.25);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-\[-7px\] {
    margin-left: -7px;
  }
  .ml-\[46px\] {
    margin-left: 46px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .reach-section-header {
    width: 100%;
    background-color: var(--color-bg-modal-search);
    &.new-colors {
      background-color: var(--color-bg-370);
    }
    &.new-colors-290 {
      background-color: var(--color-bg-290);
    }
    &.transparent {
      background-color: transparent;
    }
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xxs);
    font-weight: var(--fw-bold);
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    @media screen and (min-width: 720px) {
      font-size: var(--fs-xxs);
    }
    @media screen and (min-width: 720px) {
      &.font-size-mobile {
        font-size: var(--fs-xs);
      }
    }
  }
  .popup {
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-2);
    border: 1px solid var(--color-line-230);
    box-sizing: border-box;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .collapsible {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--motion-layout) var(--ease-move);
    & > * {
      min-height: 0;
      overflow: hidden;
      opacity: 0;
      transform: translateY(-4px);
      transition: opacity var(--motion-fast) var(--ease-smooth),	transform var(--motion-base) var(--ease-smooth);
    }
  }
  .shortcut-badge {
    display: none;
    :where(:root[data-shortcuts-visible]) & {
      display: inline-flex;
      animation: shortcut-pop 180ms var(--ease-spring) both;
    }
  }
  .scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .section-separator {
    padding: calc(0.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--spacing));
    background-color: var(--color-bg-280);
    color: var(--color-text-400);
    border-radius: var(--spacing);
    font-size: var(--fs-m);
    line-height: 1em;
  }
  .icon-input-icon > .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .icon-input-icon > .icon:first-child {
    padding-right: 8px;
  }
  .icon-input-icon > .icon:last-child {
    padding-left: 8px;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }
  .\[display\:var\(--display-progress\)\] {
    display: var(--display-progress);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .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;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .\[field-sizing\:content\] {
    field-sizing: content;
  }
  .\[aspect-ratio\:1\/1\] {
    aspect-ratio: 1/1;
  }
  .\[aspect-ratio\:1\] {
    aspect-ratio: 1;
  }
  .aspect-\[1\/1\.32\] {
    aspect-ratio: 1/1.32;
  }
  .aspect-\[5\/3\] {
    aspect-ratio: 5/3;
  }
  .aspect-\[16\/5\] {
    aspect-ratio: 16/5;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .fullscreen-overlay-panel .wrapper {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-line-230);
  }
  .h-\(--_size\) {
    height: var(--_size);
  }
  .h-0 {
    height: 0px;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-0\.25 {
    height: calc(var(--spacing) * 0.25);
  }
  .h-0\.75 {
    height: calc(var(--spacing) * 0.75);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\.25 {
    height: calc(var(--spacing) * 1.25);
  }
  .h-1\.75 {
    height: calc(var(--spacing) * 1.75);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\.25 {
    height: calc(var(--spacing) * 2.25);
  }
  .h-2\.75 {
    height: calc(var(--spacing) * 2.75);
  }
  .h-2rem {
    height: var(--spacing-2rem);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-3\.25 {
    height: calc(var(--spacing) * 3.25);
  }
  .h-3\.75 {
    height: calc(var(--spacing) * 3.75);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-4\.5\! {
    height: calc(var(--spacing) * 4.5) !important;
  }
  .h-4\.25 {
    height: calc(var(--spacing) * 4.25);
  }
  .h-4\.75 {
    height: calc(var(--spacing) * 4.75);
  }
  .h-4\/5 {
    height: calc(4 / 5 * 100%);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\! {
    height: calc(var(--spacing) * 5) !important;
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-5\.75 {
    height: calc(var(--spacing) * 5.75);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }
  .h-6\.25 {
    height: calc(var(--spacing) * 6.25);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-12\.5 {
    height: calc(var(--spacing) * 12.5);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-17\.5 {
    height: calc(var(--spacing) * 17.5);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-22\.5 {
    height: calc(var(--spacing) * 22.5);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .h-37\.5 {
    height: calc(var(--spacing) * 37.5);
  }
  .h-52\.5 {
    height: calc(var(--spacing) * 52.5);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-90 {
    height: calc(var(--spacing) * 90);
  }
  .h-\[\'calc\(1em_\*_var\(--font-line-height\)\)\'\] {
    height: 'calc(1em * var(--font-line-height))';
  }
  .h-\[1\.5px\] {
    height: 1.5px;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[86\%\] {
    height: 86%;
  }
  .h-\[92\%\] {
    height: 92%;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[108px\] {
    height: 108px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[190px\] {
    height: 190px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[226px\] {
    height: 226px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[311px\] {
    height: 311px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[calc\(1em_\*_var\(--font-line-height\)\)\] {
    height: calc(1em * var(--font-line-height));
  }
  .h-\[calc\(56px\+var\(--safe-area-inset-top\)\)\] {
    height: calc(56px + var(--safe-area-inset-top));
  }
  .h-\[calc\(100\%\+8px\)\] {
    height: calc(100% + 8px);
  }
  .h-\[calc\(100\%-32px\)\] {
    height: calc(100% - 32px);
  }
  .h-\[calc\(100\%_\+_2px\)\] {
    height: calc(100% + 2px);
  }
  .h-\[calc\(100\%_-_1px\)\] {
    height: calc(100% - 1px);
  }
  .h-\[calc\(100dvh-var\(--genie-header-h\,96px\)-122px\)\] {
    height: calc(100dvh - var(--genie-header-h,96px) - 122px);
  }
  .h-\[calc\(100vh-150px\)\] {
    height: calc(100vh - 150px);
  }
  .h-\[calc\(var\(--\\_size\)-var\(--\\_gap\)\)\] {
    height: calc(var(--_size) - var(--_gap));
  }
  .h-\[calc\(var\(--\\_size\)_-_var\(--\\_gap\)\)\] {
    height: calc(var(--_size) - var(--_gap));
  }
  .h-\[calc\(var\(--fs-icon\)_\+_4px\)\] {
    height: calc(var(--fs-icon) + 4px);
  }
  .h-\[calc\(var\(--toggler-size\)_\+_2\*var\(--toggler-space\)\)\] {
    height: calc(var(--toggler-size) + 2 * var(--toggler-space));
  }
  .h-\[max\(var\(--\\_placeholder-height\)\,_var\(--\\_value-height\)\)\] {
    height: max(var(--_placeholder-height), var(--_value-height));
  }
  .h-\[min\(78vh\,880px\)\] {
    height: min(78vh, 880px);
  }
  .h-\[min\(600px\,80vh\)\] {
    height: min(600px, 80vh);
  }
  .h-\[unset\] {
    height: unset;
  }
  .h-\[var\(--\\_size\)\] {
    height: var(--_size);
  }
  .h-\[var\(--lh-body1\)\] {
    height: var(--lh-body1);
  }
  .h-\[var\(--preview-file-height\,_100\%\)\] {
    height: var(--preview-file-height, 100%);
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-fit {
    height: fit-content;
  }
  .h-fs-body1 {
    height: var(--fs-body1);
  }
  .h-fs-icon {
    height: var(--fs-icon);
  }
  .h-fs-icon-s {
    height: var(--fs-icon-s);
  }
  .h-fs-l {
    height: var(--fs-l);
  }
  .h-fs-m {
    height: var(--fs-m);
  }
  .h-fs-s {
    height: var(--fs-s);
  }
  .h-fs-xl {
    height: var(--fs-xl);
  }
  .h-fs-xs {
    height: var(--fs-xs);
  }
  .h-full {
    height: 100%;
  }
  .h-min {
    height: min-content;
  }
  .h-px {
    height: 1px;
  }
  .h-safe-b {
    height: var(--safe-area-inset-bottom);
  }
  .h-safe-t {
    height: var(--safe-area-inset-top);
  }
  .h-screen {
    height: 100vh;
  }
  .h-segmented {
    height: var(--spacing-segmented);
  }
  .h-segmented-lg {
    height: var(--spacing-segmented-lg);
  }
  .max-h-27\.5 {
    max-height: calc(var(--spacing) * 27.5);
  }
  .max-h-28\.25 {
    max-height: calc(var(--spacing) * 28.25);
  }
  .max-h-38\.75 {
    max-height: calc(var(--spacing) * 38.75);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-40\! {
    max-height: calc(var(--spacing) * 40) !important;
  }
  .max-h-50 {
    max-height: calc(var(--spacing) * 50);
  }
  .max-h-62\.5 {
    max-height: calc(var(--spacing) * 62.5);
  }
  .max-h-\[1em\] {
    max-height: 1em;
  }
  .max-h-\[38\%\] {
    max-height: 38%;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[86\%\] {
    max-height: 86%;
  }
  .max-h-\[92\%\] {
    max-height: 92%;
  }
  .max-h-\[248px\]\! {
    max-height: 248px !important;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[296px\] {
    max-height: 296px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[360px\]\! {
    max-height: 360px !important;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[400px\]\! {
    max-height: 400px !important;
  }
  .max-h-\[calc\(100\%-48px\)\] {
    max-height: calc(100% - 48px);
  }
  .max-h-\[calc\(100\%-64px\)\] {
    max-height: calc(100% - 64px);
  }
  .max-h-\[calc\(100\%_-_16px\)\] {
    max-height: calc(100% - 16px);
  }
  .max-h-\[calc\(100vh-16px\)\] {
    max-height: calc(100vh - 16px);
  }
  .max-h-\[calc\(100vh-150px\)\] {
    max-height: calc(100vh - 150px);
  }
  .max-h-\[calc\(var\(--l-h\)\*2\)\] {
    max-height: calc(var(--l-h) * 2);
  }
  .max-h-\[min\(34vh\,232px\)\] {
    max-height: min(34vh, 232px);
  }
  .max-h-\[min\(320px\,40vh\)\] {
    max-height: min(320px, 40vh);
  }
  .max-h-\[min\(420px\,60vh\)\] {
    max-height: min(420px, 60vh);
  }
  .max-h-\[min\(420px\,60vh\)\]\! {
    max-height: min(420px, 60vh) !important;
  }
  .max-h-\[min\(440px\,calc\(100vh-32px\)\)\] {
    max-height: min(440px, calc(100vh - 32px));
  }
  .max-h-\[min\(440px\,calc\(100vh-120px\)\)\] {
    max-height: min(440px, calc(100vh - 120px));
  }
  .max-h-\[min\(440px\,calc\(100vh-160px\)\)\] {
    max-height: min(440px, calc(100vh - 160px));
  }
  .max-h-\[min\(460px\,60vh\)\]\! {
    max-height: min(460px, 60vh) !important;
  }
  .max-h-\[min\(460px\,calc\(100vh-80px\)\)\] {
    max-height: min(460px, calc(100vh - 80px));
  }
  .max-h-\[min\(480px\,calc\(100vh-32px\)\)\] {
    max-height: min(480px, calc(100vh - 32px));
  }
  .max-h-\[min\(480px\,calc\(100vh-120px\)\)\] {
    max-height: min(480px, calc(100vh - 120px));
  }
  .max-h-\[min\(480px\,calc\(100vh-120px\)\)\]\! {
    max-height: min(480px, calc(100vh - 120px)) !important;
  }
  .max-h-\[min\(520px\,calc\(100vh-32px\)\)\] {
    max-height: min(520px, calc(100vh - 32px));
  }
  .max-h-\[min\(520px\,calc\(100vh-120px\)\)\] {
    max-height: min(520px, calc(100vh - 120px));
  }
  .max-h-\[min\(760px\,calc\(100vh-48px\)\)\] {
    max-height: min(760px, calc(100vh - 48px));
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-2\.5 {
    min-height: calc(var(--spacing) * 2.5);
  }
  .min-h-3\.5 {
    min-height: calc(var(--spacing) * 3.5);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-4\.5 {
    min-height: calc(var(--spacing) * 4.5);
  }
  .min-h-4\.75 {
    min-height: calc(var(--spacing) * 4.75);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-5\.5 {
    min-height: calc(var(--spacing) * 5.5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-6\.5 {
    min-height: calc(var(--spacing) * 6.5);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-7\.5 {
    min-height: calc(var(--spacing) * 7.5);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-15 {
    min-height: calc(var(--spacing) * 15);
  }
  .min-h-25 {
    min-height: calc(var(--spacing) * 25);
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[51px\] {
    min-height: 51px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[58px\] {
    min-height: 58px;
  }
  .min-h-\[68px\] {
    min-height: 68px;
  }
  .min-h-\[84px\] {
    min-height: 84px;
  }
  .min-h-\[90px\] {
    min-height: 90px;
  }
  .min-h-\[92px\] {
    min-height: 92px;
  }
  .min-h-\[104px\] {
    min-height: 104px;
  }
  .min-h-\[116px\] {
    min-height: 116px;
  }
  .min-h-\[168px\] {
    min-height: 168px;
  }
  .min-h-\[210px\] {
    min-height: 210px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[440px\] {
    min-height: 440px;
  }
  .min-h-\[460px\] {
    min-height: 460px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[604px\] {
    min-height: 604px;
  }
  .min-h-\[633px\] {
    min-height: 633px;
  }
  .min-h-\[calc\(\(3_\*_8px\)_\+_\(5_\*_var\(--lh-body1\)\)_\+_2px\)\] {
    min-height: calc((3 * 8px) + (5 * var(--lh-body1)) + 2px);
  }
  .min-h-\[calc\(\(5_\*_var\(--lh-h6\)\)_\+_\(3_\*_8px\)_\+_2px\)\] {
    min-height: calc((5 * var(--lh-h6)) + (3 * 8px) + 2px);
  }
  .min-h-\[min\(380px\,calc\(100vh-240px\)\)\] {
    min-height: min(380px, calc(100vh - 240px));
  }
  .min-h-\[min\(420px\,calc\(100vh-200px\)\)\] {
    min-height: min(420px, calc(100vh - 200px));
  }
  .min-h-\[min\(432px\,calc\(100vh-136px\)\)\] {
    min-height: min(432px, calc(100vh - 136px));
  }
  .min-h-\[min\(472px\,calc\(100vh-136px\)\)\] {
    min-height: min(472px, calc(100vh - 136px));
  }
  .min-h-\[min\(560px\,calc\(100vh-48px\)\)\] {
    min-height: min(560px, calc(100vh - 48px));
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-\(--_size\) {
    width: var(--_size);
  }
  .w-0 {
    width: 0px;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-0\.25 {
    width: calc(var(--spacing) * 0.25);
  }
  .w-0\.75 {
    width: calc(var(--spacing) * 0.75);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\.25 {
    width: calc(var(--spacing) * 1.25);
  }
  .w-1\.75 {
    width: calc(var(--spacing) * 1.75);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\.25 {
    width: calc(var(--spacing) * 2.25);
  }
  .w-2\.75 {
    width: calc(var(--spacing) * 2.75);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-2\/5 {
    width: calc(2 / 5 * 100%);
  }
  .w-2rem {
    width: var(--spacing-2rem);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\.25 {
    width: calc(var(--spacing) * 3.25);
  }
  .w-3\.75 {
    width: calc(var(--spacing) * 3.75);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\.5\! {
    width: calc(var(--spacing) * 4.5) !important;
  }
  .w-4\.25 {
    width: calc(var(--spacing) * 4.25);
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-5\.75 {
    width: calc(var(--spacing) * 5.75);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\.5 {
    width: calc(var(--spacing) * 6.5);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }
  .w-7\/10 {
    width: calc(7 / 10 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: calc(11 / 12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-17 {
    width: calc(var(--spacing) * 17);
  }
  .w-17\.5 {
    width: calc(var(--spacing) * 17.5);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-18\.75 {
    width: calc(var(--spacing) * 18.75);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-21\.5 {
    width: calc(var(--spacing) * 21.5);
  }
  .w-23\.5 {
    width: calc(var(--spacing) * 23.5);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-26 {
    width: calc(var(--spacing) * 26);
  }
  .w-27 {
    width: calc(var(--spacing) * 27);
  }
  .w-27\.5 {
    width: calc(var(--spacing) * 27.5);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-33 {
    width: calc(var(--spacing) * 33);
  }
  .w-35 {
    width: calc(var(--spacing) * 35);
  }
  .w-35\.5 {
    width: calc(var(--spacing) * 35.5);
  }
  .w-37 {
    width: calc(var(--spacing) * 37);
  }
  .w-37\.5 {
    width: calc(var(--spacing) * 37.5);
  }
  .w-42\.5 {
    width: calc(var(--spacing) * 42.5);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-62\.5 {
    width: calc(var(--spacing) * 62.5);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-135 {
    width: calc(var(--spacing) * 135);
  }
  .w-\[1em\] {
    width: 1em;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[5rem\] {
    width: 5rem;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[19px\] {
    width: 19px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[46\%\] {
    width: 46%;
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[52\%\] {
    width: 52%;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[64\%\] {
    width: 64%;
  }
  .w-\[65\%\] {
    width: 65%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[92px\] {
    width: 92px;
  }
  .w-\[96\%\] {
    width: 96%;
  }
  .w-\[97px\] {
    width: 97px;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[145px\] {
    width: 145px;
  }
  .w-\[148px\] {
    width: 148px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[305px\] {
    width: 305px;
  }
  .w-\[330px\] {
    width: 330px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[calc\(\(100\%-8px\)\*0\.5\)\] {
    width: calc((100% - 8px) * 0.5);
  }
  .w-\[calc\(0\.25_\*_\(100\%_-_\(3_\*_8px\)\)\)\] {
    width: calc(0.25 * (100% - (3 * 8px)));
  }
  .w-\[calc\(2\*var\(--toggler-size\)_\+_3\*var\(--toggler-space\)\)\] {
    width: calc(2 * var(--toggler-size) + 3 * var(--toggler-space));
  }
  .w-\[calc\(100\%\+8px\)\] {
    width: calc(100% + 8px);
  }
  .w-\[calc\(100\%\+12px\)\] {
    width: calc(100% + 12px);
  }
  .w-\[calc\(100\%\+20px\)\] {
    width: calc(100% + 20px);
  }
  .w-\[calc\(100\%\+36px\)\] {
    width: calc(100% + 36px);
  }
  .w-\[calc\(100\%-4rem\)\] {
    width: calc(100% - 4rem);
  }
  .w-\[calc\(100\%_\+_\(2_\*_2\.5_\*_\(8px_\*_2\)\)\)\] {
    width: calc(100% + (2 * 2.5 * (8px * 2)));
  }
  .w-\[calc\(100\%_-_4rem\)\] {
    width: calc(100% - 4rem);
  }
  .w-\[calc\(var\(--\\_size\)-var\(--\\_gap\)\)\] {
    width: calc(var(--_size) - var(--_gap));
  }
  .w-\[calc\(var\(--\\_size\)_-_var\(--\\_gap\)\)\] {
    width: calc(var(--_size) - var(--_gap));
  }
  .w-\[calc\(var\(--fs-icon\)_\+_4px\)\] {
    width: calc(var(--fs-icon) + 4px);
  }
  .w-\[min\(50\%\,680px\)\] {
    width: min(50%, 680px);
  }
  .w-\[min\(82vw\,328px\)\] {
    width: min(82vw, 328px);
  }
  .w-\[min\(260px\,60\%\)\] {
    width: min(260px, 60%);
  }
  .w-\[min\(480px\,100\%\)\] {
    width: min(480px, 100%);
  }
  .w-\[var\(--\\_max-width-collapsed\)\] {
    width: var(--_max-width-collapsed);
  }
  .w-\[var\(--\\_size\)\] {
    width: var(--_size);
  }
  .w-\[var\(--__icon-fs\)\] {
    width: var(--__icon-fs);
  }
  .w-auto {
    width: auto;
  }
  .w-content {
    width: 800px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fs-icon {
    width: var(--fs-icon);
  }
  .w-fs-icon-s {
    width: var(--fs-icon-s);
  }
  .w-fs-l {
    width: var(--fs-l);
  }
  .w-fs-m {
    width: var(--fs-m);
  }
  .w-fs-xs {
    width: var(--fs-xs);
  }
  .w-full {
    width: 100%;
  }
  .w-menu-s {
    width: 320px;
  }
  .w-menu-xs {
    width: 200px;
  }
  .w-px {
    width: 1px;
  }
  .w-safe-l {
    width: var(--safe-area-inset-left);
  }
  .w-safe-r {
    width: var(--safe-area-inset-right);
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-1\/2 {
    max-width: calc(1 / 2 * 100%);
  }
  .max-w-4 {
    max-width: calc(var(--spacing) * 4);
  }
  .max-w-4\/5 {
    max-width: calc(4 / 5 * 100%);
  }
  .max-w-12\.5 {
    max-width: calc(var(--spacing) * 12.5);
  }
  .max-w-15 {
    max-width: calc(var(--spacing) * 15);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-22\.5 {
    max-width: calc(var(--spacing) * 22.5);
  }
  .max-w-25 {
    max-width: calc(var(--spacing) * 25);
  }
  .max-w-27\.5 {
    max-width: calc(var(--spacing) * 27.5);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-32\.5 {
    max-width: calc(var(--spacing) * 32.5);
  }
  .max-w-37\.5 {
    max-width: calc(var(--spacing) * 37.5);
  }
  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-52\.5 {
    max-width: calc(var(--spacing) * 52.5);
  }
  .max-w-55 {
    max-width: calc(var(--spacing) * 55);
  }
  .max-w-65 {
    max-width: calc(var(--spacing) * 65);
  }
  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }
  .max-w-77 {
    max-width: calc(var(--spacing) * 77);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-135 {
    max-width: calc(var(--spacing) * 135);
  }
  .max-w-\[40\%\] {
    max-width: 40%;
  }
  .max-w-\[40cqw\] {
    max-width: 40cqw;
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[70px\] {
    max-width: 70px;
  }
  .max-w-\[75vh\] {
    max-width: 75vh;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[784px\] {
    max-width: 784px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[1080px\] {
    max-width: 1080px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1160px\] {
    max-width: 1160px;
  }
  .max-w-\[calc\(100\%\+8px\)\] {
    max-width: calc(100% + 8px);
  }
  .max-w-\[calc\(100\%-8px\)\] {
    max-width: calc(100% - 8px);
  }
  .max-w-\[calc\(100\%-32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[calc\(100\%-128px\)\] {
    max-width: calc(100% - 128px);
  }
  .max-w-\[calc\(100\%_-_4rem\)\] {
    max-width: calc(100% - 4rem);
  }
  .max-w-\[calc\(100\%_-_32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-\[calc\(100vw-48px\)\] {
    max-width: calc(100vw - 48px);
  }
  .max-w-\[var\(--breakdown-max-width\)\] {
    max-width: var(--breakdown-max-width);
  }
  .max-w-content-l {
    max-width: 920px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-menu-s {
    max-width: 320px;
  }
  .max-w-menu-xs {
    max-width: 200px;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-1 {
    min-width: var(--spacing);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-2\.5 {
    min-width: calc(var(--spacing) * 2.5);
  }
  .min-w-2\.25 {
    min-width: calc(var(--spacing) * 2.25);
  }
  .min-w-3 {
    min-width: calc(var(--spacing) * 3);
  }
  .min-w-3\.75 {
    min-width: calc(var(--spacing) * 3.75);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-6\.5 {
    min-width: calc(var(--spacing) * 6.5);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-15 {
    min-width: calc(var(--spacing) * 15);
  }
  .min-w-16\.25 {
    min-width: calc(var(--spacing) * 16.25);
  }
  .min-w-18 {
    min-width: calc(var(--spacing) * 18);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-27 {
    min-width: calc(var(--spacing) * 27);
  }
  .min-w-45 {
    min-width: calc(var(--spacing) * 45);
  }
  .min-w-75 {
    min-width: calc(var(--spacing) * 75);
  }
  .min-w-\[1em\] {
    min-width: 1em;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[22px\] {
    min-width: 22px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[52px\] {
    min-width: 52px;
  }
  .min-w-\[60px\] {
    min-width: 60px;
  }
  .min-w-\[84px\] {
    min-width: 84px;
  }
  .min-w-\[108px\] {
    min-width: 108px;
  }
  .min-w-\[112px\] {
    min-width: 112px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[145px\] {
    min-width: 145px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[340px\] {
    min-width: 340px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-\[560px\] {
    min-width: 560px;
  }
  .min-w-\[620px\] {
    min-width: 620px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[860px\] {
    min-width: 860px;
  }
  .min-w-\[calc\(var\(--\\_items\)_\*_8px\)\] {
    min-width: calc(var(--_items) * 8px);
  }
  .min-w-fs-icon {
    min-width: var(--fs-icon);
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-menu-xs {
    min-width: 200px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-1\! {
    flex: 1 !important;
  }
  .flex-\[0_0_0px\] {
    flex: 0 0 0px;
  }
  .flex-\[0_0_200px\] {
    flex: 0 0 200px;
  }
  .flex-\[0_0_210px\] {
    flex: 0 0 210px;
  }
  .flex-\[0_1_140px\] {
    flex: 0 1 140px;
  }
  .flex-\[0_1_240px\] {
    flex: 0 1 240px;
  }
  .flex-\[0_1_300px\] {
    flex: 0 1 300px;
  }
  .flex-\[0_1_auto\] {
    flex: 0 1 auto;
  }
  .flex-\[1\.4_1_460px\] {
    flex: 1.4 1 460px;
  }
  .flex-\[1\.6_1_420px\] {
    flex: 1.6 1 420px;
  }
  .flex-\[1\.25_1_340px\] {
    flex: 1.25 1 340px;
  }
  .flex-\[1_1_0\%\] {
    flex: 1 1 0%;
  }
  .flex-\[1_1_0\] {
    flex: 1 1 0;
  }
  .flex-\[1_1_120px\] {
    flex: 1 1 120px;
  }
  .flex-\[1_1_160px\] {
    flex: 1 1 160px;
  }
  .flex-\[1_1_180px\] {
    flex: 1 1 180px;
  }
  .flex-\[1_1_200px\] {
    flex: 1 1 200px;
  }
  .flex-\[1_1_240px\] {
    flex: 1 1 240px;
  }
  .flex-\[1_1_260px\] {
    flex: 1 1 260px;
  }
  .flex-\[1_1_280px\] {
    flex: 1 1 280px;
  }
  .flex-\[1_1_300px\] {
    flex: 1 1 300px;
  }
  .flex-\[1_1_360px\] {
    flex: 1 1 360px;
  }
  .flex-\[1_1_420px\] {
    flex: 1 1 420px;
  }
  .flex-\[1_1_520px\] {
    flex: 1 1 520px;
  }
  .flex-\[1_1_auto\] {
    flex: 1 1 auto;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-2 {
    flex-grow: 2;
  }
  .grow-3 {
    flex-grow: 3;
  }
  .basis-1\/2 {
    flex-basis: calc(1 / 2 * 100%);
  }
  .basis-\[0\%\] {
    flex-basis: 0%;
  }
  .basis-\[calc\(50\%_-_8px\)\] {
    flex-basis: calc(50% - 8px);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-left {
    transform-origin: 0 100%;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[min\(82vw\,328px\)\] {
    --tw-translate-x: min(82vw, 328px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -0.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-px {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-100\%-24px\)\] {
    --tw-translate-y: calc(-100% - 24px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.34\] {
    scale: 0.34;
  }
  .scale-\[1\.01\] {
    scale: 1.01;
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .collapsible-open {
    grid-template-rows: 1fr;
    & > * {
      opacity: 1;
      transform: none;
    }
  }
  .\[transform\:rotate\(90deg\)\] {
    transform: rotate(90deg);
  }
  .\[transform\:translate\(-50\%\,_-50\%\)\] {
    transform: translate(-50%, -50%);
  }
  .\[transform\:translate\(-150\%\,_-50\%\)\] {
    transform: translate(-150%, -50%);
  }
  .\[transform\:translatex\(-50\%\)\] {
    transform: translatex(-50%);
  }
  .\[transform\:translatex\(calc\(-100\%_-_4px\)\)\] {
    transform: translatex(calc(-100% - 4px));
  }
  .\[transform\:translatey\(-50\%\)\] {
    transform: translatey(-50%);
  }
  .\[transform\:translatey\(100\%\)\] {
    transform: translatey(100%);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .translate-y-safe-center {
    transform: translateY(calc(-50% + var(--safe-area-inset-top)));
  }
  .text-loading {
    background-image: linear-gradient(to right, var(--color-text-400) 0%, var(--color-text-500) 19%, var(--color-text-300) 61%, var(--color-text-400) 81%);
    color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
    animation: var(--animate-loading);
    background-size: 200% 100%;
    background-position: 100% 0;
  }
  .bg-loading {
    background-image: linear-gradient(to right, var(--color-text-400) 0%, var(--color-text-500) 19%, var(--color-text-300) 61%, var(--color-text-400) 81%);
    animation: var(--animate-loading);
    background-size: 200% 100%;
    background-position: 100% 0;
  }
  .chat-shimmer {
    background: linear-gradient(	90deg,	rgb(var(--color-text-400-rgb)) 0%,	rgb(var(--color-text-400-rgb)) 35%,	rgb(var(--color-text-800-rgb)) 50%,	rgb(var(--color-text-400-rgb)) 65%,	rgb(var(--color-text-400-rgb)) 100%	);
    background-size: 250% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: chat-shimmer 2.2s linear infinite;
  }
  .stagger-rise > * {
    animation: var(--animate-rise-in);
  }
  .stagger-rise > :nth-child(2) {
    animation-delay: 40ms;
  }
  .stagger-rise > :nth-child(3) {
    animation-delay: 80ms;
  }
  .stagger-rise > :nth-child(4) {
    animation-delay: 120ms;
  }
  .stagger-rise > :nth-child(5) {
    animation-delay: 160ms;
  }
  .stagger-rise > :nth-child(6) {
    animation-delay: 200ms;
  }
  .stagger-rise > :nth-child(7) {
    animation-delay: 240ms;
  }
  .stagger-rise > :nth-child(n + 8) {
    animation-delay: 280ms;
  }
  .\[animation\:options-fade-in_600ms_300ms_ease-in-out_forwards\] {
    animation: options-fade-in 600ms 300ms ease-in-out forwards;
  }
  .animate-\[spin_800ms_linear_infinite\] {
    animation: spin 800ms linear infinite;
  }
  .animate-ann-in {
    animation: var(--animate-ann-in);
  }
  .animate-badge-in {
    animation: var(--animate-badge-in);
  }
  .animate-bottom-sheet-in {
    animation: var(--animate-bottom-sheet-in);
  }
  .animate-bottom-sheet-out {
    animation: var(--animate-bottom-sheet-out);
  }
  .animate-caret-blink {
    animation: var(--animate-caret-blink);
  }
  .animate-chart-in {
    animation: var(--animate-chart-in);
  }
  .animate-chat-dock-in {
    animation: chat-dock-in 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  .animate-chat-dock-in-px {
    animation: chat-dock-in-px 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  .animate-chat-pane-in {
    animation: chat-pane-in 360ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
  .animate-check-pop {
    animation: var(--animate-check-pop);
  }
  .animate-dialog-in {
    animation: var(--animate-dialog-in);
  }
  .animate-dialog-out {
    animation: var(--animate-dialog-out);
  }
  .animate-donut-in {
    animation: var(--animate-donut-in);
  }
  .animate-dot-pulse {
    animation: var(--animate-dot-pulse);
  }
  .animate-fade-in {
    animation: var(--animate-fade-in);
  }
  .animate-fade-out {
    animation: var(--animate-fade-out);
  }
  .animate-grow-x {
    animation: var(--animate-grow-x);
  }
  .animate-grow-y {
    animation: var(--animate-grow-y);
  }
  .animate-hint-pulse {
    animation: var(--animate-hint-pulse);
  }
  .animate-pane-in {
    animation: var(--animate-pane-in);
  }
  .animate-pane-out {
    animation: var(--animate-pane-out);
  }
  .animate-pop-in {
    animation: var(--animate-pop-in);
  }
  .animate-pop-out {
    animation: var(--animate-pop-out);
  }
  .animate-ring-draw {
    animation: var(--animate-ring-draw);
  }
  .animate-rise-in {
    animation: var(--animate-rise-in);
  }
  .animate-rise-out {
    animation: var(--animate-rise-out);
  }
  .animate-scrim-in {
    animation: var(--animate-scrim-in);
  }
  .animate-scrim-out {
    animation: var(--animate-scrim-out);
  }
  .animate-scrim-sheet-in {
    animation: var(--animate-scrim-sheet-in);
  }
  .animate-sheet-down {
    animation: var(--animate-sheet-down);
  }
  .animate-sheet-in {
    animation: var(--animate-sheet-in);
  }
  .animate-sheet-out {
    animation: var(--animate-sheet-out);
  }
  .animate-sheet-screen-in {
    animation: var(--animate-sheet-screen-in);
  }
  .animate-sheet-up {
    animation: var(--animate-sheet-up);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .animate-turn-in {
    animation: var(--animate-turn-in);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-default\! {
    cursor: default !important;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-progress {
    cursor: progress;
  }
  .cursor-text {
    cursor: text;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-\[84px\] {
    scroll-margin-top: 84px;
  }
  .scroll-px-2 {
    scroll-padding-inline: calc(var(--spacing) * 2);
  }
  .\[scroll-padding-top\:var\(--genie-header-h\,96px\)\] {
    scroll-padding-top: var(--genie-header-h,96px);
  }
  .scroll-pt-\[var\(--cl-head-h\,260px\)\] {
    scroll-padding-top: var(--cl-head-h,260px);
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .\[scrollbar-gutter\:stable_both-edges\] {
    scrollbar-gutter: stable both-edges;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-auto {
    appearance: auto;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-rows-\[20px\] {
    grid-auto-rows: 20px;
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .\[grid-template-columns\:var\(--oc-cols\)\] {
    grid-template-columns: var(--oc-cols);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[1\.1fr_1fr_0\.8fr_0\.9fr_1\.3fr_0\.5fr\] {
    grid-template-columns: 1.1fr 1fr 0.8fr 0.9fr 1.3fr 0.5fr;
  }
  .grid-cols-\[1\.2fr_1fr_1\.4fr_1\.2fr\] {
    grid-template-columns: 1.2fr 1fr 1.4fr 1.2fr;
  }
  .grid-cols-\[1fr_1\.4fr\] {
    grid-template-columns: 1fr 1.4fr;
  }
  .grid-cols-\[2fr_1fr_0\.9fr_0\.9fr_0\.8fr_1\.1fr\] {
    grid-template-columns: 2fr 1fr 0.9fr 0.9fr 0.8fr 1.1fr;
  }
  .grid-cols-\[10px_minmax\(0\,1fr\)\] {
    grid-template-columns: 10px minmax(0,1fr);
  }
  .grid-cols-\[16px_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: 16px auto minmax(0,1fr);
  }
  .grid-cols-\[16px_minmax\(0\,1fr\)\] {
    grid-template-columns: 16px minmax(0,1fr);
  }
  .grid-cols-\[16px_minmax\(0\,1fr\)_auto_36px\] {
    grid-template-columns: 16px minmax(0,1fr) auto 36px;
  }
  .grid-cols-\[16px_minmax\(0\,1fr\)_auto_36px_58px\] {
    grid-template-columns: 16px minmax(0,1fr) auto 36px 58px;
  }
  .grid-cols-\[18px_120px_1fr\] {
    grid-template-columns: 18px 120px 1fr;
  }
  .grid-cols-\[18px_minmax\(0\,1fr\)\] {
    grid-template-columns: 18px minmax(0,1fr);
  }
  .grid-cols-\[18px_minmax\(0\,1fr\)_auto_58px\] {
    grid-template-columns: 18px minmax(0,1fr) auto 58px;
  }
  .grid-cols-\[20px_120px_minmax\(0\,1fr\)_100px_minmax\(0\,1\.2fr\)_32px\] {
    grid-template-columns: 20px 120px minmax(0,1fr) 100px minmax(0,1.2fr) 32px;
  }
  .grid-cols-\[22px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 22px minmax(0,1fr) auto;
  }
  .grid-cols-\[24px_minmax\(0\,1fr\)\] {
    grid-template-columns: 24px minmax(0,1fr);
  }
  .grid-cols-\[28px_1\.4fr_1\.6fr_1\.1fr_90px_0\.9fr_80px\] {
    grid-template-columns: 28px 1.4fr 1.6fr 1.1fr 90px 0.9fr 80px;
  }
  .grid-cols-\[32px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 32px minmax(0,1fr) auto;
  }
  .grid-cols-\[32px_minmax\(0\,1fr\)_auto_28px\] {
    grid-template-columns: 32px minmax(0,1fr) auto 28px;
  }
  .grid-cols-\[36px_1\.3fr_1\.3fr_1fr_70px_90px_70px_1\.2fr\] {
    grid-template-columns: 36px 1.3fr 1.3fr 1fr 70px 90px 70px 1.2fr;
  }
  .grid-cols-\[40px_1fr\] {
    grid-template-columns: 40px 1fr;
  }
  .grid-cols-\[120px_minmax\(0\,1fr\)\] {
    grid-template-columns: 120px minmax(0,1fr);
  }
  .grid-cols-\[120px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 120px minmax(0,1fr) auto;
  }
  .grid-cols-\[210px_minmax\(0\,1fr\)\] {
    grid-template-columns: 210px minmax(0,1fr);
  }
  .grid-cols-\[264px_minmax\(0\,1fr\)\] {
    grid-template-columns: 264px minmax(0,1fr);
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_28px_minmax\(0\,1fr\)_28px_150px_124px\] {
    grid-template-columns: auto 28px minmax(0,1fr) 28px 150px 124px;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_120px\] {
    grid-template-columns: minmax(0,1fr) 120px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_256px\] {
    grid-template-columns: minmax(0,1fr) 256px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_repeat\(3\,72px\)\] {
    grid-template-columns: minmax(0,1fr) repeat(3,72px);
  }
  .grid-cols-\[minmax\(0\,2\.2fr\)_minmax\(0\,1\.4fr\)_128px_96px\] {
    grid-template-columns: minmax(0,2.2fr) minmax(0,1.4fr) 128px 96px;
  }
  .grid-cols-\[minmax\(0\,2\.4fr\)_repeat\(4\,minmax\(64px\,1fr\)\)\] {
    grid-template-columns: minmax(0,2.4fr) repeat(4,minmax(64px,1fr));
  }
  .grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,6fr\)\] {
    grid-template-columns: minmax(0,4fr) minmax(0,6fr);
  }
  .grid-cols-\[minmax\(120px\,190px\)_minmax\(0\,1fr\)_28px\] {
    grid-template-columns: minmax(120px,190px) minmax(0,1fr) 28px;
  }
  .grid-cols-\[minmax\(160px\,2fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(160px,2fr) minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(160px\,2fr\)_minmax\(72px\,auto\)_auto\] {
    grid-template-columns: minmax(160px,2fr) minmax(72px,auto) auto;
  }
  .grid-cols-\[minmax\(240px\,2\.4fr\)_160px_132px_minmax\(150px\,1\.1fr\)_96px_20px\] {
    grid-template-columns: minmax(240px,2.4fr) 160px 132px minmax(150px,1.1fr) 96px 20px;
  }
  .grid-cols-\[repeat\(2\,20px\)\] {
    grid-template-columns: repeat(2,20px);
  }
  .grid-cols-\[repeat\(8\,36px\)\] {
    grid-template-columns: repeat(8,36px);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(36px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(36px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(210px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(230px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(300px\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(min(300px, 100%),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(140px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-\[200px_26px\] {
    grid-template-rows: 200px 26px;
  }
  .grid-rows-\[220px_22px\] {
    grid-template-rows: 220px 22px;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .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-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .\!gap-0 {
    gap: 0px !important;
  }
  .gap-0\! {
    gap: 0px !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.25 {
    gap: calc(var(--spacing) * 0.25);
  }
  .gap-0\.75 {
    gap: calc(var(--spacing) * 0.75);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\! {
    gap: var(--spacing) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.5\! {
    gap: calc(var(--spacing) * 1.5) !important;
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }
  .gap-1\.75\! {
    gap: calc(var(--spacing) * 1.75) !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-0\.75 {
    column-gap: calc(var(--spacing) * 0.75);
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-1\.25 {
    column-gap: calc(var(--spacing) * 1.25);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-\[14px\] {
    column-gap: 14px;
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-0\.25 {
    row-gap: calc(var(--spacing) * 0.25);
  }
  .gap-y-0\.75 {
    row-gap: calc(var(--spacing) * 0.75);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-1\.25 {
    row-gap: calc(var(--spacing) * 1.25);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .\[justify-self\:flex-start\] {
    justify-self: flex-start;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-hidden\! {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-auto\! {
    overflow-y: auto !important;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .input-widget {
    background-color: transparent;
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
    caret-color: var(--color-theme-primary);
    color: var(--color-text-800);
    &[disabled] {
      color: var(--color-text-500);
    }
    &::placeholder {
      color: var(--color-text-400);
      opacity: 1;
    }
    &.without-border {
      border: none;
    }
    &.enabled:not(.without-focus):hover {
      --_border-color: rgb(var(--_shadow-color-rgb));
    }
    .reach-input-widget-wrapper & {
      padding: 0px;
      border-radius: 0px;
      border: none;
      box-shadow: none !important;
    }
    &:focus {
      outline: none;
      -webkit-box-shadow: none;
    }
    &:not(.without-focus):focus {
      border-color: rgb(var(--_shadow-color-rgb));
    }
    .input-wrapper.with-errors & {
      --_border-color: var(--color-theme-warn);
      --_shadow-color-rgb: var(--color-theme-warn-rgb);
    }
  }
  .textarea-widget {
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    background-color: transparent;
    caret-color: var(--color-theme-primary);
    &::placeholder {
      color: var(--color-text-400);
      opacity: 1;
    }
    &.without-border {
      border: none;
    }
    &.enabled:not(.without-focus),	&:enabled:not(.without-focus) {
      &:hover {
        --_border-color: rgb(var(--_shadow-color-rgb));
      }
    }
    &:focus {
      outline: none;
      -webkit-box-shadow: none;
    }
    &:not(.without-focus):focus {
      border-color: rgb(var(--_shadow-color-rgb));
    }
    .reach-input-widget-wrapper & {
      padding: 0;
      border-radius: 0;
      border: none;
      box-shadow: none !important;
    }
    .input-wrapper.with-errors & {
      --_border-color: var(--color-theme-warn);
      --_shadow-color-rgb: var(--color-theme-warn-rgb);
    }
  }
  .options-list-widget .option {
    border-radius: 0px !important;
    background-color: var(--color-bg-190) !important;
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing)) !important;
  }
  .options-list-widget .option:hover {
    background-color: var(--color-bg-270) !important;
  }
  .chip-widget {
    padding: calc(0.25 * var(--spacing)) var(--spacing);
    border-radius: calc(0.75 * var(--spacing));
  }
  .\!rounded-\[14px\] {
    border-radius: 14px !important;
  }
  .\[border-radius\:calc\(0\.5\*var\(--toggler-size\)_\+_var\(--toggler-space\)\)\] {
    border-radius: calc(0.5 * var(--toggler-size) + var(--toggler-space));
  }
  .rounded-0 {
    border-radius: var(--radius-0);
  }
  .rounded-0\.5 {
    border-radius: var(--radius-0\.5);
  }
  .rounded-0\.25 {
    border-radius: var(--radius-0\.25);
  }
  .rounded-0\.75 {
    border-radius: var(--radius-0\.75);
  }
  .rounded-0\.375 {
    border-radius: var(--radius-0\.375);
  }
  .rounded-1 {
    border-radius: var(--radius-1);
  }
  .rounded-1\.5 {
    border-radius: var(--radius-1\.5);
  }
  .rounded-1\.25 {
    border-radius: var(--radius-1\.25);
  }
  .rounded-1\.25\! {
    border-radius: var(--radius-1\.25) !important;
  }
  .rounded-1\.75 {
    border-radius: var(--radius-1\.75);
  }
  .rounded-2 {
    border-radius: var(--radius-2);
  }
  .rounded-2\.5 {
    border-radius: var(--radius-2\.5);
  }
  .rounded-2\.25 {
    border-radius: var(--radius-2\.25);
  }
  .rounded-2\.75 {
    border-radius: var(--radius-2\.75);
  }
  .rounded-3 {
    border-radius: var(--radius-3);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[22\%\] {
    border-radius: 22%;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[999px\] {
    border-radius: 999px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-circle {
    border-radius: var(--radius-circle);
  }
  .rounded-circle\! {
    border-radius: var(--radius-circle) !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-half-rem {
    border-radius: var(--radius-half-rem);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-pill {
    border-radius: var(--radius-pill);
  }
  .rounded-px {
    border-radius: var(--radius-px);
  }
  .rounded-t-0\.5 {
    border-top-left-radius: var(--radius-0\.5);
    border-top-right-radius: var(--radius-0\.5);
  }
  .rounded-t-0\.25 {
    border-top-left-radius: var(--radius-0\.25);
    border-top-right-radius: var(--radius-0\.25);
  }
  .rounded-t-1 {
    border-top-left-radius: var(--radius-1);
    border-top-right-radius: var(--radius-1);
  }
  .rounded-t-1\.25 {
    border-top-left-radius: var(--radius-1\.25);
    border-top-right-radius: var(--radius-1\.25);
  }
  .rounded-t-2\.5 {
    border-top-left-radius: var(--radius-2\.5);
    border-top-right-radius: var(--radius-2\.5);
  }
  .rounded-t-3 {
    border-top-left-radius: var(--radius-3);
    border-top-right-radius: var(--radius-3);
  }
  .rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .rounded-t-\[11px\] {
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
  }
  .rounded-t-\[14px\] {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }
  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .rounded-l-1\.75 {
    border-top-left-radius: var(--radius-1\.75);
    border-bottom-left-radius: var(--radius-1\.75);
  }
  .rounded-l-\[999px\] {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
  }
  .rounded-tl-1\.25 {
    border-top-left-radius: var(--radius-1\.25);
  }
  .rounded-r-0\.5 {
    border-top-right-radius: var(--radius-0\.5);
    border-bottom-right-radius: var(--radius-0\.5);
  }
  .rounded-r-1\.75 {
    border-top-right-radius: var(--radius-1\.75);
    border-bottom-right-radius: var(--radius-1\.75);
  }
  .rounded-tr-1\.25 {
    border-top-right-radius: var(--radius-1\.25);
  }
  .rounded-b-1 {
    border-bottom-right-radius: var(--radius-1);
    border-bottom-left-radius: var(--radius-1);
  }
  .rounded-b-\[15px\] {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .rounded-b-\[21px\] {
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
  }
  .border-solid-line-250 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-line-250-rgb));
  }
  .border-solid-warn {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-warn-rgb));
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[4px\] {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-\[6px\] {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .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-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dashed\! {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[border-right-style\:none\] {
    border-right-style: none;
  }
  .border-180 {
    border-color: rgb(var(--color-bg-180-rgb));
  }
  .border-270 {
    border-color: rgb(var(--color-bg-270-rgb));
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--wg-c\,rgb\(var\(--color-primary-500-rgb\)\)\)_40\%\,transparent\)\] {
    border-color: var(--wg-c,rgb(var(--color-primary-500-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--wg-c,rgb(var(--color-primary-500-rgb))) 40%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_10\%\,transparent\)\] {
    border-color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--wg-fg) 10%,transparent);
    }
  }
  .border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_14\%\,transparent\)\] {
    border-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 14%,transparent);
    }
  }
  .border-\[color\:rgb\(var\(--color-bg-180-rgb\)\)\] {
    border-color: rgb(var(--color-bg-180-rgb));
  }
  .border-\[color\:var\(--chat-accent\,rgb\(var\(--color-primary-500-rgb\)\)\)\] {
    border-color: var(--chat-accent,rgb(var(--color-primary-500-rgb)));
  }
  .border-\[color\:var\(--wg-c\)\] {
    border-color: var(--wg-c);
  }
  .border-\[color\:var\(--wg-c\)\]\! {
    border-color: var(--wg-c) !important;
  }
  .border-\[color\:var\(--wg-line\)\] {
    border-color: var(--wg-line);
  }
  .border-\[color\:var\(--wg-line\,rgb\(var\(--color-line-250-rgb\)\)\)\] {
    border-color: var(--wg-line,rgb(var(--color-line-250-rgb)));
  }
  .border-\[rgb\(var\(--light-color-line-250-rgb\)\)\] {
    border-color: rgb(var(--light-color-line-250-rgb));
  }
  .border-\[var\(--\\_border-color\)\] {
    border-color: var(--_border-color);
  }
  .border-\[var\(--color-bg-180\)\] {
    border-color: var(--color-bg-180);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-fg-400 {
    border-color: rgb(var(--color-text-400-rgb));
  }
  .border-fg-800 {
    border-color: rgb(var(--color-text-800-rgb));
  }
  .border-imp-7\/20 {
    border-color: rgb(var(--color-imp-bg-7-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-imp-bg-7-rgb)) 20%, transparent);
    }
  }
  .border-line-230 {
    border-color: rgb(var(--color-line-230-rgb));
  }
  .border-line-250 {
    border-color: rgb(var(--color-line-250-rgb));
  }
  .border-line-250\/70 {
    border-color: rgb(var(--color-line-250-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-line-250-rgb)) 70%, transparent);
    }
  }
  .border-line-330 {
    border-color: rgb(var(--color-line-330-rgb));
  }
  .border-node-type {
    border-color: var(--color-node);
  }
  .border-plan-accent {
    border-color: var(--color-plan-accent);
  }
  .border-primary {
    border-color: rgb(var(--color-primary-rgb));
  }
  .border-primary-500 {
    border-color: rgb(var(--color-primary-500-rgb));
  }
  .border-primary-500\! {
    border-color: rgb(var(--color-primary-500-rgb)) !important;
  }
  .border-primary-500\/20 {
    border-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .border-primary-500\/25 {
    border-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 25%, transparent);
    }
  }
  .border-primary-500\/45 {
    border-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 45%, transparent);
    }
  }
  .border-primary-500\/50 {
    border-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 50%, transparent);
    }
  }
  .border-status-danger-dot {
    border-color: #e72437;
  }
  .border-status-danger-dot\! {
    border-color: #e72437 !important;
  }
  .border-status-danger-dot\/25 {
    border-color: color-mix(in oklab, #e72437 25%, transparent);
  }
  .border-status-danger-text {
    border-color: var(--color-status-danger-text-runtime);
  }
  .border-status-success-dot\/30 {
    border-color: color-mix(in oklab, #57c042 30%, transparent);
  }
  .border-status-warning-text\/50 {
    border-color: var(--color-status-warning-text-runtime);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-status-warning-text-runtime) 50%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warn {
    border-color: rgb(var(--color-warn-rgb));
  }
  .border-warn\! {
    border-color: rgb(var(--color-warn-rgb)) !important;
  }
  .border-warn-500 {
    border-color: rgb(var(--color-warn-500-rgb));
  }
  .border-warn-500\! {
    border-color: rgb(var(--color-warn-500-rgb)) !important;
  }
  .border-warn-500\/30 {
    border-color: rgb(var(--color-warn-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 30%, transparent);
    }
  }
  .border-white {
    border-color: rgb(255, 255, 255);
  }
  .border-white\/40 {
    border-color: color-mix(in oklab, rgb(255, 255, 255) 40%, transparent);
  }
  .border-t-fg-400 {
    border-top-color: rgb(var(--color-text-400-rgb));
  }
  .border-t-line-230 {
    border-top-color: rgb(var(--color-line-230-rgb));
  }
  .border-t-line-250 {
    border-top-color: rgb(var(--color-line-250-rgb));
  }
  .border-t-primary-500 {
    border-top-color: rgb(var(--color-primary-500-rgb));
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-t-white {
    border-top-color: rgb(255, 255, 255);
  }
  .border-r-transparent {
    border-right-color: transparent;
  }
  .border-b-line-230 {
    border-bottom-color: rgb(var(--color-line-230-rgb));
  }
  .border-b-line-250 {
    border-bottom-color: rgb(var(--color-line-250-rgb));
  }
  .border-b-primary {
    border-bottom-color: rgb(var(--color-primary-rgb));
  }
  .border-l-line-230 {
    border-left-color: rgb(var(--color-line-230-rgb));
  }
  .ui-menu-item--danger {
    color: var(--color-danger-solid);
    &:hover:not(:disabled),	&:focus-visible {
      background-color: var(--color-danger-soft);
      color: var(--color-danger-text);
    }
  }
  .backdrop-dialog {
    background-color: var(--color-scrim);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .backdrop-menu {
    background-color: rgba(0, 0, 0, var(--color-bg-menu-backdrop-opacity));
    @supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) or (-webkit-backdrop-filter: blur(8px)) {
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
    }
  }
  .backdrop-scrim {
    background-color: rgb(0 0 0 / 0.2);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .glass-bar {
    background-color: rgba(var(--color-bg-180-rgb), 0.8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .\[background-color\:\#000000\] {
    background-color: #000000;
  }
  .\[background-color\:color-mix\(in_srgb\,_var\(--\\_color\)_20\%\,_transparent\)\] {
    background-color: var(--_color);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--_color) 20%, transparent);
    }
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .\[background-color\:rgba\(78\,_79\,_85\,_1\)\] {
    background-color: rgba(78, 79, 85, 1);
  }
  .\[background-color\:rgba\(var\(--light-color-bg-160-rgb\)\,_0\.8\)\] {
    background-color: rgba(var(--light-color-bg-160-rgb), 0.8);
  }
  .\[background-color\:var\(--color-code-bg\)\] {
    background-color: var(--color-code-bg);
  }
  .bg-\(--c\) {
    background-color: var(--c);
  }
  .bg-\(--lc\) {
    background-color: var(--lc);
  }
  .bg-\(--lc\)\/14 {
    background-color: var(--lc);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--lc) 14%, transparent);
    }
  }
  .bg-\(--mc\)\/14 {
    background-color: var(--mc);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--mc) 14%, transparent);
    }
  }
  .bg-160 {
    background-color: rgb(var(--color-bg-160-rgb));
  }
  .bg-170 {
    background-color: rgb(var(--color-bg-170-rgb));
  }
  .bg-180 {
    background-color: rgb(var(--color-bg-180-rgb));
  }
  .bg-180\! {
    background-color: rgb(var(--color-bg-180-rgb)) !important;
  }
  .bg-180\/70 {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 70%, transparent);
    }
  }
  .bg-180\/72 {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 72%, transparent);
    }
  }
  .bg-180\/80 {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 80%, transparent);
    }
  }
  .bg-180\/90 {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 90%, transparent);
    }
  }
  .bg-190 {
    background-color: rgb(var(--color-bg-190-rgb));
  }
  .bg-190-inverse {
    background-color: rgb(var(--color-bg-190-inverse-rgb));
  }
  .bg-260 {
    background-color: rgb(var(--color-bg-260-rgb));
  }
  .bg-260\! {
    background-color: rgb(var(--color-bg-260-rgb)) !important;
  }
  .bg-270 {
    background-color: rgb(var(--color-bg-270-rgb));
  }
  .bg-280 {
    background-color: rgb(var(--color-bg-280-rgb));
  }
  .bg-280\! {
    background-color: rgb(var(--color-bg-280-rgb)) !important;
  }
  .bg-290 {
    background-color: rgb(var(--color-bg-290-rgb));
  }
  .bg-360 {
    background-color: rgb(var(--color-bg-360-rgb));
  }
  .bg-370 {
    background-color: rgb(var(--color-bg-370-rgb));
  }
  .bg-370\! {
    background-color: rgb(var(--color-bg-370-rgb)) !important;
  }
  .bg-470 {
    background-color: rgb(var(--color-bg-470-rgb));
  }
  .bg-\[\#1c1c22\] {
    background-color: #1c1c22;
  }
  .bg-\[\#202533\] {
    background-color: #202533;
  }
  .bg-\[\#eeefef\] {
    background-color: #eeefef;
  }
  .bg-\[\#ffffff\] {
    background-color: #ffffff;
  }
  .bg-\[color-mix\(in_srgb\,\#57C042_14\%\,transparent\)\] {
    background-color: color-mix(in srgb,#57C042 14%,transparent);
  }
  .bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\] {
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,currentColor 10%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,rgb\(var\(--color-bg-180-rgb\)\)_78\%\,transparent\)\] {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,rgb(var(--color-bg-180-rgb)) 78%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,rgb\(var\(--color-bg-370-rgb\)\)_70\%\,transparent\)\] {
    background-color: rgb(var(--color-bg-370-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,rgb(var(--color-bg-370-rgb)) 70%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-170\)_78\%\,transparent\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-bg-170-rgb)) 78%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-170) 78%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-fg-800\)_3\.5\%\,var\(--color-180\)\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-text-800-rgb)) 3.5%,rgb(var(--color-bg-180-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-fg-800) 3.5%,var(--color-180));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-fg-800\)_10\%\,transparent\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-text-800-rgb)) 10%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-fg-800) 10%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-node\)_10\%\,rgb\(var\(--color-bg-180-rgb\)\)\)\] {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-node) 10%,rgb(var(--color-bg-180-rgb)));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-node\)_14\%\,transparent\)\] {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-node) 14%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-node\)_16\%\,transparent\)\] {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-node) 16%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-primary-500\)_7\%\,var\(--color-180\)\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-primary-500-rgb)) 7%,rgb(var(--color-bg-180-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-primary-500) 7%,var(--color-180));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-primary-500\)_12\%\,transparent\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-primary-500-rgb)) 12%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-primary-500) 12%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-primary-500\)_28\%\,var\(--color-180\)\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-primary-500-rgb)) 28%,rgb(var(--color-bg-180-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-primary-500) 28%,var(--color-180));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-primary-500\)_42\%\,var\(--color-180\)\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-primary-500-rgb)) 42%,rgb(var(--color-bg-180-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-primary-500) 42%,var(--color-180));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-warn-500\)_9\%\,var\(--color-180\)\)\] {
    background-color: color-mix(in srgb,rgb(var(--color-warn-500-rgb)) 9%,rgb(var(--color-bg-180-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-warn-500) 9%,var(--color-180));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-bg\)_72\%\,transparent\)\] {
    background-color: var(--wg-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-bg) 72%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-c\)_10\%\,transparent\)\] {
    background-color: var(--wg-c);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-c) 10%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-c\)_12\%\,transparent\)\] {
    background-color: var(--wg-c);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-c) 12%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_6\%\,transparent\)\] {
    background-color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-fg) 6%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_8\%\,transparent\)\] {
    background-color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-fg) 8%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_9\%\,transparent\)\] {
    background-color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-fg) 9%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_18\%\,transparent\)\] {
    background-color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-fg) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_4\%\,transparent\)\] {
    background-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 4%,transparent);
    }
  }
  .bg-\[rgb\(var\(--light-color-bg-180-rgb\)\)\] {
    background-color: rgb(var(--light-color-bg-180-rgb));
  }
  .bg-\[rgb\(var\(--light-color-bg-370-rgb\)\)\] {
    background-color: rgb(var(--light-color-bg-370-rgb));
  }
  .bg-\[rgba\(87\,192\,66\,0\.14\)\] {
    background-color: rgba(87,192,66,0.14);
  }
  .bg-\[rgba\(87\,192\,66\,0\.16\)\] {
    background-color: rgba(87,192,66,0.16);
  }
  .bg-\[rgba\(139\,92\,246\,0\.12\)\] {
    background-color: rgba(139,92,246,0.12);
  }
  .bg-\[rgba\(245\,165\,36\,0\.16\)\] {
    background-color: rgba(245,165,36,0.16);
  }
  .bg-\[rgba\(var\(--color-node-rgb\)\,0\.16\)\] {
    background-color: rgba(var(--color-node-rgb),0.16);
  }
  .bg-\[var\(--wg-bg\)\] {
    background-color: var(--wg-bg);
  }
  .bg-\[var\(--wg-bg\,rgb\(var\(--color-bg-180-rgb\)\)\)\] {
    background-color: var(--wg-bg,rgb(var(--color-bg-180-rgb)));
  }
  .bg-\[var\(--wg-c\)\] {
    background-color: var(--wg-c);
  }
  .bg-\[var\(--wg-cb\,var\(--wg-bg\)\)\] {
    background-color: var(--wg-cb,var(--wg-bg));
  }
  .bg-\[var\(--wg-cb\,var\(--wg-bg\,transparent\)\)\] {
    background-color: var(--wg-cb,var(--wg-bg,transparent));
  }
  .bg-\[var\(--wg-line\)\] {
    background-color: var(--wg-line);
  }
  .bg-\[var\(--wg-line\,rgb\(var\(--color-line-250-rgb\)\)\)\] {
    background-color: var(--wg-line,rgb(var(--color-line-250-rgb)));
  }
  .bg-\[var\(--wg-ub\,rgb\(var\(--color-bg-370-rgb\)\)\)\] {
    background-color: var(--wg-ub,rgb(var(--color-bg-370-rgb)));
  }
  .bg-ai-accent-soft {
    background-color: var(--color-370);
  }
  .bg-black\/\[0\.03\] {
    background-color: color-mix(in oklab, rgb(0, 0, 0) 3%, transparent);
  }
  .bg-category-02\/15 {
    background-color: color-mix(in srgb, #02a2cc 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-category-02) 15%, transparent);
    }
  }
  .bg-category-03\/15 {
    background-color: color-mix(in srgb, #00bfd3 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-category-03) 15%, transparent);
    }
  }
  .bg-category-06\/15 {
    background-color: color-mix(in srgb, #9cc810 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-category-06) 15%, transparent);
    }
  }
  .bg-category-10\/15 {
    background-color: color-mix(in srgb, #f58f00 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-category-10) 15%, transparent);
    }
  }
  .bg-category-14\/15 {
    background-color: color-mix(in srgb, #8b5cf6 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-category-14) 15%, transparent);
    }
  }
  .bg-code {
    background-color: rgba(var(--color-bg-code-rgb));
  }
  .bg-creative-mode {
    background-color: var(--color-creative-mode);
  }
  .bg-creative-mode\/12 {
    background-color: color-mix(in srgb, #8b5cf6 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-creative-mode) 12%, transparent);
    }
  }
  .bg-creative-mode\/14 {
    background-color: color-mix(in srgb, #8b5cf6 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-creative-mode) 14%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-current\/10 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .bg-current\/14 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 14%, transparent);
    }
  }
  .bg-current\/18 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 18%, transparent);
    }
  }
  .bg-danger-soft {
    background-color: var(--color-danger-soft-runtime);
  }
  .bg-danger-solid {
    background-color: var(--color-danger-solid-runtime);
  }
  .bg-fg-200 {
    background-color: rgb(var(--color-text-200-rgb));
  }
  .bg-fg-400 {
    background-color: rgb(var(--color-text-400-rgb));
  }
  .bg-fg-500 {
    background-color: rgb(var(--color-text-500-rgb));
  }
  .bg-fg-800 {
    background-color: rgb(var(--color-text-800-rgb));
  }
  .bg-fg-800\/8 {
    background-color: rgb(var(--color-text-800-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 8%, transparent);
    }
  }
  .bg-fg-800\/10 {
    background-color: rgb(var(--color-text-800-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 10%, transparent);
    }
  }
  .bg-hover-5 {
    background-color: var(--color-hover-5-runtime);
  }
  .bg-hover-5\! {
    background-color: var(--color-hover-5-runtime) !important;
  }
  .bg-imp-7\/20 {
    background-color: rgb(var(--color-imp-bg-7-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-7-rgb)) 20%, transparent);
    }
  }
  .bg-imp-10\/20 {
    background-color: rgb(var(--color-imp-bg-10-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-10-rgb)) 20%, transparent);
    }
  }
  .bg-importance-soft {
    background-color: var(--importance-color-bg);
  }
  .bg-importance\/14 {
    background-color: var(--importance-color);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--importance-color) 14%, transparent);
    }
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-line-230 {
    background-color: rgb(var(--color-line-230-rgb));
  }
  .bg-line-230\! {
    background-color: rgb(var(--color-line-230-rgb)) !important;
  }
  .bg-line-250 {
    background-color: rgb(var(--color-line-250-rgb));
  }
  .bg-line-330 {
    background-color: rgb(var(--color-line-330-rgb));
  }
  .bg-mention-file-soft {
    background-color: color-mix(in srgb, #818288 16%, transparent);
  }
  .bg-mention-note-soft {
    background-color: color-mix(in srgb, #f1592a 14%, transparent);
  }
  .bg-mention-tag-soft {
    background-color: color-mix(in srgb, #48a1ee 16%, transparent);
  }
  .bg-mention-website-soft {
    background-color: color-mix(in srgb, #57c042 16%, transparent);
  }
  .bg-mention-workspace-soft {
    background-color: color-mix(in srgb, #c9a000 18%, transparent);
  }
  .bg-modal-search {
    background-color: var(--color-bg-modal-search);
  }
  .bg-node-type-soft {
    background-color: var(--color-node-bg);
  }
  .bg-node-type\/10 {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-node) 10%, transparent);
    }
  }
  .bg-node-type\/15 {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-node) 15%, transparent);
    }
  }
  .bg-node-type\/20 {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-node) 20%, transparent);
    }
  }
  .bg-primary {
    background-color: rgb(var(--color-primary-rgb));
  }
  .bg-primary-500 {
    background-color: rgb(var(--color-primary-500-rgb));
  }
  .bg-primary-500\/6 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 6%, transparent);
    }
  }
  .bg-primary-500\/7 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 7%, transparent);
    }
  }
  .bg-primary-500\/10 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
    }
  }
  .bg-primary-500\/12 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 12%, transparent);
    }
  }
  .bg-primary-500\/14 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 14%, transparent);
    }
  }
  .bg-primary-500\/15 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 15%, transparent);
    }
  }
  .bg-primary-500\/16 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 16%, transparent);
    }
  }
  .bg-primary-500\/20 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .bg-primary-500\/40 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 40%, transparent);
    }
  }
  .bg-primary-700 {
    background-color: rgb(var(--color-primary-700-rgb));
  }
  .bg-primary\/10 {
    background-color: rgb(var(--color-primary-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 10%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: rgb(var(--color-primary-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 20%, transparent);
    }
  }
  .bg-scrim {
    background-color: var(--color-scrim-runtime);
  }
  .bg-scrim-25 {
    background-color: var(--color-scrim-25);
  }
  .bg-scrim-32 {
    background-color: var(--color-scrim-32);
  }
  .bg-scrim-50 {
    background-color: var(--color-scrim-50);
  }
  .bg-scrim-sheet {
    background-color: var(--color-scrim-sheet);
  }
  .bg-standard-hover {
    background-color: rgba(var(--color-bg-standard-hover-rgb));
  }
  .bg-status-danger-dot {
    background-color: #e72437;
  }
  .bg-status-danger-dot\/10 {
    background-color: color-mix(in oklab, #e72437 10%, transparent);
  }
  .bg-status-danger-soft {
    background-color: var(--color-status-danger-soft-runtime);
  }
  .bg-status-danger-soft\/40 {
    background-color: var(--color-status-danger-soft-runtime);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-status-danger-soft-runtime) 40%, transparent);
    }
  }
  .bg-status-danger-text {
    background-color: var(--color-status-danger-text-runtime);
  }
  .bg-status-info-dot {
    background-color: #48a1ee;
  }
  .bg-status-info-soft {
    background-color: var(--color-status-info-soft-runtime);
  }
  .bg-status-neutral-dot {
    background-color: var(--color-fg-400);
  }
  .bg-status-neutral-soft {
    background-color: var(--color-370);
  }
  .bg-status-success-dot {
    background-color: #57c042;
  }
  .bg-status-success-dot\/10 {
    background-color: color-mix(in oklab, #57c042 10%, transparent);
  }
  .bg-status-success-dot\/12 {
    background-color: color-mix(in oklab, #57c042 12%, transparent);
  }
  .bg-status-success-soft {
    background-color: rgba(156, 200, 16, 0.2);
  }
  .bg-status-warning-dot {
    background-color: #fcc600;
  }
  .bg-status-warning-soft {
    background-color: rgba(252, 198, 0, 0.2);
  }
  .bg-tool-chip-soft {
    background-color: var(--color-tool-chip-soft-runtime);
  }
  .bg-tooltip {
    background-color: rgb(var(--color-bg-tooltip-rgb));
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-warn {
    background-color: rgb(var(--color-warn-rgb));
  }
  .bg-warn-500 {
    background-color: rgb(var(--color-warn-500-rgb));
  }
  .bg-warn-500\/14 {
    background-color: rgb(var(--color-warn-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 14%, transparent);
    }
  }
  .bg-warn-500\/20 {
    background-color: rgb(var(--color-warn-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 20%, transparent);
    }
  }
  .bg-warn\/10 {
    background-color: rgb(var(--color-warn-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 10%, transparent);
    }
  }
  .bg-warn\/20 {
    background-color: rgb(var(--color-warn-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 20%, transparent);
    }
  }
  .bg-white {
    background-color: rgb(255, 255, 255);
  }
  .bg-white\/8 {
    background-color: color-mix(in oklab, rgb(255, 255, 255) 8%, transparent);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--color-node\)_14\%\,var\(--color-370\)\)\,var\(--color-370\)\)\] {
    background-image: linear-gradient(135deg,var(--color-node),var(--color-370));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(135deg,color-mix(in srgb,var(--color-node) 14%,var(--color-370)),var(--color-370));
    }
  }
  .bg-\[linear-gradient\(to_bottom\,\#f00\,\#ff0_17\%\,\#0f0_33\%\,\#0ff_50\%\,\#00f_67\%\,\#f0f_83\%\,\#f00\)\] {
    background-image: linear-gradient(to bottom,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);
  }
  .bg-\[linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--wg-bg\)_0\%\,transparent\)_0\,color-mix\(in_srgb\,var\(--wg-bg\)_80\%\,transparent\)_32\%\,var\(--wg-bg\)_70\%\)\] {
    background-image: linear-gradient(to bottom,var(--wg-bg) 0,var(--wg-bg) 32%,var(--wg-bg) 70%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(to bottom,color-mix(in srgb,var(--wg-bg) 0%,transparent) 0,color-mix(in srgb,var(--wg-bg) 80%,transparent) 32%,var(--wg-bg) 70%);
    }
  }
  .bg-\[linear-gradient\(to_bottom\,transparent\,var\(--color-180\)_28px\)\] {
    background-image: linear-gradient(to bottom,transparent,var(--color-180) 28px);
  }
  .bg-\[linear-gradient\(var\(--color-hover-5\)\,var\(--color-hover-5\)\)\] {
    background-image: linear-gradient(var(--color-hover-5),var(--color-hover-5));
  }
  .from-180 {
    --tw-gradient-from: rgb(var(--color-bg-180-rgb));
    --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));
  }
  .from-primary-500\/10 {
    --tw-gradient-from: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
    }
    --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));
  }
  .from-35\% {
    --tw-gradient-from-position: 35%;
  }
  .to-370 {
    --tw-gradient-to: rgb(var(--color-bg-370-rgb));
    --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));
  }
  .to-primary-500\/10 {
    --tw-gradient-to: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
    }
    --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));
  }
  .to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .\[mask-image\:linear-gradient\(\#000_calc\(100\%-120px\)\,transparent_calc\(100\%-24px\)\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 120px),transparent calc(100% - 24px));
            mask-image: linear-gradient(#000 calc(100% - 120px),transparent calc(100% - 24px));
  }
  .fill-none {
    fill: none;
  }
  .fill-primary-500 {
    fill: rgb(var(--color-primary-500-rgb));
  }
  .stroke-280 {
    stroke: rgb(var(--color-bg-280-rgb));
  }
  .stroke-370 {
    stroke: rgb(var(--color-bg-370-rgb));
  }
  .stroke-fg-400 {
    stroke: rgb(var(--color-text-400-rgb));
  }
  .stroke-fg-800\/8 {
    stroke: rgb(var(--color-text-800-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 8%, transparent);
    }
  }
  .stroke-fg-800\/10 {
    stroke: rgb(var(--color-text-800-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 10%, transparent);
    }
  }
  .stroke-primary-500 {
    stroke: rgb(var(--color-primary-500-rgb));
  }
  .\[stroke-width\:1\.5\] {
    stroke-width: 1.5;
  }
  .\[stroke-width\:2\] {
    stroke-width: 2;
  }
  .\[stroke-width\:2px\] {
    stroke-width: 2px;
  }
  .\[stroke-width\:11\] {
    stroke-width: 11;
  }
  .stroke-\[2px\] {
    stroke-width: 2px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .object-left-top {
    object-position: left top;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\! {
    padding: 0px !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.5\! {
    padding: calc(var(--spacing) * 0.5) !important;
  }
  .p-0\.25 {
    padding: calc(var(--spacing) * 0.25);
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-0\.75\! {
    padding: calc(var(--spacing) * 0.75) !important;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\! {
    padding: var(--spacing) !important;
  }
  .p-1-5px {
    padding: var(--spacing-1-5px);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }
  .p-1\.75 {
    padding: calc(var(--spacing) * 1.75);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-2\.75 {
    padding: calc(var(--spacing) * 2.75);
  }
  .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-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-px\! {
    padding: 1px !important;
  }
  .\!px-0 {
    padding-inline: 0px !important;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\! {
    padding-inline: 0px !important;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-0\.25 {
    padding-inline: calc(var(--spacing) * 0.25);
  }
  .px-0\.75 {
    padding-inline: calc(var(--spacing) * 0.75);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\! {
    padding-inline: var(--spacing) !important;
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-1\.5\! {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }
  .px-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-2\.25 {
    padding-inline: calc(var(--spacing) * 2.25);
  }
  .px-2\.75 {
    padding-inline: calc(var(--spacing) * 2.75);
  }
  .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-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8\.5 {
    padding-inline: calc(var(--spacing) * 8.5);
  }
  .px-\[1px\] {
    padding-inline: 1px;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[calc\(\(3_\*_8px\)_\+_\(var\(--fs-icon\)\)\)\] {
    padding-inline: calc((3 * 8px) + (var(--fs-icon)));
  }
  .px-\[clamp\(20px\,3vw\,32px\)\] {
    padding-inline: clamp(20px, 3vw, 32px);
  }
  .px-\[clamp\(20px\,4vw\,48px\)\] {
    padding-inline: clamp(20px, 4vw, 48px);
  }
  .px-\[max\(8px\,calc\(\(100\%-736px\)\/2\)\)\] {
    padding-inline: max(8px, calc((100% - 736px) / 2));
  }
  .px-\[max\(clamp\(16px\,7cqi\,48px\)\,calc\(\(100\%-600px\)\/2\)\)\] {
    padding-inline: max(clamp(16px, 7cqi, 48px), calc((100% - 600px) / 2));
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.5\! {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-0\.25 {
    padding-block: calc(var(--spacing) * 0.25);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-0\.75\! {
    padding-block: calc(var(--spacing) * 0.75) !important;
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\! {
    padding-block: var(--spacing) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .py-1\.25\! {
    padding-block: calc(var(--spacing) * 1.25) !important;
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-13px {
    padding-block: var(--spacing-13px);
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[18px\] {
    padding-block: 18px;
  }
  .py-\[clamp\(16px\,5cqi\,24px\)\] {
    padding-block: clamp(16px, 5cqi, 24px);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-0\.5\! {
    padding-top: calc(var(--spacing) * 0.5) !important;
  }
  .pt-0\.25 {
    padding-top: calc(var(--spacing) * 0.25);
  }
  .pt-0\.75 {
    padding-top: calc(var(--spacing) * 0.75);
  }
  .pt-0\.75\! {
    padding-top: calc(var(--spacing) * 0.75) !important;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-1\.5\! {
    padding-top: calc(var(--spacing) * 1.5) !important;
  }
  .pt-1\.25 {
    padding-top: calc(var(--spacing) * 1.25);
  }
  .pt-1\.75 {
    padding-top: calc(var(--spacing) * 1.75);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-2\.25 {
    padding-top: calc(var(--spacing) * 2.25);
  }
  .pt-2\.75 {
    padding-top: calc(var(--spacing) * 2.75);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6\.5 {
    padding-top: calc(var(--spacing) * 6.5);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-7\.5 {
    padding-top: calc(var(--spacing) * 7.5);
  }
  .pt-8\.5 {
    padding-top: calc(var(--spacing) * 8.5);
  }
  .pt-8\.75 {
    padding-top: calc(var(--spacing) * 8.75);
  }
  .pt-10\.5 {
    padding-top: calc(var(--spacing) * 10.5);
  }
  .pt-\[1px\] {
    padding-top: 1px;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[10vh\] {
    padding-top: 10vh;
  }
  .pt-\[14px\] {
    padding-top: 14px;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[22px\] {
    padding-top: 22px;
  }
  .pt-\[calc\(12px\+var\(--safe-area-inset-top\)\)\] {
    padding-top: calc(12px + var(--safe-area-inset-top));
  }
  .pt-\[calc\(var\(--cl-head-h\,260px\)\+4px\)\] {
    padding-top: calc(var(--cl-head-h,260px) + 4px);
  }
  .pt-\[calc\(var\(--genie-header-h\,96px\)\+10px\)\] {
    padding-top: calc(var(--genie-header-h,96px) + 10px);
  }
  .pt-\[calc\(var\(--genie-header-h\,96px\)\+24px\)\] {
    padding-top: calc(var(--genie-header-h,96px) + 24px);
  }
  .pt-\[calc\(var\(--safe-area-inset-top\)\+12px\)\] {
    padding-top: calc(var(--safe-area-inset-top) + 12px);
  }
  .pt-\[max\(24px\,var\(--safe-area-inset-top\)\)\] {
    padding-top: max(24px, var(--safe-area-inset-top));
  }
  .pt-safe-t {
    padding-top: var(--safe-area-inset-top);
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-0\.25 {
    padding-right: calc(var(--spacing) * 0.25);
  }
  .pr-0\.75 {
    padding-right: calc(var(--spacing) * 0.75);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-1\! {
    padding-right: var(--spacing) !important;
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-1\.25 {
    padding-right: calc(var(--spacing) * 1.25);
  }
  .pr-1\.75 {
    padding-right: calc(var(--spacing) * 1.75);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-2\.5\! {
    padding-right: calc(var(--spacing) * 2.5) !important;
  }
  .pr-2\.25 {
    padding-right: calc(var(--spacing) * 2.25);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\! {
    padding-right: calc(var(--spacing) * 3) !important;
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-4\.5 {
    padding-right: calc(var(--spacing) * 4.5);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-\[7px\] {
    padding-right: 7px;
  }
  .pr-\[14px\] {
    padding-right: 14px;
  }
  .pr-\[22px\] {
    padding-right: 22px;
  }
  .pr-safe-r {
    padding-right: var(--safe-area-inset-right);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-0\.25 {
    padding-bottom: calc(var(--spacing) * 0.25);
  }
  .pb-0\.25\! {
    padding-bottom: calc(var(--spacing) * 0.25) !important;
  }
  .pb-0\.75 {
    padding-bottom: calc(var(--spacing) * 0.75);
  }
  .pb-0\.75\! {
    padding-bottom: calc(var(--spacing) * 0.75) !important;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-1\.25 {
    padding-bottom: calc(var(--spacing) * 1.25);
  }
  .pb-1\.25\! {
    padding-bottom: calc(var(--spacing) * 1.25) !important;
  }
  .pb-1\.75 {
    padding-bottom: calc(var(--spacing) * 1.75);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .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-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[9px\] {
    padding-bottom: 9px;
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pb-\[50px\] {
    padding-bottom: 50px;
  }
  .pb-\[calc\(6px\+var\(--safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(6px + var(--safe-area-inset-bottom));
  }
  .pb-\[calc\(10px\+var\(--safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(10px + var(--safe-area-inset-bottom));
  }
  .pb-\[calc\(18px\+var\(--safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: calc(18px + var(--safe-area-inset-bottom,0px));
  }
  .pb-\[calc\(var\(--safe-area-inset-bottom\)\+12px\)\] {
    padding-bottom: calc(var(--safe-area-inset-bottom) + 12px);
  }
  .pb-\[max\(24px\,var\(--safe-area-inset-bottom\)\)\] {
    padding-bottom: max(24px, var(--safe-area-inset-bottom));
  }
  .pb-safe-b {
    padding-bottom: var(--safe-area-inset-bottom);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-0\.25 {
    padding-left: calc(var(--spacing) * 0.25);
  }
  .pl-0\.75 {
    padding-left: calc(var(--spacing) * 0.75);
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-1\! {
    padding-left: var(--spacing) !important;
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-1\.25 {
    padding-left: calc(var(--spacing) * 1.25);
  }
  .pl-1\.75 {
    padding-left: calc(var(--spacing) * 1.75);
  }
  .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);
  }
  .pl-2\.25 {
    padding-left: calc(var(--spacing) * 2.25);
  }
  .pl-2\.75 {
    padding-left: calc(var(--spacing) * 2.75);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-3\.25 {
    padding-left: calc(var(--spacing) * 3.25);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-5\.5 {
    padding-left: calc(var(--spacing) * 5.5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-9\.5 {
    padding-left: calc(var(--spacing) * 9.5);
  }
  .pl-\[1ch\] {
    padding-left: 1ch;
  }
  .pl-\[2px\] {
    padding-left: 2px;
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .pl-\[9px\] {
    padding-left: 9px;
  }
  .pl-\[14px\] {
    padding-left: 14px;
  }
  .pl-\[22px\] {
    padding-left: 22px;
  }
  .pl-\[26px\] {
    padding-left: 26px;
  }
  .pl-\[34px\] {
    padding-left: 34px;
  }
  .pl-\[calc\(\(3_\*_8px\)_\+_\(var\(--fs-icon\)\)\)\] {
    padding-left: calc((3 * 8px) + (var(--fs-icon)));
  }
  .pl-safe-l {
    padding-left: var(--safe-area-inset-left);
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .indent-0 {
    text-indent: 0px;
  }
  .align-\[-3px\] {
    vertical-align: -3px;
  }
  .align-top {
    vertical-align: top;
  }
  .\[font-family\:ui-monospace\,monospace\] {
    font-family: ui-monospace,monospace;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-\[ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .font-\[ui-monospace\,monospace\] {
    font-family: ui-monospace,monospace;
  }
  .font-base {
    font-family: var(--font-family-base);
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-mono {
    font-family: var(--font-family-monospace);
  }
  .font-serif {
    font-family: var(--font-family-serif);
  }
  .text-ui-20 {
    font-family: var(--font-display);
  }
  .text-ui-22 {
    font-family: var(--font-display);
  }
  .text-ui-24 {
    font-family: var(--font-display);
  }
  .text-ui-28 {
    font-family: var(--font-display);
  }
  .text-ui-32 {
    font-family: var(--font-display);
  }
  .text-ui-20 {
    font-size: var(--text-ui-20);
    line-height: var(--tw-leading, var(--text-ui-20--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-20--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-20--font-weight));
  }
  .text-ui-22 {
    font-size: var(--text-ui-22);
    line-height: var(--tw-leading, var(--text-ui-22--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-22--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-22--font-weight));
  }
  .text-ui-24 {
    font-size: var(--text-ui-24);
    line-height: var(--tw-leading, var(--text-ui-24--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-24--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-24--font-weight));
  }
  .text-ui-28 {
    font-size: var(--text-ui-28);
    line-height: var(--tw-leading, var(--text-ui-28--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-28--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-28--font-weight));
  }
  .text-ui-32 {
    font-size: var(--text-ui-32);
    line-height: var(--tw-leading, var(--text-ui-32--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-32--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-32--font-weight));
  }
  .text-ui-overline {
    font-size: var(--text-ui-overline);
    line-height: var(--tw-leading, var(--text-ui-overline--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-overline--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-overline--font-weight));
  }
  .text-ui-micro {
    font-size: var(--text-ui-micro);
    line-height: var(--tw-leading, var(--text-ui-micro--line-height));
    font-weight: var(--tw-font-weight, var(--text-ui-micro--font-weight));
  }
  .text-body1 {
    font-size: var(--fs-body1);
    line-height: var(--tw-leading, var(--lh-body1));
  }
  .text-h1 {
    font-size: var(--fs-h1);
    line-height: var(--tw-leading, var(--lh-h1));
  }
  .text-h4 {
    font-size: var(--fs-h4);
    line-height: var(--tw-leading, var(--lh-h4));
  }
  .text-h5 {
    font-size: var(--fs-h5);
    line-height: var(--tw-leading, var(--lh-h5));
  }
  .text-h6 {
    font-size: var(--fs-h6);
    line-height: var(--tw-leading, var(--lh-h6));
  }
  .text-icon {
    font-size: var(--fs-icon);
    line-height: var(--tw-leading, var(--lh-icon));
  }
  .text-icon-2x {
    font-size: var(--fs-icon-2x);
    line-height: var(--tw-leading, var(--lh-icon-2x));
  }
  .text-icon-l {
    font-size: var(--fs-icon-l);
    line-height: var(--tw-leading, var(--lh-icon-l));
  }
  .text-icon-s {
    font-size: var(--fs-icon-s);
    line-height: var(--tw-leading, var(--lh-icon-s));
  }
  .text-icon-small {
    font-size: var(--fs-icon-small);
    line-height: var(--tw-leading, var(--lh-icon-small));
  }
  .text-l {
    font-size: var(--fs-l);
    line-height: var(--tw-leading, var(--lh-l));
  }
  .text-m {
    font-size: var(--fs-m);
    line-height: var(--tw-leading, var(--lh-m));
  }
  .text-overline1 {
    font-size: var(--fs-overline1);
    line-height: var(--tw-leading, var(--lh-overline1));
  }
  .text-s {
    font-size: var(--fs-s);
    line-height: var(--tw-leading, var(--lh-s));
  }
  .text-small1 {
    font-size: var(--fs-small1);
    line-height: var(--tw-leading, var(--lh-small1));
  }
  .text-small2 {
    font-size: var(--fs-small2);
    line-height: var(--tw-leading, var(--lh-small2));
  }
  .text-title {
    font-size: var(--fs-title);
    line-height: var(--tw-leading, var(--lh-title));
  }
  .text-ui-11 {
    font-size: var(--text-ui-11);
    line-height: var(--tw-leading, var(--text-ui-11--line-height));
  }
  .text-ui-12 {
    font-size: var(--text-ui-12);
    line-height: var(--tw-leading, var(--text-ui-12--line-height));
  }
  .text-ui-12\! {
    font-size: var(--text-ui-12) !important;
    line-height: var(--tw-leading, var(--text-ui-12--line-height)) !important;
  }
  .text-ui-13 {
    font-size: var(--text-ui-13);
    line-height: var(--tw-leading, var(--text-ui-13--line-height));
  }
  .text-ui-13\! {
    font-size: var(--text-ui-13) !important;
    line-height: var(--tw-leading, var(--text-ui-13--line-height)) !important;
  }
  .text-ui-14 {
    font-size: var(--text-ui-14);
    line-height: var(--tw-leading, var(--text-ui-14--line-height));
  }
  .text-ui-15 {
    font-size: var(--text-ui-15);
    line-height: var(--tw-leading, var(--text-ui-15--line-height));
  }
  .text-ui-16 {
    font-size: var(--text-ui-16);
    line-height: var(--tw-leading, var(--text-ui-16--line-height));
  }
  .text-ui-17 {
    font-size: var(--text-ui-17);
    line-height: var(--tw-leading, var(--text-ui-17--line-height));
  }
  .text-ui-reading {
    font-size: var(--text-ui-reading);
    line-height: var(--tw-leading, var(--text-ui-reading--line-height));
  }
  .text-ui-relaxed {
    font-size: var(--text-ui-relaxed);
    line-height: var(--tw-leading, var(--text-ui-relaxed--line-height));
  }
  .text-xl {
    font-size: var(--fs-xl);
    line-height: var(--tw-leading, var(--lh-xl));
  }
  .text-xs {
    font-size: var(--fs-xs);
    line-height: var(--tw-leading, var(--lh-xs));
  }
  .text-xxl {
    font-size: var(--fs-xxl);
    line-height: var(--tw-leading, var(--lh-xxl));
  }
  .text-xxs {
    font-size: var(--fs-xxs);
    line-height: var(--tw-leading, var(--lh-xxs));
  }
  .\[font-size\:100px\] {
    font-size: 100px;
  }
  .\[font-size\:200px\] {
    font-size: 200px;
  }
  .\[font-size\:calc\(2_\*_var\(--fs-icon\)\)\] {
    font-size: calc(2 * var(--fs-icon));
  }
  .\[font-size\:calc\(2_\*_var\(--fs-m\)\)\] {
    font-size: calc(2 * var(--fs-m));
  }
  .text-\[6\.5px\] {
    font-size: 6.5px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\]\! {
    font-size: 16px !important;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[length\:var\(--fs-l\)\] {
    font-size: var(--fs-l);
  }
  .text-\[length\:var\(--fs-m\)\] {
    font-size: var(--fs-m);
  }
  .text-\[length\:var\(--fs-s\)\] {
    font-size: var(--fs-s);
  }
  .text-\[length\:var\(--fs-xl\)\] {
    font-size: var(--fs-xl);
  }
  .text-\[length\:var\(--fs-xs\)\] {
    font-size: var(--fs-xs);
  }
  .text-\[length\:var\(--fs-xxl\)\] {
    font-size: var(--fs-xxl);
  }
  .text-em {
    font-size: 1em;
  }
  .text-sp-1\.5 {
    font-size: var(--text-sp-1\.5);
  }
  .text-sp-1\.5\! {
    font-size: var(--text-sp-1\.5) !important;
  }
  .text-sp-1\.25 {
    font-size: var(--text-sp-1\.25);
  }
  .text-sp-1\.25\! {
    font-size: var(--text-sp-1\.25) !important;
  }
  .text-sp-1\.75 {
    font-size: var(--text-sp-1\.75);
  }
  .text-sp-2 {
    font-size: var(--text-sp-2);
  }
  .text-sp-2\! {
    font-size: var(--text-sp-2) !important;
  }
  .text-sp-2\.5 {
    font-size: var(--text-sp-2\.5);
  }
  .text-sp-2\.25 {
    font-size: var(--text-sp-2\.25);
  }
  .text-sp-2\.25\! {
    font-size: var(--text-sp-2\.25) !important;
  }
  .text-sp-2\.75 {
    font-size: var(--text-sp-2\.75);
  }
  .text-sp-3 {
    font-size: var(--text-sp-3);
  }
  .text-sp-3\.5 {
    font-size: var(--text-sp-3\.5);
  }
  .text-sp-3\.25 {
    font-size: var(--text-sp-3\.25);
  }
  .text-sp-3\.75 {
    font-size: var(--text-sp-3\.75);
  }
  .text-sp-4 {
    font-size: var(--text-sp-4);
  }
  .text-sp-4\.5 {
    font-size: var(--text-sp-4\.5);
  }
  .text-sp-5 {
    font-size: var(--text-sp-5);
  }
  .text-sp-6 {
    font-size: var(--text-sp-6);
  }
  .surface-chrome {
    line-height: 1.4;
    :where(:root[app-theme='dark']) &,	:where(:root[app-theme='auto'][client-theme='dark']) & {
      --color-text-400-rgb: var(--color-text-500-rgb);
      --color-line-250-rgb: 59, 60, 67;
    }
  }
  .surface-page {
    line-height: 1.4;
    :where(:root[app-theme='dark']) &,	:where(:root[app-theme='auto'][client-theme='dark']) & {
      --color-text-400-rgb: var(--color-text-500-rgb);
      --color-line-250-rgb: var(--color-line-230-rgb);
    }
  }
  .leading-\(--l-h\) {
    --tw-leading: var(--l-h);
    line-height: var(--l-h);
  }
  .leading-2\.5 {
    --tw-leading: calc(var(--spacing) * 2.5);
    line-height: calc(var(--spacing) * 2.5);
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-24px {
    --tw-leading: var(--leading-24px);
    line-height: var(--leading-24px);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.5em\] {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }
  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-\[2em\] {
    --tw-leading: 2em;
    line-height: 2em;
  }
  .leading-\[9\.5px\] {
    --tw-leading: 9.5px;
    line-height: 9.5px;
  }
  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }
  .leading-\[var\(--fs-m\)\] {
    --tw-leading: var(--fs-m);
    line-height: var(--fs-m);
  }
  .leading-em {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-em\! {
    --tw-leading: 1em !important;
    line-height: 1em !important;
  }
  .leading-fs-m {
    --tw-leading: var(--fs-m);
    line-height: var(--fs-m);
  }
  .leading-h1 {
    --tw-leading: var(--lh-h1);
    line-height: var(--lh-h1);
  }
  .leading-h4 {
    --tw-leading: var(--lh-h4);
    line-height: var(--lh-h4);
  }
  .leading-h5 {
    --tw-leading: var(--lh-h5);
    line-height: var(--lh-h5);
  }
  .leading-icon {
    --tw-leading: var(--lh-icon);
    line-height: var(--lh-icon);
  }
  .leading-l {
    --tw-leading: var(--lh-l);
    line-height: var(--lh-l);
  }
  .leading-m {
    --tw-leading: var(--lh-m);
    line-height: var(--lh-m);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-regular {
    --tw-leading: var(--font-line-height);
    line-height: var(--font-line-height);
  }
  .leading-xl {
    --tw-leading: var(--lh-xl);
    line-height: var(--lh-xl);
  }
  .leading-xs {
    --tw-leading: var(--lh-xs);
    line-height: var(--lh-xs);
  }
  .leading-xxl {
    --tw-leading: var(--lh-xxl);
    line-height: var(--lh-xxl);
  }
  .font-bold {
    --tw-font-weight: var(--fw-bold);
    font-weight: var(--fw-bold);
  }
  .font-medium {
    --tw-font-weight: var(--fw-medium);
    font-weight: var(--fw-medium);
  }
  .font-normal {
    --tw-font-weight: var(--fw-regular);
    font-weight: var(--fw-regular);
  }
  .font-semibold {
    --tw-font-weight: var(--fw-semi-bold);
    font-weight: var(--fw-semi-bold);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-\[inherit\] {
    --tw-tracking: inherit;
    letter-spacing: inherit;
  }
  .tracking-m {
    --tw-tracking: var(--tracking-m);
    letter-spacing: var(--tracking-m);
  }
  .\[letter-spacing\:0\] {
    letter-spacing: 0;
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }
  .\[text-wrap\:pretty\] {
    text-wrap: pretty;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .\[word-break\:normal\] {
    word-break: normal;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .fade-label {
    white-space: nowrap;
    transition: opacity var(--motion-fast) var(--ease-smooth),	translate var(--motion-base) var(--ease-smooth);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .fc-400\/65 {
    color: rgb(var(--color-text-400-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(var(--color-text-400-rgb)) calc(65 * 1%), transparent);
    }
  }
  .\!text-status-danger-dot {
    color: #e72437 !important;
  }
  .\[color\:rgba\(143\,_93\,_23\,_1\)\] {
    color: rgba(143, 93, 23, 1);
  }
  .\[color\:var\(--\\_color\)\] {
    color: var(--_color);
  }
  .\[color\:var\(--color-code-text\)\] {
    color: var(--color-code-text);
  }
  .\[color\:var\(--color-node-file\)\] {
    color: var(--color-node-file);
  }
  .fc-100 {
    color: rgb(var(--color-text-100-rgb));
  }
  .fc-200 {
    color: rgb(var(--color-text-200-rgb));
  }
  .fc-400 {
    color: rgb(var(--color-text-400-rgb));
  }
  .fc-400\! {
    color: rgb(var(--color-text-400-rgb)) !important;
  }
  .fc-500 {
    color: rgb(var(--color-text-500-rgb));
  }
  .fc-500\! {
    color: rgb(var(--color-text-500-rgb)) !important;
  }
  .fc-800 {
    color: rgb(var(--color-text-800-rgb));
  }
  .fc-inverse {
    color: rgb(var(--color-text-inverse-rgb));
  }
  .fc-white {
    color: rgb(var(--color-text-white-rgb));
  }
  .text-\(--mc\) {
    color: var(--mc);
  }
  .text-180 {
    color: rgb(var(--color-bg-180-rgb));
  }
  .text-190 {
    color: rgb(var(--color-bg-190-rgb));
  }
  .text-560 {
    color: rgb(var(--color-bg-560-rgb));
  }
  .text-\[\#2E7D32\] {
    color: #2E7D32;
  }
  .text-\[\#9C5B00\] {
    color: #9C5B00;
  }
  .text-\[color-mix\(in_srgb\,var\(--lc\)_70\%\,var\(--color-fg-800\)\)\] {
    color: var(--lc);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--lc) 70%,var(--color-fg-800));
    }
  }
  .text-\[color-mix\(in_srgb\,var\(--wg-fg\,currentColor\)_55\%\,transparent\)\] {
    color: var(--wg-fg,currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--wg-fg,currentColor) 55%,transparent);
    }
  }
  .text-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_60\%\,transparent\)\] {
    color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--wg-fg) 60%,transparent);
    }
  }
  .text-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_82\%\,transparent\)\] {
    color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--wg-fg) 82%,transparent);
    }
  }
  .text-\[color\:var\(--color-text-over-primary\,\#fff\)\] {
    color: var(--color-text-over-primary,#fff);
  }
  .text-\[color\:var\(--wg-c\)\] {
    color: var(--wg-c);
  }
  .text-\[color\:var\(--wg-c\,rgb\(var\(--color-primary-500-rgb\)\)\)\] {
    color: var(--wg-c,rgb(var(--color-primary-500-rgb)));
  }
  .text-\[color\:var\(--wg-fg\)\] {
    color: var(--wg-fg);
  }
  .text-\[rgb\(var\(--light-color-text-400-rgb\)\)\] {
    color: rgb(var(--light-color-text-400-rgb));
  }
  .text-\[rgb\(var\(--light-color-text-500-rgb\)\)\] {
    color: rgb(var(--light-color-text-500-rgb));
  }
  .text-\[rgb\(var\(--light-color-text-800-rgb\)\)\] {
    color: rgb(var(--light-color-text-800-rgb));
  }
  .text-\[var\(--chat-accent\,var\(--color-primary-500\)\)\] {
    color: var(--chat-accent,var(--color-primary-500));
  }
  .text-\[var\(--color-node\)\] {
    color: var(--color-node);
  }
  .text-ai-accent {
    color: var(--color-fg-500);
  }
  .text-code-attribute-name {
    color: var(--color-code-html-attribute-name);
  }
  .text-code-attribute-value {
    color: var(--color-code-html-attribute-value);
  }
  .text-code-tag {
    color: var(--color-code-html-tag);
  }
  .text-creative-mode {
    color: var(--color-creative-mode);
  }
  .text-danger-solid {
    color: var(--color-danger-solid-runtime);
  }
  .text-danger-solid\! {
    color: var(--color-danger-solid-runtime) !important;
  }
  .text-danger-text {
    color: var(--color-danger-text-runtime);
  }
  .text-importance {
    color: var(--importance-color);
  }
  .text-inherit {
    color: inherit;
  }
  .text-logo-lockup-2 {
    color: var(--color-logo-lockup-2);
  }
  .text-mention-file-text {
    color: var(--color-mention-file-text-runtime);
  }
  .text-mention-note-text {
    color: var(--color-mention-note-text-runtime);
  }
  .text-mention-tag-text {
    color: var(--color-mention-tag-text-runtime);
  }
  .text-mention-website-text {
    color: var(--color-mention-website-text-runtime);
  }
  .text-mention-workspace-text {
    color: var(--color-mention-workspace-text-runtime);
  }
  .text-node-type {
    color: var(--color-node);
  }
  .text-primary {
    color: rgb(var(--color-primary-rgb));
  }
  .text-primary-500 {
    color: rgb(var(--color-primary-500-rgb));
  }
  .text-primary-700 {
    color: rgb(var(--color-primary-700-rgb));
  }
  .text-status-danger-dot {
    color: #e72437;
  }
  .text-status-danger-text {
    color: var(--color-status-danger-text-runtime);
  }
  .text-status-danger-text\! {
    color: var(--color-status-danger-text-runtime) !important;
  }
  .text-status-info-text {
    color: var(--color-status-info-text-runtime);
  }
  .text-status-neutral-text {
    color: var(--color-fg-500);
  }
  .text-status-success-dot {
    color: #57c042;
  }
  .text-status-success-text {
    color: var(--color-status-success-text-runtime);
  }
  .text-status-warning-text {
    color: var(--color-status-warning-text-runtime);
  }
  .text-tag-blue-text {
    color: var(--color-tag-blue-text-runtime);
  }
  .text-tag-green-text {
    color: var(--color-tag-green-text-runtime);
  }
  .text-tag-purple-text {
    color: var(--color-tag-purple-text-runtime);
  }
  .text-tag-yellow-text {
    color: var(--color-tag-yellow-text-runtime);
  }
  .text-tool-chip-text {
    color: var(--color-tool-chip-text-runtime);
  }
  .text-transparent {
    color: transparent;
  }
  .text-transparent\! {
    color: transparent !important;
  }
  .text-warn {
    color: rgb(var(--color-warn-rgb));
  }
  .text-warn-500 {
    color: rgb(var(--color-warn-500-rgb));
  }
  .text-warn-700 {
    color: rgb(var(--color-warn-700-rgb));
  }
  .text-white {
    color: rgb(255, 255, 255);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .text-ui-overline {
    text-transform: uppercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .\[text-decoration-line\:underline_line-through\] {
    text-decoration-line: underline line-through;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-3 {
    text-underline-offset: 3px;
  }
  .caret-fg-800 {
    caret-color: rgb(var(--color-text-800-rgb));
  }
  .accent-primary-500 {
    accent-color: rgb(var(--color-primary-500-rgb));
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-85 {
    opacity: 85%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-100\! {
    opacity: 100% !important;
  }
  .opacity-\[0\.08\] {
    opacity: 0.08;
  }
  .opacity-\[0\.09\] {
    opacity: 0.09;
  }
  .resize-handle-active::after {
    opacity: 1;
  }
  .shadow-\[-1px_0_0_var\(--color-line-250\)\] {
    --tw-shadow: -1px 0 0 var(--tw-shadow-color, var(--color-line-250));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-8px_16px_-12px_rgba\(17\,42\,96\,0\.3\)\] {
    --tw-shadow: 0 -8px 16px -12px var(--tw-shadow-color, rgba(17,42,96,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1\.5px_var\(--color-180\)\] {
    --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, var(--color-180));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(17\,42\,96\,0\.06\)\,0_2px_6px_rgba\(17\,42\,96\,0\.06\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(17,42,96,0.06)), 0 2px 6px var(--tw-shadow-color, rgba(17,42,96,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--chat-accent\,rgb\(var\(--color-primary-500-rgb\)\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--chat-accent,rgb(var(--color-primary-500-rgb))));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--color-primary-500\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-180\)\,0_0_0_4px_var\(--color-fg-800\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-180)), 0 0 0 4px var(--tw-shadow-color, var(--color-fg-800));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-180\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-180));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-mention-file-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-mention-file-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-mention-note-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-mention-note-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-mention-tag-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-mention-tag-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-mention-website-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-mention-website-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-mention-workspace-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-mention-workspace-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-tool-chip-soft\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-tool-chip-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--wg-c\,rgb\(var\(--color-primary-500-rgb\)\)\)_9\%\,transparent\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--wg-c,rgb(var(--color-primary-500-rgb))));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--wg-c,rgb(var(--color-primary-500-rgb))) 9%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_var\(--color-line-250\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, var(--color-line-250));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(17\,42\,96\,0\.04\)\,0_8px_24px_-12px_rgba\(17\,42\,96\,0\.12\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(17,42,96,0.04)), 0 8px 24px -12px var(--tw-shadow-color, rgba(17,42,96,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(17\,42\,96\,0\.12\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(17,42,96,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(17\,42\,96\,0\.16\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(17,42,96,0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(var\(--wg-sh-rgb\)\,calc\(0\.06\*var\(--wg-sh-k\)\)\)\,0_10px_30px_-6px_rgba\(var\(--wg-sh-rgb\)\,calc\(0\.16\*var\(--wg-sh-k\)\)\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(var(--wg-sh-rgb),calc(0.06 * var(--wg-sh-k)))), 0 10px 30px -6px var(--tw-shadow-color, rgba(var(--wg-sh-rgb),calc(0.16 * var(--wg-sh-k))));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,\.12\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(16\,20\,32\,\.12\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(16,20,32,.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(17\,42\,96\,0\.12\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(17,42,96,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_4px_rgba\(17\,42\,96\,0\.08\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(17,42,96,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_8px_-2px_rgba\(17\,42\,96\,0\.12\)\] {
    --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, rgba(17,42,96,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_12px_rgba\(17\,42\,96\,0\.16\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(17,42,96,0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_-8px_rgba\(17\,42\,96\,0\.18\)\] {
    --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, rgba(17,42,96,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(17\,42\,96\,0\.2\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(17,42,96,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(var\(--wg-sh-rgb\)\,calc\(0\.14\*var\(--wg-sh-k\)\)\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(var(--wg-sh-rgb),calc(0.14 * var(--wg-sh-k))));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[1px_0_0_var\(--color-line-250\)\] {
    --tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-line-250));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-1px_0_var\(--color-line-250\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--color-line-250));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-2px_0_var\(--color-primary-500\)\] {
    --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_rgb\(var\(--color-primary-500-rgb\)\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgb(var(--color-primary-500-rgb)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_transparent\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgb\(var\(--color-line-250-rgb\)\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgb(var(--color-line-250-rgb)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--color-line-250\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-line-250));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--color-line-330\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-line-330));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--color-primary-500\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--color-status-danger-dot\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-status-danger-dot));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-fg-800\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-fg-800));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_2px_0_var\(--color-primary-500\)\] {
    --tw-shadow: inset 0 2px 0 var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_2px_0_0_var\(--color-primary-500\)\] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-card {
    --tw-shadow: var(--shadow-card-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-composer {
    --tw-shadow: var(--shadow-composer-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-composer-chat {
    --tw-shadow: var(--shadow-composer-chat-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-dialog {
    --tw-shadow: var(--shadow-dialog-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-focus-ring {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 20%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary-500) 20%, transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-knob {
    --tw-shadow: var(--shadow-knob-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-panel {
    --tw-shadow: var(--shadow-panel-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-popover {
    --tw-shadow: var(--shadow-popover-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-raised {
    --tw-shadow: var(--shadow-raised-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-tile-hover {
    --tw-shadow: var(--shadow-tile-hover-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-z-menu {
    --tw-shadow: var(--shadow-menu);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-z1 {
    --tw-shadow: var(--shadow-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-z2 {
    --tw-shadow: var(--shadow-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --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-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-370 {
    --tw-ring-color: rgb(var(--color-bg-370-rgb));
  }
  .ring-primary-500 {
    --tw-ring-color: rgb(var(--color-primary-500-rgb));
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
  .outline-hover-5 {
    outline-color: var(--color-hover-5-runtime);
  }
  .outline-line-250 {
    outline-color: rgb(var(--color-line-250-rgb));
  }
  .outline-transparent {
    outline-color: transparent;
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -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-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -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-\[8px\] {
    --tw-backdrop-blur: blur(8px);
    -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-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -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-\[14px\] {
    --tw-backdrop-blur: blur(14px);
    -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-\[16px\] {
    --tw-backdrop-blur: blur(16px);
    -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-\[20px\] {
    --tw-backdrop-blur: blur(20px);
    -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-\[24px\] {
    --tw-backdrop-blur: blur(24px);
    -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-saturate-180 {
    --tw-backdrop-saturate: saturate(180%);
    -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-saturate-\[1\.8\] {
    --tw-backdrop-saturate: saturate(1.8);
    -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-saturate-\[180\%\] {
    --tw-backdrop-saturate: saturate(180%);
    -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,);
  }
  .motion-ui {
    transition-property: color, background-color, border-color, outline-color, box-shadow, opacity,	transform, translate, scale, rotate;
    transition-duration: var(--motion-fast);
    transition-timing-function: var(--ease-smooth);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[border-width\,border-color\,background-color\] {
    transition-property: border-width,border-color,background-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[color\,background-color\,scale\] {
    transition-property: color,background-color,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[color\,padding\,scale\] {
    transition-property: color,padding,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[flex-grow\,flex-basis\,padding\,margin\,opacity\] {
    transition-property: flex-grow,flex-basis,padding,margin,opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[flex-grow\] {
    transition-property: flex-grow;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[font-size\,line-height\] {
    transition-property: font-size,line-height;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[margin-right\,width\] {
    transition-property: margin-right,width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[opacity\,stroke-width\] {
    transition-property: opacity,stroke-width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[opacity\,translate\] {
    transition-property: opacity,translate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[opacity\,visibility\] {
    transition-property: opacity,visibility;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[rotate\] {
    transition-property: rotate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[scale\] {
    transition-property: scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[stroke-width\] {
    transition-property: stroke-width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[translate\,border-radius\,box-shadow\] {
    transition-property: translate,border-radius,box-shadow;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[translate\,width\] {
    transition-property: translate,width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[translate\] {
    transition-property: translate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\,color\,background-color\,scale\] {
    transition-property: width,color,background-color,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\,margin\,opacity\,color\,background-color\,scale\] {
    transition-property: width,margin,opacity,color,background-color,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\,opacity\] {
    transition-property: width,opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\,padding\,color\,background-color\,border-color\,scale\] {
    transition-property: width,padding,color,background-color,border-color,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-bg-and-color {
    transition-property: background-color, color;
    transition-timing-function: ease;
    transition-duration: 150ms;
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .\[transition-property\:width\] {
    transition-property: width;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-\[360ms\] {
    --tw-duration: 360ms;
    transition-duration: 360ms;
  }
  .duration-\[420ms\] {
    --tw-duration: 420ms;
    transition-duration: 420ms;
  }
  .duration-\[var\(--motion-base\)\] {
    --tw-duration: var(--motion-base);
    transition-duration: var(--motion-base);
  }
  .duration-\[var\(--motion-drawer\)\] {
    --tw-duration: var(--motion-drawer);
    transition-duration: var(--motion-drawer);
  }
  .duration-\[var\(--motion-fast\)\] {
    --tw-duration: var(--motion-fast);
    transition-duration: var(--motion-fast);
  }
  .duration-\[var\(--motion-slow\)\] {
    --tw-duration: var(--motion-slow);
    transition-duration: var(--motion-slow);
  }
  .ease-\[cubic-bezier\(0\.2\,0\.8\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.2,0.8,0.2,1);
    transition-timing-function: cubic-bezier(0.2,0.8,0.2,1);
  }
  .ease-\[cubic-bezier\(0\.22\,0\.8\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.22,0.8,0.2,1);
    transition-timing-function: cubic-bezier(0.22,0.8,0.2,1);
  }
  .ease-\[var\(--ease-smooth\)\] {
    --tw-ease: var(--ease-smooth);
    transition-timing-function: var(--ease-smooth);
  }
  .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-move {
    --tw-ease: var(--ease-move);
    transition-timing-function: var(--ease-move);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .ease-smooth {
    --tw-ease: var(--ease-smooth);
    transition-timing-function: var(--ease-smooth);
  }
  .ease-spring {
    --tw-ease: var(--ease-spring);
    transition-timing-function: var(--ease-spring);
  }
  .imp-1 {
    --importance-color-rgb: var(--color-imp-bg-1-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-2 {
    --importance-color-rgb: var(--color-imp-bg-2-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-3 {
    --importance-color-rgb: var(--color-imp-bg-3-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-4 {
    --importance-color-rgb: var(--color-imp-bg-4-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-5 {
    --importance-color-rgb: var(--color-imp-bg-5-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-6 {
    --importance-color-rgb: var(--color-imp-bg-6-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-7 {
    --importance-color-rgb: var(--color-imp-bg-7-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-8 {
    --importance-color-rgb: var(--color-imp-bg-8-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-9 {
    --importance-color-rgb: var(--color-imp-bg-9-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-10 {
    --importance-color-rgb: var(--color-imp-bg-10-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .node-ai {
    --color-node-rgb: var(--color-node-ai-rgb);
    --color-node: var(--color-node-ai);
    --color-node-bg: var(--color-node-ai-bg);
  }
  .node-document {
    --color-node-rgb: var(--color-node-document-rgb);
    --color-node: var(--color-node-document);
    --color-node-bg: var(--color-node-document-bg);
  }
  .node-file {
    --color-node-rgb: var(--color-node-file-rgb);
    --color-node: var(--color-node-file);
    --color-node-bg: var(--color-node-file-bg);
  }
  .node-note {
    --color-node-rgb: var(--color-node-note-rgb);
    --color-node: var(--color-node-note);
    --color-node-bg: var(--color-node-note-bg);
  }
  .node-tag {
    --color-node-rgb: var(--color-node-tag-rgb);
    --color-node: var(--color-node-tag);
    --color-node-bg: var(--color-node-tag-bg);
  }
  .node-website {
    --color-node-rgb: var(--color-node-website-rgb);
    --color-node: var(--color-node-website);
    --color-node-bg: var(--color-node-website-bg);
  }
  .node-workspace {
    --color-node-rgb: var(--color-node-workspace-rgb);
    --color-node: var(--color-node-workspace);
    --color-node-bg: var(--color-node-workspace-bg);
  }
  .scrollbar-fade {
    transition: --scrollbar-color 0.4s ease;
    --scrollbar-color: transparent;
    &:hover,	&:focus-within {
      --scrollbar-color: rgb(var(--color-text-400-rgb));
      @supports (color: color-mix(in lab, red, red)) {
        --scrollbar-color: color-mix(in srgb, rgb(var(--color-text-400-rgb)) 40%, transparent);
      }
    }
  }
  .imp-0 {
    --importance-color-rgb: var(--color-text-400-rgb);
    --importance-color: rgba(var(--color-text-400-rgb), 1);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--__icon-fs\:16px\] {
    --__icon-fs: 16px;
  }
  .\[--__icon-fs\:var\(--__icon-fsize\)\] {
    --__icon-fs: var(--__icon-fsize);
  }
  .\[--__icon-fs\:var\(--fs-m\)\] {
    --__icon-fs: var(--fs-m);
  }
  .\[--__icon-size\:14px\] {
    --__icon-size: 14px;
  }
  .\[--__line-height\:1\] {
    --__line-height: 1;
  }
  .\[--__size\:16px\] {
    --__size: 16px;
  }
  .\[--__size\:18px\] {
    --__size: 18px;
  }
  .\[--__thumbnail-bg-color\:var\(--color-bg-270\)\] {
    --__thumbnail-bg-color: var(--color-bg-270);
  }
  .\[--__thumbnail-box-shadow\:0\] {
    --__thumbnail-box-shadow: 0;
  }
  .\[--_gap\:var\(--gap\,20px\)\] {
    --_gap: var(--gap,20px);
  }
  .\[--_gap\:var\(--gap\,_20px\)\] {
    --_gap: var(--gap, 20px);
  }
  .\[--_h-padding\:0\] {
    --_h-padding: 0;
  }
  .\[--_hover-bg-color\:rgba\(var\(--importance-color-rgb\)\,0\.2\)\] {
    --_hover-bg-color: rgba(var(--importance-color-rgb),0.2);
  }
  .\[--_hover-bg-color\:rgba\(var\(--importance-color-rgb\)\,_0\.2\)\] {
    --_hover-bg-color: rgba(var(--importance-color-rgb), 0.2);
  }
  .\[--_max-width-base\:calc\(\(4\.5_\*_8px\)_\+_\(var\(--font-size-icon\)\)\)\] {
    --_max-width-base: calc((4.5 * 8px) + (var(--font-size-icon)));
  }
  .\[--_max-width-collapsed\:calc\(var\(--\\_max-width-base\)_\+_4px\)\] {
    --_max-width-collapsed: calc(var(--_max-width-base) + 4px);
  }
  .\[--_max-width-expanded\:calc\(var\(--\\_max-width-base\)_\*_4\.5\)\] {
    --_max-width-expanded: calc(var(--_max-width-base) * 4.5);
  }
  .\[--_size\:var\(--size\,160px\)\] {
    --_size: var(--size,160px);
  }
  .\[--_size\:var\(--size\,_160px\)\] {
    --_size: var(--size, 160px);
  }
  .\[--breakdown-max-width\:420px\] {
    --breakdown-max-width: 420px;
  }
  .\[--l-h\:var\(--fs-l\)\] {
    --l-h: var(--fs-l);
  }
  .\[--oc-cols\:minmax\(140px\,1fr\)_auto_minmax\(0\,1\.4fr\)_auto_30px\] {
    --oc-cols: minmax(140px,1fr) auto minmax(0,1.4fr) auto 30px;
  }
  .\[--oc-cols\:minmax\(180px\,1fr\)_auto_30px\] {
    --oc-cols: minmax(180px,1fr) auto 30px;
  }
  .\[--oc-cols\:minmax\(200px\,1\.2fr\)_minmax\(0\,1fr\)_auto_30px\] {
    --oc-cols: minmax(200px,1.2fr) minmax(0,1fr) auto 30px;
  }
  .\[--row-description-fs\:var\(--fs-m\)\] {
    --row-description-fs: var(--fs-m);
  }
  .\[--row-icon-size\:calc\(12px_\+_var\(--fs-xxl\)\)\] {
    --row-icon-size: calc(12px + var(--fs-xxl));
  }
  .\[--row-name-max-size\:380px\] {
    --row-name-max-size: 380px;
  }
  .\[--spacing\:8px\] {
    --spacing: 8px;
  }
  .\[--toggler-size\:calc\(1em_-_var\(--toggler-space\)\)\] {
    --toggler-size: calc(1em - var(--toggler-space));
  }
  .\[--toggler-space\:calc\(1em\/8\)\] {
    --toggler-space: calc(1em / 8);
  }
  .\[--video-preview-height\:100\%\] {
    --video-preview-height: 100%;
  }
  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }
  .\[animation-delay\:40ms\] {
    animation-delay: 40ms;
  }
  .\[animation-delay\:60ms\] {
    animation-delay: 60ms;
  }
  .\[animation-delay\:80ms\] {
    animation-delay: 80ms;
  }
  .\[animation-delay\:90ms\] {
    animation-delay: 90ms;
  }
  .\[animation-delay\:100ms\] {
    animation-delay: 100ms;
  }
  .\[animation-delay\:120ms\] {
    animation-delay: 120ms;
  }
  .\[animation-delay\:140ms\] {
    animation-delay: 140ms;
  }
  .\[animation-delay\:150ms\] {
    animation-delay: 150ms;
  }
  .\[animation-delay\:180ms\] {
    animation-delay: 180ms;
  }
  .\[animation-delay\:260ms\] {
    animation-delay: 260ms;
  }
  .\[animation-delay\:270ms\] {
    animation-delay: 270ms;
  }
  .\[animation-delay\:300ms\] {
    animation-delay: 300ms;
  }
  .\[animation-delay\:360ms\] {
    animation-delay: 360ms;
  }
  .\[animation-delay\:400ms\] {
    animation-delay: 400ms;
  }
  .\[animation-delay\:420ms\] {
    animation-delay: 420ms;
  }
  .\[animation-delay\:600ms\] {
    animation-delay: 600ms;
  }
  .\[animation-duration\:500ms\] {
    animation-duration: 500ms;
  }
  .\[background\:linear-gradient\(90deg\,_rgba\(var\(--color-primary-rgb\)\,_0\.2\)_0\%\,_rgba\(var\(--color-primary-rgb\)\,_1\)_100\%\)\] {
    background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.2) 0%, rgba(var(--color-primary-rgb), 1) 100%);
  }
  .\[background\:linear-gradient\(to_bottom\,_rgba\(var\(--color-bg-180-rgb\)\,_0\.8\)\,_rgba\(var\(--color-bg-180-rgb\)\,_1\)\)\] {
    background: linear-gradient(to bottom, rgba(var(--color-bg-180-rgb), 0.8), rgba(var(--color-bg-180-rgb), 1));
  }
  .\[background\:linear-gradient\(to_bottom\,rgba\(var\(--color-bg-180-rgb\)\,0\.8\)\,rgba\(var\(--color-bg-180-rgb\)\,1\)\)\] {
    background: linear-gradient(to bottom,rgba(var(--color-bg-180-rgb),0.8),rgba(var(--color-bg-180-rgb),1));
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .\[grid-area\:btn\] {
    grid-area: btn;
  }
  .\[grid-area\:chip\] {
    grid-area: chip;
  }
  .\[grid-area\:txt\] {
    grid-area: txt;
  }
  .\[grid-template-areas\:\'chip_btn\'_\'txt_btn\'\] {
    grid-template-areas: 'chip btn' 'txt btn';
  }
  .\[line-clamp\:2\] {
    line-clamp: 2;
  }
  .\[list-style\:none\] {
    list-style: none;
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[stop-color\:var\(--color-logo-lockup-1\)\] {
    stop-color: var(--color-logo-lockup-1);
  }
  .\[stop-color\:var\(--color-logo-lockup-2\)\] {
    stop-color: var(--color-logo-lockup-2);
  }
  .\[stroke-dasharray\:5_4\] {
    stroke-dasharray: 5 4;
  }
  .\[stroke-linecap\:round\] {
    stroke-linecap: round;
  }
  .\[stroke-linejoin\:round\] {
    stroke-linejoin: round;
  }
  .\[unicode-bidi\:bidi-override\] {
    unicode-bidi: bidi-override;
  }
  .\[vector-effect\:non-scaling-stroke\] {
    vector-effect: non-scaling-stroke;
  }
  .\[word-wrap\:break-word\] {
    word-wrap: break-word;
  }
  .copy-button:hover {
    background: linear-gradient(	rgba(var(--color-bg-standard-hover-rgb)),	rgba(var(--color-bg-standard-hover-rgb))	),	linear-gradient(var(--color-bg-270), var(--color-bg-270));
  }
  .h-padding-0 {
    --_h-padding: 0;
  }
  .left-as-is {
    --_left-as-is: 1;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .shortcut-host {
    --shortcut-host: 1;
  }
  .touch-callout-none {
    -webkit-touch-callout: none;
  }
  .without-border {
    --_without-border: 1;
  }
  .without-focus {
    --_without-focus: 1;
  }
  :is(.\*\:text-ui-15\! > *) {
    font-size: var(--text-ui-15) !important;
    line-height: var(--tw-leading, var(--text-ui-15--line-height)) !important;
  }
  :is(.\*\:font-semibold\! > *) {
    --tw-font-weight: var(--fw-semi-bold) !important;
    font-weight: var(--fw-semi-bold) !important;
  }
  .not-first\:-ml-1\.75:not(:first-child) {
    margin-left: calc(var(--spacing) * -1.75);
  }
  .group-focus-within\/card\:opacity-100:is(:where(.group\/card):focus-within *) {
    opacity: 100%;
  }
  .group-focus-within\/cover\:opacity-100:is(:where(.group\/cover):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    .group-hover\:translate-x-0\.25:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-0\.25:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:text-primary-500:is(:where(.group):hover *) {
      color: rgb(var(--color-primary-500-rgb));
    }
    .group-hover\/add\:bg-primary-500\/10:is(:where(.group\/add):hover *) {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/add\:bg-primary-500\/10:is(:where(.group\/add):hover *) {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
      }
    }
    .group-hover\/bar\:opacity-100:is(:where(.group\/bar):hover *) {
      opacity: 100%;
    }
    .group-hover\/blk\:opacity-100:is(:where(.group\/blk):hover *) {
      opacity: 100%;
    }
    .group-hover\/card\:translate-x-0\.25:is(:where(.group\/card):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/card\:fc-800:is(:where(.group\/card):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 100%;
    }
    .group-hover\/catalogue-row\:flex:is(:where(.group\/catalogue-row):hover *) {
      display: flex;
    }
    .group-hover\/category-menu\:flex:is(:where(.group\/category-menu):hover *) {
      display: flex;
    }
    .group-hover\/category-menu\:text-primary-700:is(:where(.group\/category-menu):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/cc\:bg-primary-500\/10:is(:where(.group\/cc):hover *) {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/cc\:bg-primary-500\/10:is(:where(.group\/cc):hover *) {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
      }
    }
    .group-hover\/cc\:text-primary-500:is(:where(.group\/cc):hover *) {
      color: rgb(var(--color-primary-500-rgb));
    }
    .group-hover\/ch\:bg-primary-500\/10:is(:where(.group\/ch):hover *) {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/ch\:bg-primary-500\/10:is(:where(.group\/ch):hover *) {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
      }
    }
    .group-hover\/ch\:text-primary-500:is(:where(.group\/ch):hover *) {
      color: rgb(var(--color-primary-500-rgb));
    }
    .group-hover\/chat-inspector-page\:bg-standard-hover:is(:where(.group\/chat-inspector-page):hover *) {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .group-hover\/chat-inspector-page\:fc-800:is(:where(.group\/chat-inspector-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/check-btn\:flex:is(:where(.group\/check-btn):hover *) {
      display: flex;
    }
    .group-hover\/col\:opacity-100:is(:where(.group\/col):hover *) {
      opacity: 100%;
    }
    .group-hover\/comment\:fc-800:is(:where(.group\/comment):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/cover\:opacity-100:is(:where(.group\/cover):hover *) {
      opacity: 100%;
    }
    .group-hover\/create-tag\:text-primary-700:is(:where(.group\/create-tag):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/create-website\:invisible:is(:where(.group\/create-website):hover *) {
      visibility: hidden;
    }
    .group-hover\/create-website\:visible:is(:where(.group\/create-website):hover *) {
      visibility: visible;
    }
    .group-hover\/create-workspace\:bg-190:is(:where(.group\/create-workspace):hover *) {
      background-color: rgb(var(--color-bg-190-rgb));
    }
    .group-hover\/create-workspace\:text-primary:is(:where(.group\/create-workspace):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/desc\:opacity-100:is(:where(.group\/desc):hover *) {
      opacity: 100%;
    }
    .group-hover\/expandable-section\:bg-standard-hover:is(:where(.group\/expandable-section):hover *) {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .group-hover\/expandable-section\:fc-800:is(:where(.group\/expandable-section):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/filter\:fc-800:is(:where(.group\/filter):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/fq\:translate-x-0\.25:is(:where(.group\/fq):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/fq\:fc-800:is(:where(.group\/fq):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/hc\:bg-line-330:is(:where(.group\/hc):hover *) {
      background-color: rgb(var(--color-line-330-rgb));
    }
    .group-hover\/input-selector\:text-primary:is(:where(.group\/input-selector):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/kind\:translate-x-0\.25:is(:where(.group\/kind):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/label\:fc-800:is(:where(.group\/label):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/layout\:opacity-100:is(:where(.group\/layout):hover *) {
      opacity: 100%;
    }
    .group-hover\/line-stat\:visible:is(:where(.group\/line-stat):hover *) {
      visibility: visible;
    }
    .group-hover\/location-value\:fc-800:is(:where(.group\/location-value):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/manage-categories\:fc-500:is(:where(.group\/manage-categories):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/manage-users-page\:text-primary-700:is(:where(.group\/manage-users-page):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/modal-user\:fc-800:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/modal-user\:fc-white:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-text-white-rgb));
    }
    .group-hover\/modal-user\:text-primary:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/more\:fc-800:is(:where(.group\/more):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/name\:opacity-60:is(:where(.group\/name):hover *) {
      opacity: 60%;
    }
    .group-hover\/nav-item\:bg-hover-5:is(:where(.group\/nav-item):hover *) {
      background-color: var(--color-hover-5-runtime);
    }
    .group-hover\/nav-item\:fc-800:is(:where(.group\/nav-item):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/node-card\:fc-800:is(:where(.group\/node-card):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/node-preview-page\:text-primary:is(:where(.group\/node-preview-page):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/popup-property-form\:visible:is(:where(.group\/popup-property-form):hover *) {
      visibility: visible;
    }
    .group-hover\/popup-property-form-2\:invisible:is(:where(.group\/popup-property-form-2):hover *) {
      visibility: hidden;
    }
    .group-hover\/popup-property-form-2\:visible:is(:where(.group\/popup-property-form-2):hover *) {
      visibility: visible;
    }
    .group-hover\/prev\:translate-y-0:is(:where(.group\/prev):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/prev\:opacity-100:is(:where(.group\/prev):hover *) {
      opacity: 100%;
    }
    .group-hover\/property-location-editor\:fc-800:is(:where(.group\/property-location-editor):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/property-multiple-text-editor\:text-warn:is(:where(.group\/property-multiple-text-editor):hover *) {
      color: rgb(var(--color-warn-rgb));
    }
    .group-hover\/property-operator-selector\:fc-500:is(:where(.group\/property-operator-selector):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/property-options-new\:fc-800:is(:where(.group\/property-options-new):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/property-selection\:fc-500:is(:where(.group\/property-selection):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/pt\:opacity-100:is(:where(.group\/pt):hover *) {
      opacity: 100%;
    }
    .group-hover\/q\:translate-x-0\.25:is(:where(.group\/q):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/q\:opacity-60:is(:where(.group\/q):hover *) {
      opacity: 60%;
    }
    .group-hover\/radio\:flex:is(:where(.group\/radio):hover *) {
      display: flex;
    }
    .group-hover\/radio\:hidden:is(:where(.group\/radio):hover *) {
      display: none;
    }
    .group-hover\/row\:invisible:is(:where(.group\/row):hover *) {
      visibility: hidden;
    }
    .group-hover\/row\:flex:is(:where(.group\/row):hover *) {
      display: flex;
    }
    .group-hover\/row\:hidden:is(:where(.group\/row):hover *) {
      display: none;
    }
    .group-hover\/row\:w-1\.5:is(:where(.group\/row):hover *) {
      width: calc(var(--spacing) * 1.5);
    }
    .group-hover\/row\:scale-75:is(:where(.group\/row):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/row\:scale-100:is(:where(.group\/row):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/row\:bg-\[linear-gradient\(var\(--color-hover-5\)\,var\(--color-hover-5\)\)\]:is(:where(.group\/row):hover *) {
      background-image: linear-gradient(var(--color-hover-5),var(--color-hover-5));
    }
    .group-hover\/row\:pr-4:is(:where(.group\/row):hover *) {
      padding-right: calc(var(--spacing) * 4);
    }
    .group-hover\/row\:fc-800:is(:where(.group\/row):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/row\:opacity-0:is(:where(.group\/row):hover *) {
      opacity: 0%;
    }
    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 100%;
    }
    .group-hover\/section\:opacity-100:is(:where(.group\/section):hover *) {
      opacity: 100%;
    }
    .group-hover\/select-property\:fc-800:is(:where(.group\/select-property):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/selector\:flex:is(:where(.group\/selector):hover *) {
      display: flex;
    }
    .group-hover\/sg\:translate-x-0\.25:is(:where(.group\/sg):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/sg\:fc-800:is(:where(.group\/sg):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/sort\:visible:is(:where(.group\/sort):hover *) {
      visibility: visible;
    }
    .group-hover\/source-preview-modal\:bg-primary:is(:where(.group\/source-preview-modal):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/source-preview-modal\:text-primary:is(:where(.group\/source-preview-modal):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/sub\:fc-500:is(:where(.group\/sub):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/sub\:fc-800:is(:where(.group\/sub):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/tab\:bg-hover-5:is(:where(.group\/tab):hover *) {
      background-color: var(--color-hover-5-runtime);
    }
    .group-hover\/table-cell\:flex:is(:where(.group\/table-cell):hover *) {
      display: flex;
    }
    .group-hover\/taxonomies-list-page\:fc-800:is(:where(.group\/taxonomies-list-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/team-card\:text-primary:is(:where(.group\/team-card):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/translator\:fc-800:is(:where(.group\/translator):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/types\:bg-hover-5:is(:where(.group\/types):hover *) {
      background-color: var(--color-hover-5-runtime);
    }
    .group-hover\/umsg\:translate-y-0:is(:where(.group\/umsg):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/umsg\:opacity-100:is(:where(.group\/umsg):hover *) {
      opacity: 100%;
    }
    .group-hover\/update-log\:fc-800:is(:where(.group\/update-log):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/user\:outline-hover-5:is(:where(.group\/user):hover *) {
      outline-color: var(--color-hover-5-runtime);
    }
    .group-hover\/users-row\:flex:is(:where(.group\/users-row):hover *) {
      display: flex;
    }
    .group-hover\/users-row\:fc-500:is(:where(.group\/users-row):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/users-table\:flex:is(:where(.group\/users-table):hover *) {
      display: flex;
    }
  }
  .group-focus-visible\/desc\:opacity-100:is(:where(.group\/desc):focus-visible *) {
    opacity: 100%;
  }
  .group-focus-visible\/nav-item\:bg-hover-5:is(:where(.group\/nav-item):focus-visible *) {
    background-color: var(--color-hover-5-runtime);
  }
  .group-focus-visible\/prev\:translate-y-0:is(:where(.group\/prev):focus-visible *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-visible\/prev\:opacity-100:is(:where(.group\/prev):focus-visible *) {
    opacity: 100%;
  }
  .group-focus-visible\/row\:opacity-100:is(:where(.group\/row):focus-visible *) {
    opacity: 100%;
  }
  .group-focus-visible\/types\:w-1\.5:is(:where(.group\/types):focus-visible *) {
    width: calc(var(--spacing) * 1.5);
  }
  .group-focus-visible\/types\:opacity-100:is(:where(.group\/types):focus-visible *) {
    opacity: 100%;
  }
  .group-active\/nav-item\:scale-\[0\.98\]:is(:where(.group\/nav-item):active *) {
    scale: 0.98;
  }
  .group-\[\.is-compact\]\/bar\:hidden:is(:where(.group\/bar):is(.is-compact) *) {
    display: none;
  }
  .group-\[\.is-compact\]\/bar\:w-4:is(:where(.group\/bar):is(.is-compact) *) {
    width: calc(var(--spacing) * 4);
  }
  .group-\[\.is-compact\]\/bar\:px-0:is(:where(.group\/bar):is(.is-compact) *) {
    padding-inline: 0px;
  }
  .selection\:bg-primary-500\/20 ::selection {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .selection\:bg-primary-500\/20::selection {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .placeholder\:font-base::placeholder {
    font-family: var(--font-family-base);
  }
  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--fw-regular);
    font-weight: var(--fw-regular);
  }
  .placeholder\:fc-400::placeholder {
    color: rgb(var(--color-text-400-rgb));
  }
  .placeholder\:text-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_45\%\,transparent\)\]::placeholder {
    color: var(--wg-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--wg-fg) 45%,transparent);
    }
  }
  .placeholder\:opacity-100::placeholder {
    opacity: 100%;
  }
  .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
  }
  .before\:inset-x-0::before {
    content: var(--tw-content);
    inset-inline: 0px;
  }
  .before\:-top-3\.5::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -3.5);
  }
  .before\:top-0\.25::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0.25);
  }
  .before\:bottom-0::before {
    content: var(--tw-content);
    bottom: 0px;
  }
  .before\:bottom-0\.25::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0.25);
  }
  .before\:-left-1\.75::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -1.75);
  }
  .before\:h-px::before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-\[3px\]::before {
    content: var(--tw-content);
    width: 3px;
  }
  .before\:flex-1::before {
    content: var(--tw-content);
    flex: 1;
  }
  .before\:scale-y-60::before {
    content: var(--tw-content);
    --tw-scale-y: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .before\:scale-y-100::before {
    content: var(--tw-content);
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .before\:rounded-1::before {
    content: var(--tw-content);
    border-radius: var(--radius-1);
  }
  .before\:rounded-\[3px\]::before {
    content: var(--tw-content);
    border-radius: 3px;
  }
  .before\:bg-line-250::before {
    content: var(--tw-content);
    background-color: rgb(var(--color-line-250-rgb));
  }
  .before\:bg-primary-500::before {
    content: var(--tw-content);
    background-color: rgb(var(--color-primary-500-rgb));
  }
  .before\:bg-\[linear-gradient\(to_bottom\,color-mix\(in_srgb\,var\(--color-180\)_0\%\,transparent\)_0\,color-mix\(in_srgb\,var\(--color-180\)_75\%\,transparent\)_45\%\,var\(--color-180\)_92\%\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom,color-mix(in srgb,rgb(var(--color-bg-180-rgb)) 0%,transparent) 0,color-mix(in srgb,rgb(var(--color-bg-180-rgb)) 75%,transparent) 45%,var(--color-180) 92%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(to bottom,color-mix(in srgb,var(--color-180) 0%,transparent) 0,color-mix(in srgb,var(--color-180) 75%,transparent) 45%,var(--color-180) 92%);
    }
  }
  .before\:bg-\[linear-gradient\(to_bottom\,transparent_0\,color-mix\(in_srgb\,rgb\(var\(--color-bg-180-rgb\)\)_75\%\,transparent\)_45\%\,rgb\(var\(--color-bg-180-rgb\)\)_92\%\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom,transparent 0,rgb(var(--color-bg-180-rgb)) 45%,rgb(var(--color-bg-180-rgb)) 92%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(to bottom,transparent 0,color-mix(in srgb,rgb(var(--color-bg-180-rgb)) 75%,transparent) 45%,rgb(var(--color-bg-180-rgb)) 92%);
    }
  }
  .before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  .before\:opacity-100::before {
    content: var(--tw-content);
    opacity: 100%;
  }
  .before\:transition-\[opacity\,scale\]::before {
    content: var(--tw-content);
    transition-property: opacity,scale;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .before\:duration-\[var\(--motion-slow\)\]::before {
    content: var(--tw-content);
    --tw-duration: var(--motion-slow);
    transition-duration: var(--motion-slow);
  }
  .before\:ease-smooth::before {
    content: var(--tw-content);
    --tw-ease: var(--ease-smooth);
    transition-timing-function: var(--ease-smooth);
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .not-last\:before\:absolute:not(:last-child)::before {
    content: var(--tw-content);
    position: absolute;
  }
  .not-last\:before\:top-\[25px\]:not(:last-child)::before {
    content: var(--tw-content);
    top: 25px;
  }
  .not-last\:before\:top-\[26px\]:not(:last-child)::before {
    content: var(--tw-content);
    top: 26px;
  }
  .not-last\:before\:-bottom-0\.75:not(:last-child)::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -0.75);
  }
  .not-last\:before\:left-\[6\.5px\]:not(:last-child)::before {
    content: var(--tw-content);
    left: 6.5px;
  }
  .not-last\:before\:left-\[7\.5px\]:not(:last-child)::before {
    content: var(--tw-content);
    left: 7.5px;
  }
  .not-last\:before\:w-px:not(:last-child)::before {
    content: var(--tw-content);
    width: 1px;
  }
  .not-last\:before\:rounded-px:not(:last-child)::before {
    content: var(--tw-content);
    border-radius: var(--radius-px);
  }
  .not-last\:before\:bg-\[color-mix\(in_srgb\,rgb\(var\(--color-text-400-rgb\)\)_28\%\,transparent\)\]:not(:last-child)::before {
    content: var(--tw-content);
    background-color: rgb(var(--color-text-400-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,rgb(var(--color-text-400-rgb)) 28%,transparent);
    }
  }
  .not-last\:before\:bg-line-250:not(:last-child)::before {
    content: var(--tw-content);
    background-color: rgb(var(--color-line-250-rgb));
  }
  .not-last\:before\:content-\[\'\'\]:not(:last-child)::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:top-\[var\(--toggler-space\)\]::after {
    content: var(--tw-content);
    top: var(--toggler-space);
  }
  .after\:right-1\.5::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1.5);
  }
  .after\:-bottom-px::after {
    content: var(--tw-content);
    bottom: -1px;
  }
  .after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .after\:left-1\.5::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1.5);
  }
  .after\:left-\[var\(--toggler-space\)\]::after {
    content: var(--tw-content);
    left: var(--toggler-space);
  }
  .after\:aspect-square::after {
    content: var(--tw-content);
    aspect-ratio: 1 / 1;
  }
  .after\:h-\[var\(--toggler-size\)\]::after {
    content: var(--tw-content);
    height: var(--toggler-size);
  }
  .after\:h-px::after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-0::after {
    content: var(--tw-content);
    width: 0px;
  }
  .after\:flex-1::after {
    content: var(--tw-content);
    flex: 1;
  }
  .after\:translate-x-\[calc\(var\(--toggler-size\)_\+_var\(--toggler-space\)\)\]::after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--toggler-size) + var(--toggler-space));
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:\[border-radius\:calc\(\(var\(--toggler-size\)_\+_2\*var\(--toggler-space\)\)\/2\)\]::after {
    content: var(--tw-content);
    border-radius: calc((var(--toggler-size) + 2 * var(--toggler-space)) / 2);
  }
  .after\:bg-190::after {
    content: var(--tw-content);
    background-color: rgb(var(--color-bg-190-rgb));
  }
  .after\:bg-\[var\(--chat-accent\,rgb\(var\(--color-primary-500-rgb\)\)\)\]::after {
    content: var(--tw-content);
    background-color: var(--chat-accent,rgb(var(--color-primary-500-rgb)));
  }
  .after\:bg-line-250::after {
    content: var(--tw-content);
    background-color: rgb(var(--color-line-250-rgb));
  }
  .after\:transition-\[translate\]::after {
    content: var(--tw-content);
    transition-property: translate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .after\:duration-\[var\(--motion-base\)\]::after {
    content: var(--tw-content);
    --tw-duration: var(--motion-base);
    transition-duration: var(--motion-base);
  }
  .after\:ease-smooth::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-smooth);
    transition-timing-function: var(--ease-smooth);
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .first\:rounded-t-\[11px\]:first-child {
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .first\:pr-1:first-child {
    padding-right: var(--spacing);
  }
  .last\:rounded-b-\[11px\]:last-child {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
  }
  .last\:pl-1:last-child {
    padding-left: var(--spacing);
  }
  .last\:odd\:col-span-2:last-child:nth-child(odd) {
    grid-column: span 2 / span 2;
  }
  .read-only\:fc-500:read-only {
    color: rgb(var(--color-text-500-rgb));
  }
  .empty\:hidden:empty {
    display: none;
  }
  .empty\:w-4:empty {
    width: calc(var(--spacing) * 4);
  }
  .focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus-within\:border:focus-within {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .focus-within\:border-\[color\:color-mix\(in_srgb\,var\(--wg-c\)_45\%\,transparent\)\]:focus-within {
    border-color: var(--wg-c);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--wg-c) 45%,transparent);
    }
  }
  .focus-within\:border-\[color\:color-mix\(in_srgb\,var\(--wg-c\,rgb\(var\(--color-primary-500-rgb\)\)\)_70\%\,transparent\)\]:focus-within {
    border-color: var(--wg-c,rgb(var(--color-primary-500-rgb)));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--wg-c,rgb(var(--color-primary-500-rgb))) 70%,transparent);
    }
  }
  .focus-within\:border-line-330:focus-within {
    border-color: rgb(var(--color-line-330-rgb));
  }
  .focus-within\:border-line-330\!:focus-within {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  .focus-within\:border-line-340:focus-within {
    border-color: rgb(var(--color-line-340-rgb));
  }
  .focus-within\:border-primary:focus-within {
    border-color: rgb(var(--color-primary-rgb));
  }
  .focus-within\:border-primary-500:focus-within {
    border-color: rgb(var(--color-primary-500-rgb));
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 100%;
  }
  .focus-within\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--wg-c\)_10\%\,transparent\)\,0_10px_30px_-6px_rgba\(var\(--wg-sh-rgb\)\,calc\(0\.16\*var\(--wg-sh-k\)\)\)\]:focus-within {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--wg-c)), 0 10px 30px -6px var(--tw-shadow-color, rgba(var(--wg-sh-rgb),calc(0.16 * var(--wg-sh-k))));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--wg-c) 10%,transparent)), 0 10px 30px -6px var(--tw-shadow-color, rgba(var(--wg-sh-rgb),calc(0.16 * var(--wg-sh-k))));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--wg-c\,rgb\(var\(--color-primary-500-rgb\)\)\)_16\%\,transparent\)\]:focus-within {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--wg-c,rgb(var(--color-primary-500-rgb))));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--wg-c,rgb(var(--color-primary-500-rgb))) 16%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:shadow-\[inset_0_0_0_1px_var\(--color-primary-500\)\]:focus-within {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:shadow-focus-ring:focus-within {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 20%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary-500) 20%, transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-within\:outline-offset-2:focus-within {
    outline-offset: 2px;
  }
  .focus-within\:outline-primary-500:focus-within {
    outline-color: rgb(var(--color-primary-500-rgb));
  }
  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:rounded-1:hover {
      border-radius: var(--radius-1);
    }
    .hover\:border-\[color-mix\(in_srgb\,var\(--color-line-250\)_50\%\,var\(--color-line-330\)\)\]:hover {
      border-color: color-mix(in srgb,rgb(var(--color-line-250-rgb)) 50%,rgb(var(--color-line-330-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--color-line-250\)_50\%\,var\(--color-line-330\)\)\]:hover {
        border-color: color-mix(in srgb,var(--color-line-250) 50%,var(--color-line-330));
      }
    }
    .hover\:border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_25\%\,transparent\)\]:hover {
      border-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\)_25\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--wg-fg) 25%,transparent);
      }
    }
    .hover\:border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_25\%\,transparent\)\]:hover {
      border-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color\:color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_25\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 25%,transparent);
      }
    }
    .hover\:border-fg-400:hover {
      border-color: rgb(var(--color-text-400-rgb));
    }
    .hover\:border-line-230:hover {
      border-color: rgb(var(--color-line-230-rgb));
    }
    .hover\:border-line-250:hover {
      border-color: rgb(var(--color-line-250-rgb));
    }
    .hover\:border-line-290:hover {
      border-color: rgb(var(--color-line-290-rgb));
    }
    .hover\:border-line-330:hover {
      border-color: rgb(var(--color-line-330-rgb));
    }
    .hover\:border-line-330\/60:hover {
      border-color: rgb(var(--color-line-330-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-line-330\/60:hover {
        border-color: color-mix(in oklab, rgb(var(--color-line-330-rgb)) 60%, transparent);
      }
    }
    .hover\:border-line-340:hover {
      border-color: rgb(var(--color-line-340-rgb));
    }
    .hover\:border-line-hover:hover {
      border-color: var(--color-line-hover-runtime);
    }
    .hover\:border-primary:hover {
      border-color: rgb(var(--color-primary-rgb));
    }
    .hover\:border-primary-500:hover {
      border-color: rgb(var(--color-primary-500-rgb));
    }
    .hover\:border-primary-700:hover {
      border-color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:border-status-danger-dot:hover {
      border-color: #e72437;
    }
    .hover\:border-status-success-dot:hover {
      border-color: #57c042;
    }
    .hover\:border-transparent:hover {
      border-color: transparent;
    }
    .hover\:bg-180:hover {
      background-color: rgb(var(--color-bg-180-rgb));
    }
    .hover\:bg-260:hover {
      background-color: rgb(var(--color-bg-260-rgb));
    }
    .hover\:bg-270:hover {
      background-color: rgb(var(--color-bg-270-rgb));
    }
    .hover\:bg-280:hover {
      background-color: rgb(var(--color-bg-280-rgb));
    }
    .hover\:bg-360:hover {
      background-color: rgb(var(--color-bg-360-rgb));
    }
    .hover\:bg-370:hover {
      background-color: rgb(var(--color-bg-370-rgb));
    }
    .hover\:bg-380:hover {
      background-color: rgb(var(--color-bg-380-rgb));
    }
    .hover\:bg-470:hover {
      background-color: rgb(var(--color-bg-470-rgb));
    }
    .hover\:bg-\[color-mix\(in_srgb\,currentColor_12\%\,transparent\)\]:hover {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,currentColor_12\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,currentColor 12%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,rgb\(var\(--color-bg-370-rgb\)\)_70\%\,rgb\(var\(--color-bg-180-rgb\)\)\)\]:hover {
      background-color: rgb(var(--color-bg-370-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,rgb\(var\(--color-bg-370-rgb\)\)_70\%\,rgb\(var\(--color-bg-180-rgb\)\)\)\]:hover {
        background-color: color-mix(in srgb,rgb(var(--color-bg-370-rgb)) 70%,rgb(var(--color-bg-180-rgb)));
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--color-line-250\)_50\%\,var\(--color-370\)\)\]:hover {
      background-color: color-mix(in srgb,rgb(var(--color-line-250-rgb)) 50%,rgb(var(--color-bg-370-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--color-line-250\)_50\%\,var\(--color-370\)\)\]:hover {
        background-color: color-mix(in srgb,var(--color-line-250) 50%,var(--color-370));
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-c\)_18\%\,transparent\)\]:hover {
      background-color: var(--wg-c);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-c\)_18\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-c) 18%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_4\%\,transparent\)\]:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_4\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 4%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_6\%\,transparent\)\]:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_6\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 6%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_7\%\,transparent\)\]:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_7\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 7%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_8\%\,transparent\)\]:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_8\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 8%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,currentColor\)_6\%\,transparent\)\]:hover {
      background-color: var(--wg-fg,currentColor);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,currentColor\)_6\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg,currentColor) 6%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_6\%\,transparent\)\]:hover {
      background-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_6\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 6%,transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_8\%\,transparent\)\]:hover {
      background-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_8\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 8%,transparent);
      }
    }
    .hover\:bg-danger-soft:hover {
      background-color: var(--color-danger-soft-runtime);
    }
    .hover\:bg-danger-solid:hover {
      background-color: var(--color-danger-solid-runtime);
    }
    .hover\:bg-fg-800\/86:hover {
      background-color: rgb(var(--color-text-800-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-fg-800\/86:hover {
        background-color: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 86%, transparent);
      }
    }
    .hover\:bg-hover-5:hover {
      background-color: var(--color-hover-5-runtime);
    }
    .hover\:bg-hover-5\!:hover {
      background-color: var(--color-hover-5-runtime) !important;
    }
    .hover\:bg-primary:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    .hover\:bg-primary-500:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    .hover\:bg-primary-500\/4:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/4:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 4%, transparent);
      }
    }
    .hover\:bg-primary-500\/5:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/5:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 5%, transparent);
      }
    }
    .hover\:bg-primary-500\/10:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/10:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
      }
    }
    .hover\:bg-primary-500\/15:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/15:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 15%, transparent);
      }
    }
    .hover\:bg-primary-500\/18:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/18:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 18%, transparent);
      }
    }
    .hover\:bg-primary-500\/20:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-primary-700:hover {
      background-color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:bg-primary-hover:hover {
      background-color: color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 88%, black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-hover:hover {
        background-color: color-mix(in srgb, var(--color-primary-500) 88%, black);
      }
    }
    .hover\:bg-primary\/20:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-primary\/30:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 30%, transparent);
      }
    }
    .hover\:bg-standard-hover:hover {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .hover\:bg-status-danger-soft:hover {
      background-color: var(--color-status-danger-soft-runtime);
    }
    .hover\:bg-status-danger-soft\!:hover {
      background-color: var(--color-status-danger-soft-runtime) !important;
    }
    .hover\:bg-status-success-soft:hover {
      background-color: rgba(156, 200, 16, 0.2);
    }
    .hover\:bg-transparent\!:hover {
      background-color: transparent !important;
    }
    .hover\:bg-warn-500:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    .hover\:bg-warn-500\/90:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn-500\/90:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 90%, transparent);
      }
    }
    .hover\:bg-warn-700:hover {
      background-color: rgb(var(--color-warn-700-rgb));
    }
    .hover\:bg-warn\/10:hover {
      background-color: rgb(var(--color-warn-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn\/10:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 10%, transparent);
      }
    }
    .hover\:bg-warn\/20:hover {
      background-color: rgb(var(--color-warn-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-white\/16:hover {
      background-color: color-mix(in oklab, rgb(255, 255, 255) 16%, transparent);
    }
    .hover\:\[background-image\:linear-gradient\(var\(--color-hover-5\)\,var\(--color-hover-5\)\)\]:hover {
      background-image: linear-gradient(var(--color-hover-5),var(--color-hover-5));
    }
    .hover\:bg-\[linear-gradient\(var\(--color-hover-5\)\,var\(--color-hover-5\)\)\]:hover {
      background-image: linear-gradient(var(--color-hover-5),var(--color-hover-5));
    }
    .hover\:bg-\[linear-gradient\(var\(--color-hover-5-runtime\)\,var\(--color-hover-5-runtime\)\)\]:hover {
      background-image: linear-gradient(var(--color-hover-5-runtime),var(--color-hover-5-runtime));
    }
    .hover\:\[stroke-width\:14\]:hover {
      stroke-width: 14;
    }
    .hover\:fc-500:hover {
      color: rgb(var(--color-text-500-rgb));
    }
    .hover\:fc-800:hover {
      color: rgb(var(--color-text-800-rgb));
    }
    .hover\:fc-white:hover {
      color: rgb(var(--color-text-white-rgb));
    }
    .hover\:text-\[color\:var\(--wg-fg\)\]:hover {
      color: var(--wg-fg);
    }
    .hover\:text-\[var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)\]:hover {
      color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    }
    .hover\:text-danger-text:hover {
      color: var(--color-danger-text-runtime);
    }
    .hover\:text-danger-text\!:hover {
      color: var(--color-danger-text-runtime) !important;
    }
    .hover\:text-primary:hover {
      color: rgb(var(--color-primary-rgb));
    }
    .hover\:text-primary-500:hover {
      color: rgb(var(--color-primary-500-rgb));
    }
    .hover\:text-primary-700:hover {
      color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:text-primary-hover:hover {
      color: color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 88%, black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary-hover:hover {
        color: color-mix(in srgb, var(--color-primary-500) 88%, black);
      }
    }
    .hover\:text-status-danger-text:hover {
      color: var(--color-status-danger-text-runtime);
    }
    .hover\:text-status-success-text:hover {
      color: var(--color-status-success-text-runtime);
    }
    .hover\:text-warn:hover {
      color: rgb(var(--color-warn-rgb));
    }
    .hover\:text-warn-500:hover {
      color: rgb(var(--color-warn-500-rgb));
    }
    .hover\:text-white:hover {
      color: rgb(255, 255, 255);
    }
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-80:hover {
      opacity: 80%;
    }
    .hover\:opacity-85:hover {
      opacity: 85%;
    }
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
    .hover\:shadow-\[0_4px_14px_rgba\(17\,42\,96\,0\.06\)\]:hover {
      --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(17,42,96,0.06));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[inset_0_0_0_1\.5px_rgb\(var\(--color-line-330-rgb\)\)\]:hover {
      --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgb(var(--color-line-330-rgb)));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[inset_0_0_0_1px_var\(--color-line-330\)\]:hover {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-line-330));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-panel:hover {
      --tw-shadow: var(--shadow-panel-runtime);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-tile-hover:hover {
      --tw-shadow: var(--shadow-tile-hover-runtime);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:brightness-90:hover {
      --tw-brightness: brightness(90%);
      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,);
    }
    .hover\:brightness-\[\.92\]:hover {
      --tw-brightness: brightness(.92);
      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,);
    }
  }
  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .focus\:border-line-330:focus {
    border-color: rgb(var(--color-line-330-rgb));
  }
  .focus\:border-line-330\!:focus {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  .focus\:border-line-340:focus {
    border-color: rgb(var(--color-line-340-rgb));
  }
  .focus\:border-primary:focus {
    border-color: rgb(var(--color-primary-rgb));
  }
  .focus\:border-primary-500:focus {
    border-color: rgb(var(--color-primary-500-rgb));
  }
  .focus\:shadow-\[inset_0_0_0_1px_var\(--color-primary-500\)\]:focus {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:shadow-focus-ring:focus {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 20%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary-500) 20%, transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:scale-100:focus-visible {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .focus-visible\:rounded-1:focus-visible {
    border-radius: var(--radius-1);
  }
  .focus-visible\:border-primary-500:focus-visible {
    border-color: rgb(var(--color-primary-500-rgb));
  }
  .focus-visible\:bg-danger-soft:focus-visible {
    background-color: var(--color-danger-soft-runtime);
  }
  .focus-visible\:bg-hover-5:focus-visible {
    background-color: var(--color-hover-5-runtime);
  }
  .focus-visible\:fc-800:focus-visible {
    color: rgb(var(--color-text-800-rgb));
  }
  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 100%;
  }
  .focus-visible\:shadow-\[inset_0_0_0_1px_var\(--color-primary-500\)\,var\(--shadow-focus-ring\)\]:focus-visible {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary-500)), var(--shadow-focus-ring);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-\[inset_0_0_0_2px_var\(--color-primary-500\)\]:focus-visible {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-primary-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-focus-ring:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 20%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary-500) 20%, transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-panel:focus-visible {
    --tw-shadow: var(--shadow-panel-runtime);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }
  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }
  .focus-visible\:outline-180:focus-visible {
    outline-color: rgb(var(--color-bg-180-rgb));
  }
  .focus-visible\:outline-primary-500:focus-visible {
    outline-color: rgb(var(--color-primary-500-rgb));
  }
  .focus-visible\:before\:outline-2:focus-visible::before {
    content: var(--tw-content);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:before\:outline-primary-500:focus-visible::before {
    content: var(--tw-content);
    outline-color: rgb(var(--color-primary-500-rgb));
  }
  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .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);
  }
  .active\:scale-\[0\.96\]:active {
    scale: 0.96;
  }
  .active\:scale-\[0\.97\]:active {
    scale: 0.97;
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .active\:scale-\[0\.99\]:active {
    scale: 0.99;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:border-line-330:active {
    border-color: rgb(var(--color-line-330-rgb));
  }
  .active\:bg-hover-5:active {
    background-color: var(--color-hover-5-runtime);
  }
  .active\:bg-primary-hover:active {
    background-color: color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 88%, black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-primary-500) 88%, black);
    }
  }
  .active\:fc-800:active {
    color: rgb(var(--color-text-800-rgb));
  }
  .active\:opacity-60:active {
    opacity: 60%;
  }
  .not-disabled\:active\:scale-95:not(:disabled):active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .not-disabled\:active\:scale-\[0\.98\]:not(:disabled):active {
    scale: 0.98;
  }
  .enabled\:cursor-pointer:enabled {
    cursor: pointer;
  }
  @media (hover: hover) {
    .hover\:enabled\:border-line-330:hover:enabled {
      border-color: rgb(var(--color-line-330-rgb));
    }
    .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_5\%\,transparent\)\]:enabled:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_5\%\,transparent\)\]:enabled:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 5%,transparent);
      }
    }
    .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_6\%\,transparent\)\]:enabled:hover {
      background-color: var(--wg-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\)_6\%\,transparent\)\]:enabled:hover {
        background-color: color-mix(in srgb,var(--wg-fg) 6%,transparent);
      }
    }
    .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_7\%\,transparent\)\]:enabled:hover {
      background-color: var(--wg-fg,rgb(var(--color-text-800-rgb)));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--wg-fg\,rgb\(var\(--color-text-800-rgb\)\)\)_7\%\,transparent\)\]:enabled:hover {
        background-color: color-mix(in srgb,var(--wg-fg,rgb(var(--color-text-800-rgb))) 7%,transparent);
      }
    }
    .enabled\:hover\:bg-hover-5:enabled:hover {
      background-color: var(--color-hover-5-runtime);
    }
    .enabled\:hover\:bg-primary-700:enabled:hover {
      background-color: rgb(var(--color-primary-700-rgb));
    }
    .enabled\:hover\:bg-primary-hover:enabled:hover {
      background-color: color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 88%, black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-primary-hover:enabled:hover {
        background-color: color-mix(in srgb, var(--color-primary-500) 88%, black);
      }
    }
    .hover\:enabled\:bg-current\/12:hover:enabled {
      background-color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, currentcolor 12%, transparent);
      }
    }
    .hover\:enabled\:bg-hover-5:hover:enabled {
      background-color: var(--color-hover-5-runtime);
    }
    .hover\:enabled\:bg-primary-hover:hover:enabled {
      background-color: color-mix(in srgb, rgb(var(--color-primary-500-rgb)) 88%, black);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--color-primary-500) 88%, black);
      }
    }
    .enabled\:hover\:bg-\[linear-gradient\(var\(--color-hover-5\)\,var\(--color-hover-5\)\)\]:enabled:hover {
      background-image: linear-gradient(var(--color-hover-5),var(--color-hover-5));
    }
    .enabled\:hover\:fc-800:enabled:hover {
      color: rgb(var(--color-text-800-rgb));
    }
    .enabled\:hover\:opacity-100:enabled:hover {
      opacity: 100%;
    }
  }
  .enabled\:active\:scale-\[0\.92\]:enabled:active {
    scale: 0.92;
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:cursor-progress:disabled {
    cursor: progress;
  }
  .disabled\:bg-370:disabled {
    background-color: rgb(var(--color-bg-370-rgb));
  }
  .disabled\:bg-transparent:disabled {
    background-color: transparent;
  }
  .disabled\:bg-transparent\!:disabled {
    background-color: transparent !important;
  }
  .disabled\:fc-200:disabled {
    color: rgb(var(--color-text-200-rgb));
  }
  .disabled\:fc-400:disabled {
    color: rgb(var(--color-text-400-rgb));
  }
  .disabled\:fc-400\!:disabled {
    color: rgb(var(--color-text-400-rgb)) !important;
  }
  .disabled\:fc-500:disabled {
    color: rgb(var(--color-text-500-rgb));
  }
  .disabled\:opacity-25:disabled {
    opacity: 25%;
  }
  .disabled\:opacity-35:disabled {
    opacity: 35%;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-45:disabled {
    opacity: 45%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .disabled\:opacity-80:disabled {
    opacity: 80%;
  }
  .disabled\:shadow-\[inset_0_0_0_1px_var\(--color-line-330\)\]:disabled {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-line-330));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .disabled\:hover\:border-line-250:disabled:hover {
      border-color: rgb(var(--color-line-250-rgb));
    }
    .disabled\:hover\:bg-180:disabled:hover {
      background-color: rgb(var(--color-bg-180-rgb));
    }
    .disabled\:hover\:bg-primary-500:disabled:hover {
      background-color: rgb(var(--color-primary-500-rgb));
    }
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
    .disabled\:hover\:bg-warn-500:disabled:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    .disabled\:hover\:fc-400:disabled:hover {
      color: rgb(var(--color-text-400-rgb));
    }
    .disabled\:hover\:opacity-100:disabled:hover {
      opacity: 100%;
    }
    .disabled\:hover\:shadow-none:disabled:hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .disabled\:hover\:brightness-100:disabled:hover {
      --tw-brightness: brightness(100%);
      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,);
    }
  }
  .disabled\:active\:scale-100:disabled:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .has-focus-visible\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .has-focus-visible\:outline-primary-500:has(:focus-visible) {
    outline-color: rgb(var(--color-primary-500-rgb));
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-\[spin_2400ms_linear_infinite\] {
      animation: spin 2400ms linear infinite;
    }
    .motion-reduce\:duration-\[1ms\] {
      --tw-duration: 1ms;
      transition-duration: 1ms;
    }
  }
  @media (width < 640px) {
    .max-\[640px\]\:hidden {
      display: none;
    }
    .max-\[640px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width < 480px) {
    .max-\[480px\]\:w-full {
      width: 100%;
    }
  }
  @container (width < 979px) {
    .\@max-\[979px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[979px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width < 939px) {
    .\@max-\[939px\]\:basis-\[22\%\] {
      flex-basis: 22%;
    }
    .\@max-\[939px\]\:basis-\[30\%\] {
      flex-basis: 30%;
    }
  }
  @container (width < 900px) {
    .\@max-\[900px\]\:block {
      display: block;
    }
    .\@max-\[900px\]\:hidden {
      display: none;
    }
    .\@max-\[900px\]\:h-55 {
      height: calc(var(--spacing) * 55);
    }
    .\@max-\[900px\]\:min-h-0 {
      min-height: 0px;
    }
    .\@max-\[900px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[900px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .\@max-\[900px\]\:p-1\.5 {
      padding: calc(var(--spacing) * 1.5);
    }
    .\@max-\[900px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .\@max-\[900px\]\:pt-1\.5 {
      padding-top: calc(var(--spacing) * 1.5);
    }
    .\@max-\[900px\]\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  @container (width < 859px) {
    .\@max-\[859px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container nx (width < 820px) {
    .\@max-\[820px\]\/nx\:static {
      position: static;
    }
    .\@max-\[820px\]\/nx\:-order-1 {
      order: calc(1 * -1);
    }
  }
  @container (width < 820px) {
    .\@max-\[820px\]\:hidden {
      display: none;
    }
  }
  @container nx (width < 820px) {
    .\@max-\[820px\]\/nx\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
    .\@max-\[820px\]\/nx\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  @container (width < 799px) {
    .\@max-\[799px\]\:group-\[\.is-compact\]\/bar\:hidden:is(:where(.group\/bar):is(.is-compact) *) {
      display: none;
    }
    .\@max-\[799px\]\:group-\[\.is-compact\]\/bar\:pr-0\.75:is(:where(.group\/bar):is(.is-compact) *) {
      padding-right: calc(var(--spacing) * 0.75);
    }
  }
  @container nx (width < 760px) {
    .\@max-\[760px\]\/nx\:col-start-1 {
      grid-column-start: 1;
    }
    .\@max-\[760px\]\/nx\:col-start-2 {
      grid-column-start: 2;
    }
    .\@max-\[760px\]\/nx\:row-start-1 {
      grid-row-start: 1;
    }
    .\@max-\[760px\]\/nx\:hidden {
      display: none;
    }
    .\@max-\[760px\]\/nx\:grid-cols-\[104px_minmax\(0\,1fr\)\] {
      grid-template-columns: 104px minmax(0,1fr);
    }
    .\@max-\[760px\]\/nx\:grid-cols-\[minmax\(0\,1fr\)_28px\] {
      grid-template-columns: minmax(0,1fr) 28px;
    }
    .\@max-\[760px\]\/nx\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .\@max-\[760px\]\/nx\:gap-x-1\.5 {
      column-gap: calc(var(--spacing) * 1.5);
    }
    .\@max-\[760px\]\/nx\:gap-y-0\.5 {
      row-gap: calc(var(--spacing) * 0.5);
    }
    .\@max-\[760px\]\/nx\:rounded-\[22px\] {
      border-radius: 22px;
    }
    .\@max-\[760px\]\/nx\:p-1 {
      padding: var(--spacing);
    }
    .\@max-\[760px\]\/nx\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
    .\@max-\[760px\]\/nx\:px-1\.75 {
      padding-inline: calc(var(--spacing) * 1.75);
    }
    .\@max-\[760px\]\/nx\:pr-1\.75 {
      padding-right: calc(var(--spacing) * 1.75);
    }
  }
  @container (width < 759px) {
    .\@max-\[759px\]\:hidden {
      display: none;
    }
    .\@max-\[759px\]\:inline {
      display: inline;
    }
    .\@max-\[759px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[759px\]\:gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5);
    }
  }
  @container (width < 739px) {
    .\@max-\[739px\]\:hidden {
      display: none;
    }
    .\@max-\[739px\]\:w-4 {
      width: calc(var(--spacing) * 4);
    }
    .\@max-\[739px\]\:px-0 {
      padding-inline: 0px;
    }
  }
  @container (width < 720px) {
    .\@max-\[720px\]\:static {
      position: static;
    }
    .\@max-\[720px\]\:hidden {
      display: none;
    }
    .\@max-\[720px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[720px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @container (width < 680px) {
    .\@max-\[680px\]\:hidden {
      display: none;
    }
    .\@max-\[680px\]\:grid-cols-\[auto_28px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto 28px minmax(0,1fr) auto;
    }
  }
  @container (width < 640px) {
    .\@max-\[640px\]\:grid {
      display: grid;
    }
    .\@max-\[640px\]\:aspect-\[104\/64\] {
      aspect-ratio: 104/64;
    }
    .\@max-\[640px\]\:h-auto {
      height: auto;
    }
    .\@max-\[640px\]\:w-full {
      width: 100%;
    }
    .\@max-\[640px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[640px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\@max-\[640px\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  @container (width < 639px) {
    .\@max-\[639px\]\:hidden {
      display: none;
    }
  }
  @container (width < 620px) {
    .\@max-\[620px\]\:hidden {
      display: none;
    }
    .\@max-\[620px\]\:w-4 {
      width: calc(var(--spacing) * 4);
    }
    .\@max-\[620px\]\:px-0 {
      padding-inline: 0px;
    }
  }
  @container (width < 560px) {
    .\@max-\[560px\]\:hidden {
      display: none;
    }
    .\@max-\[560px\]\:w-4 {
      width: calc(var(--spacing) * 4);
    }
    .\@max-\[560px\]\:justify-center {
      justify-content: center;
    }
    .\@max-\[560px\]\:px-0 {
      padding-inline: 0px;
    }
  }
  @container (width < 559px) {
    .\@max-\[559px\]\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .\@max-\[559px\]\:-mx-1\.75 {
      margin-inline: calc(var(--spacing) * -1.75);
    }
    .\@max-\[559px\]\:block {
      display: block;
    }
    .\@max-\[559px\]\:hidden {
      display: none;
    }
    .\@max-\[559px\]\:h-\[34px\] {
      height: 34px;
    }
    .\@max-\[559px\]\:w-\[9px\] {
      width: 9px;
    }
    .\@max-\[559px\]\:w-\[calc\(100\%\+28px\)\] {
      width: calc(100% + 28px);
    }
    .\@max-\[559px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[559px\]\:grid-cols-\[32px_1fr\] {
      grid-template-columns: 32px 1fr;
    }
    .\@max-\[559px\]\:grid-rows-\[180px_22px\] {
      grid-template-rows: 180px 22px;
    }
    .\@max-\[559px\]\:flex-col {
      flex-direction: column;
    }
    .\@max-\[559px\]\:items-start {
      align-items: flex-start;
    }
    .\@max-\[559px\]\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .\@max-\[559px\]\:gap-0\.25 {
      gap: calc(var(--spacing) * 0.25);
    }
    .\@max-\[559px\]\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .\@max-\[559px\]\:px-1\.75 {
      padding-inline: calc(var(--spacing) * 1.75);
    }
    .\@max-\[559px\]\:pt-1\.5 {
      padding-top: calc(var(--spacing) * 1.5);
    }
    .\@max-\[559px\]\:text-ui-22 {
      font-family: var(--font-display);
      font-size: var(--text-ui-22);
      line-height: var(--tw-leading, var(--text-ui-22--line-height));
      letter-spacing: var(--tw-tracking, var(--text-ui-22--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-ui-22--font-weight));
    }
    .\@max-\[559px\]\:whitespace-normal {
      white-space: normal;
    }
    .\@max-\[559px\]\:\[--oc-cols\:minmax\(0\,1fr\)_auto_auto_30px\] {
      --oc-cols: minmax(0,1fr) auto auto 30px;
    }
    .\@max-\[559px\]\:\[--oc-cols\:minmax\(0\,1fr\)_auto_auto_auto_30px\] {
      --oc-cols: minmax(0,1fr) auto auto auto 30px;
    }
  }
  @container (width < 540px) {
    .\@max-\[540px\]\:hidden {
      display: none;
    }
  }
  @container nx (width < 520px) {
    .\@max-\[520px\]\/nx\:hidden {
      display: none;
    }
  }
  @container (width < 520px) {
    .\@max-\[520px\]\:hidden {
      display: none;
    }
  }
  @container nx (width < 520px) {
    .\@max-\[520px\]\/nx\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    .\@max-\[520px\]\/nx\:pl-0 {
      padding-left: 0px;
    }
  }
  @container (width < 519px) {
    .\@max-\[519px\]\:basis-\[40\%\] {
      flex-basis: 40%;
    }
  }
  @container (width < 459px) {
    .\@max-\[459px\]\:hidden {
      display: none;
    }
    .\@max-\[459px\]\:\[--oc-cols\:minmax\(0\,1fr\)_auto_30px\] {
      --oc-cols: minmax(0,1fr) auto 30px;
    }
  }
  @container (width < 440px) {
    .\@max-\[440px\]\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .\@max-\[440px\]\:px-\[7px\] {
      padding-inline: 7px;
    }
    .\@max-\[440px\]\:text-ui-22 {
      font-family: var(--font-display);
      font-size: var(--text-ui-22);
      line-height: var(--tw-leading, var(--text-ui-22--line-height));
      letter-spacing: var(--tw-tracking, var(--text-ui-22--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-ui-22--font-weight));
    }
  }
  @container (width < 439px) {
    .\@max-\[439px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[439px\]\:last\:odd\:col-span-1:last-child:nth-child(odd) {
      grid-column: span 1 / span 1;
    }
  }
  @container (width < 420px) {
    .\@max-\[420px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (width < 419px) {
    .\@max-\[419px\]\:hidden {
      display: none;
    }
    .\@max-\[419px\]\:group-\[\.is-compact\]\/bar\:hidden:is(:where(.group\/bar):is(.is-compact) *) {
      display: none;
    }
  }
  @container (width < 400px) {
    .\@max-\[400px\]\:w-full {
      width: 100%;
    }
    .\@max-\[400px\]\:max-w-27\.5 {
      max-width: calc(var(--spacing) * 27.5);
    }
    .\@max-\[400px\]\:flex-col {
      flex-direction: column;
    }
    .\@max-\[400px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  .dark\:fc-500:where(:root[app-theme='dark'] *, :root[app-theme='auto'][client-theme='dark'] *) {
    color: rgb(var(--color-text-500-rgb));
  }
  .dark\:fc-inverse:where(:root[app-theme='dark'] *, :root[app-theme='auto'][client-theme='dark'] *) {
    color: rgb(var(--color-text-inverse-rgb));
  }
  .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.8\)\]:where(:root[app-theme='dark'] *, :root[app-theme='auto'][client-theme='dark'] *) {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .dark\:hover\:brightness-\[1\.2\]:where(:root[app-theme='dark'] *, :root[app-theme='auto'][client-theme='dark'] *):hover {
      --tw-brightness: brightness(1.2);
      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,);
    }
  }
  @starting-style {
    .starting\:scale-x-0 {
      --tw-scale-x: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .desktop\:max-w-desktop:where(:root.screen-desktop *) {
    max-width: var(--size-max-width-desktop);
  }
  .desktop\:\[font-size\:var\(--fs-icon-s\)\]:where(:root.screen-desktop *) {
    font-size: var(--fs-icon-s);
  }
  .desktop\:text-sp-2:where(:root.screen-desktop *) {
    font-size: var(--text-sp-2);
  }
  .mobile\:mt-3:where(:root.screen-mobile *) {
    margin-top: calc(var(--spacing) * 3);
  }
  .mobile\:hidden:where(:root.screen-mobile *) {
    display: none;
  }
  .mobile\:h-6:where(:root.screen-mobile *) {
    height: calc(var(--spacing) * 6);
  }
  .mobile\:h-control-xl:where(:root.screen-mobile *) {
    height: var(--spacing-control-xl);
  }
  .mobile\:h-m-button:where(:root.screen-mobile *) {
    height: var(--spacing-m-button);
  }
  .mobile\:min-h-0:where(:root.screen-mobile *) {
    min-height: 0px;
  }
  .mobile\:min-h-7:where(:root.screen-mobile *) {
    min-height: calc(var(--spacing) * 7);
  }
  .mobile\:w-full:where(:root.screen-mobile *) {
    width: 100%;
  }
  .mobile\:max-w-none:where(:root.screen-mobile *) {
    max-width: none;
  }
  .mobile\:flex-auto:where(:root.screen-mobile *) {
    flex: auto;
  }
  .mobile\:\[scroll-padding-top\:0\]:where(:root.screen-mobile *) {
    scroll-padding-top: 0;
  }
  .mobile\:flex-col:where(:root.screen-mobile *) {
    flex-direction: column;
  }
  .mobile\:flex-row:where(:root.screen-mobile *) {
    flex-direction: row;
  }
  .mobile\:overflow-x-auto:where(:root.screen-mobile *) {
    overflow-x: auto;
  }
  .mobile\:overflow-y-hidden:where(:root.screen-mobile *) {
    overflow-y: hidden;
  }
  .mobile\:rounded-1\.5:where(:root.screen-mobile *) {
    border-radius: var(--radius-1\.5);
  }
  .mobile\:border-r-0:where(:root.screen-mobile *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .mobile\:border-b:where(:root.screen-mobile *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .mobile\:px-1\.5:where(:root.screen-mobile *) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .mobile\:px-2:where(:root.screen-mobile *) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .mobile\:pt-0\.5:where(:root.screen-mobile *) {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .mobile\:pt-2:where(:root.screen-mobile *) {
    padding-top: calc(var(--spacing) * 2);
  }
  .mobile\:pb-1:where(:root.screen-mobile *) {
    padding-bottom: var(--spacing);
  }
  .mobile\:pb-1\.25:where(:root.screen-mobile *) {
    padding-bottom: calc(var(--spacing) * 1.25);
  }
  @media (hover: hover) {
    .can-hover\:invisible {
      visibility: hidden;
    }
    .can-hover\:visible {
      visibility: visible;
    }
    .can-hover\:flex {
      display: flex;
    }
    .can-hover\:hidden {
      display: none;
    }
    .can-hover\:translate-y-0\.5 {
      --tw-translate-y: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .can-hover\:opacity-0 {
      opacity: 0%;
    }
  }
  @media not (hover: hover) {
    .no-hover\:invisible {
      visibility: hidden;
    }
    .no-hover\:animate-rise-in {
      animation: var(--animate-rise-in);
    }
  }
  .hover-always\:underline:hover {
    text-decoration-line: underline;
  }
  .hover-always\:fill-opacity-75:hover {
    fill-opacity: calc(75 * 1%);
  }
  .hover-always\:overlay-standard-hover-180:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-180-rgb));
  }
  .hover-always\:overlay-standard-hover-190:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-190-rgb));
  }
  .hover-always\:overlay-standard-hover-270:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-270-rgb));
  }
  .hover-always\:overlay-standard-hover-280:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-280-rgb));
  }
  .hover-always\:overlay-standard-hover-290:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-290-rgb));
  }
  .hover-always\:after\:animate-chats-suggested-questions-comet:hover::after {
    content: var(--tw-content);
    animation: var(--animate-chats-suggested-questions-comet);
  }
  @media not (hover: hover) {
    .no-hover\:hover-always\:bg-190\/80:hover {
      background-color: rgb(var(--color-bg-190-rgb));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, rgb(var(--color-bg-190-rgb)) 80%, transparent);
      }
    }
  }
  @media screen and (min-width: 1000px) and (min-height: 700px) {
    .vp-screen-min-w-1000-min-h-700\:block {
      display: block;
    }
    .vp-screen-min-w-1000-min-h-700\:hidden {
      display: none;
    }
    .vp-screen-min-w-1000-min-h-700\:items-start {
      align-items: flex-start;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-center {
      justify-content: center;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-end {
      justify-content: flex-end;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (max-width: 720px) {
    .vp-max-w-720\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media screen and (max-height: 700px) {
    .vp-screen-max-h-700\:items-center {
      align-items: center;
    }
  }
  @media screen and (max-width: 999px) {
    .vp-screen-max-w-999\:items-center {
      align-items: center;
    }
  }
  @media screen and (min-width: 820px) and (min-height: 600px) {
    .vp-screen-min-w-820-min-h-600\:block {
      display: block;
    }
    .vp-screen-min-w-820-min-h-600\:hidden {
      display: none;
    }
  }
  .shortcuts\:fc-800:where(:root[data-shortcuts-visible] *) {
    color: rgb(var(--color-text-800-rgb));
  }
  .\[\&_\#toolbarSidebar\]\:hidden\! #toolbarSidebar {
    display: none !important;
  }
  .\[\&_\.emoji\]\:text-sp-2\! .emoji {
    font-size: var(--text-sp-2) !important;
  }
  .\[\&_\.emoji\]\:leading-\[20px\]\! .emoji {
    --tw-leading: 20px !important;
    line-height: 20px !important;
  }
  .\[\&_\.initials\]\:text-ui-22 .initials {
    font-family: var(--font-display);
    font-size: var(--text-ui-22);
    line-height: var(--tw-leading, var(--text-ui-22--line-height));
    letter-spacing: var(--tw-tracking, var(--text-ui-22--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-ui-22--font-weight));
  }
  .\[\&_\.p-1\]\:p-0\! .p-1 {
    padding: 0px !important;
  }
  .\[\&_b\]\:font-semibold b {
    --tw-font-weight: var(--fw-semi-bold);
    font-weight: var(--fw-semi-bold);
  }
  .\[\&_b\]\:fc-800 b {
    color: rgb(var(--color-text-800-rgb));
  }
  .\[\&_button\[aria-haspopup\]\]\:border-status-danger-dot\! button[aria-haspopup] {
    border-color: #e72437 !important;
  }
  .\[\&_em\]\:fc-400 em {
    color: rgb(var(--color-text-400-rgb));
  }
  .\[\&_filter-chip_\.font-bold\]\:font-medium\! filter-chip .font-bold {
    --tw-font-weight: var(--fw-medium) !important;
    font-weight: var(--fw-medium) !important;
  }
  .\[\&_filter-chip_i\]\:text-primary-500\! filter-chip i {
    color: rgb(var(--color-primary-500-rgb)) !important;
  }
  .\[\&_filter-chip\>button\]\:h-\[22px\] filter-chip > button {
    height: 22px;
  }
  .\[\&_filter-chip\>button\]\:rounded-\[6px\]\! filter-chip > button {
    border-radius: 6px !important;
  }
  .\[\&_filter-chip\>button\]\:bg-primary-500\/10\! filter-chip > button {
    background-color: rgb(var(--color-primary-500-rgb)) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent) !important;
    }
  }
  .\[\&_filter-chip\>button\]\:px-1\! filter-chip > button {
    padding-inline: var(--spacing) !important;
  }
  .\[\&_filter-chip\>button\]\:py-0\! filter-chip > button {
    padding-block: 0px !important;
  }
  .\[\&_filter-chip\>button\]\:text-ui-13 filter-chip > button {
    font-size: var(--text-ui-13);
    line-height: var(--tw-leading, var(--text-ui-13--line-height));
  }
  .\[\&_filter-chip\>button\]\:font-medium filter-chip > button {
    --tw-font-weight: var(--fw-medium);
    font-weight: var(--fw-medium);
  }
  .\[\&_filter-chip\>button\]\:text-primary-500\! filter-chip > button {
    color: rgb(var(--color-primary-500-rgb)) !important;
  }
  .\[\&_filter-chip\>button\>\:last-child\]\:hidden filter-chip > button > :last-child {
    display: none;
  }
  .\[\&_i\]\:text-sp-2\! i {
    font-size: var(--text-sp-2) !important;
  }
  .\[\&_img\]\:h-2\.5 img {
    height: calc(var(--spacing) * 2.5);
  }
  .\[\&_img\]\:h-full img {
    height: 100%;
  }
  .\[\&_img\]\:w-2\.5 img {
    width: calc(var(--spacing) * 2.5);
  }
  .\[\&_img\]\:w-full img {
    width: 100%;
  }
  .\[\&_img\]\:rounded-\[5px\] img {
    border-radius: 5px;
  }
  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }
  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }
  .\[\&_reach-workspace-thumbnail\]\:flex reach-workspace-thumbnail {
    display: flex;
  }
  .\[\&_reach-workspace-thumbnail\]\:h-full reach-workspace-thumbnail {
    height: 100%;
  }
  .\[\&_reach-workspace-thumbnail\]\:w-full reach-workspace-thumbnail {
    width: 100%;
  }
  .\[\&_reach-workspace-thumbnail\]\:items-center reach-workspace-thumbnail {
    align-items: center;
  }
  .\[\&_reach-workspace-thumbnail\]\:justify-center reach-workspace-thumbnail {
    justify-content: center;
  }
  .\[\&_strong\]\:text-ui-16 strong {
    font-size: var(--text-ui-16);
    line-height: var(--tw-leading, var(--text-ui-16--line-height));
  }
  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--fw-semi-bold);
    font-weight: var(--fw-semi-bold);
  }
  .\[\&_strong\]\:fc-800 strong {
    color: rgb(var(--color-text-800-rgb));
  }
  .\[\&_svg\]\:h-1\.5 svg {
    height: calc(var(--spacing) * 1.5);
  }
  .\[\&_svg\]\:h-2\.5 svg {
    height: calc(var(--spacing) * 2.5);
  }
  .\[\&_svg\]\:h-2\.75 svg {
    height: calc(var(--spacing) * 2.75);
  }
  .\[\&_svg\]\:w-1\.5 svg {
    width: calc(var(--spacing) * 1.5);
  }
  .\[\&_svg\]\:w-2\.5 svg {
    width: calc(var(--spacing) * 2.5);
  }
  .\[\&_svg\]\:w-2\.75 svg {
    width: calc(var(--spacing) * 2.75);
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }
  .\[\&\:has\(\+\*\:hover\)\>\.row-line\]\:opacity-0:has( + :hover) > .row-line {
    opacity: 0%;
  }
  .\[\&\>\*\]\:flex-\[0_0_228px\] > * {
    flex: 0 0 228px;
  }
  .\[\&\>\*\]\:flex-none > * {
    flex: none;
  }
  .\[\&\>\*\]\:snap-start > * {
    scroll-snap-align: start;
  }
  .\[\&\>\*\]\:truncate > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .\[\&\>\*\:last-child\]\:min-h-0 > :last-child {
    min-height: 0px;
  }
  .\[\&\>\*\:last-child\]\:flex-1 > :last-child {
    flex: 1;
  }
  .\[\&\>\[role\=listitem\]\:last-child\]\:border-b-0 > [role=listitem]:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\[\&\>button\]\:h-5\.5 > button {
    height: calc(var(--spacing) * 5.5);
  }
  .\[\&\>button\]\:flex-1 > button {
    flex: 1;
  }
  .\[\&\>button\]\:rounded-1\.5 > button {
    border-radius: var(--radius-1\.5);
  }
  .\[\&\>button\]\:text-ui-15 > button {
    font-size: var(--text-ui-15);
    line-height: var(--tw-leading, var(--text-ui-15--line-height));
  }
  .\[\&\>i\]\:w-2 > i {
    width: calc(var(--spacing) * 2);
  }
  .\[\&\>i\]\:flex-none > i {
    flex: none;
  }
  .\[\&\>i\]\:text-sp-2 > i {
    font-size: var(--text-sp-2);
  }
  .\[\&\>i\]\:text-sp-2\.5 > i {
    font-size: var(--text-sp-2\.5);
  }
  .\[\&\>i\]\:leading-none > i {
    --tw-leading: 1;
    line-height: 1;
  }
  .\[\&\>i\]\:fc-400 > i {
    color: rgb(var(--color-text-400-rgb));
  }
  @media (hover: hover) {
    .hover\:\[\&\>i\]\:text-primary-500:hover > i {
      color: rgb(var(--color-primary-500-rgb));
    }
  }
  .\[\&\>i\:first-child\]\:fc-400 > i:first-child {
    color: rgb(var(--color-text-400-rgb));
  }
  .\[\&\>span\]\:opacity-75 > span {
    opacity: 75%;
  }
  .\[\&\>span\:empty\]\:hidden > span:empty {
    display: none;
  }
  .copy-button:focus .\[\.copy-button\:focus_\&\]\:hidden\! {
    display: none !important;
  }
  .copy-button:focus .\[\.copy-button\:focus_\&\]\:animate-badge-in {
    animation: var(--animate-badge-in);
  }
  .copy-button:not(:focus) .\[\.copy-button\:not\(\:focus\)_\&\]\:hidden\! {
    display: none !important;
  }
  .hide-left-option .\[\.hide-left-option_\&\]\:hidden {
    display: none;
  }
  .hide-left-option .\[\.hide-left-option_\&\]\:pl-0 {
    padding-left: 0px;
  }
  .hide-right-option .\[\.hide-right-option_\&\]\:hidden {
    display: none;
  }
  .hide-right-option .\[\.hide-right-option_\&\]\:pr-0 {
    padding-right: 0px;
  }
  .no-title-right-padding .\[\.no-title-right-padding_\&\]\:pr-0 {
    padding-right: 0px;
  }
  :where(.\[\:where\(\&\:not\(\.ui-menu-item--danger\)\>i\:first-child\)\]\:fc-400:not(.ui-menu-item--danger) > i:first-child) {
    color: rgb(var(--color-text-400-rgb));
  }
  @media (max-height:760px) {
    .\[\@media_\(max-height\:760px\)\]\:h-9\/10 {
      height: calc(9 / 10 * 100%);
    }
    .\[\@media_\(max-height\:760px\)\]\:w-9\/10 {
      width: calc(9 / 10 * 100%);
    }
  }
  @media (max-width:1150px) {
    .\[\@media_\(max-width\:1150px\)\]\:h-9\/10 {
      height: calc(9 / 10 * 100%);
    }
    .\[\@media_\(max-width\:1150px\)\]\:w-9\/10 {
      width: calc(9 / 10 * 100%);
    }
  }
  @media (hover:none) {
    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 100%;
    }
  }
  @media (max-width:900px) {
    .\[\@media\(max-width\:900px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(max-width\:900px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\[\@media\(max-width\:900px\)\]\:px-0 {
      padding-inline: 0px;
    }
    .\[\@media\(max-width\:900px\)\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }
}
@layer base {
  :root {
    --color-hover-5-runtime: rgba(32, 37, 51, 0.05);
    --color-scrim-runtime: rgba(32, 37, 51, 0.24);
    --color-danger-text-runtime: #921708;
    --color-danger-soft-runtime: rgba(200, 31, 15, 0.1);
    --color-danger-solid-runtime: #ac1b0d;
    --color-line-hover-runtime: #cecdcf;
    --color-inverse-runtime: #0a0a10;
    --color-on-inverse-runtime: #ffffff;
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --color-hover-5-runtime: rgba(238, 239, 239, 0.06);
    --color-scrim-runtime: rgba(32, 37, 51, 0.24);
    --color-danger-text-runtime: #f1937f;
    --color-danger-soft-runtime: rgba(232, 80, 47, 0.1);
    --color-danger-solid-runtime: #e8502f;
    --color-line-hover-runtime: #3e3e43;
    --color-inverse-runtime: #ffffff;
    --color-on-inverse-runtime: #202533;
  }
  :root {
    --color-status-success-text-runtime: #347527;
    --color-status-warning-text-runtime: #9c5b00;
    --color-status-danger-text-runtime: #ba1d0e;
    --color-status-danger-soft-runtime: rgba(200, 31, 15, 0.16);
    --color-status-info-text-runtime: #116ab7;
    --color-status-info-soft-runtime: rgba(72, 161, 238, 0.14);
    --color-status-danger-border-runtime: rgba(200, 31, 15, 0.3);
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --color-status-danger-border-runtime: rgba(216, 55, 31, 0.36);
    --color-status-success-text-runtime: #57c042;
    --color-status-warning-text-runtime: #f89000;
    --color-status-danger-text-runtime: #e66653;
    --color-status-danger-soft-runtime: rgba(216, 55, 31, 0.16);
    --color-status-info-text-runtime: #48a1ee;
    --color-status-info-soft-runtime: rgba(72, 161, 238, 0.18);
  }
  :root {
    --color-tag-blue-text-runtime: #1f6fb2;
    --color-tag-green-text-runtime: #2f7d22;
    --color-tag-lime-text-runtime: #4e7a12;
    --color-tag-yellow-text-runtime: #8a6a00;
    --color-tag-purple-text-runtime: #6d3fe0;
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --color-tag-blue-text-runtime: #8cc4f5;
    --color-tag-green-text-runtime: #8fd681;
    --color-tag-lime-text-runtime: #b6db7a;
    --color-tag-yellow-text-runtime: #f2d166;
    --color-tag-purple-text-runtime: #b79cfa;
  }
  :root {
    --color-tool-chip-soft-runtime: rgba(76, 98, 214, 0.13);
    --color-tool-chip-text-runtime: #3346a8;
    --color-mention-file-text-runtime: #4e4f55;
    --color-mention-note-text-runtime: #b23a12;
    --color-mention-website-text-runtime: #2f7a22;
    --color-mention-tag-text-runtime: #2463a6;
    --color-mention-workspace-text-runtime: #7a5f00;
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --color-tool-chip-soft-runtime: rgba(126, 146, 240, 0.2);
    --color-tool-chip-text-runtime: #b3c0f7;
    --color-mention-file-text-runtime: #c4c5cb;
    --color-mention-note-text-runtime: #f7936e;
    --color-mention-website-text-runtime: #8fd47f;
    --color-mention-tag-text-runtime: #8cc4f5;
    --color-mention-workspace-text-runtime: #e6c84d;
  }
  :root {
    --shadow-popover-runtime: 0 12px 40px 0 rgba(17, 42, 96, 0.14);
    --shadow-dialog-runtime: 4px 10px 16px 0 rgba(17, 42, 96, 0.08),
			2px 6px 12px 0 rgba(17, 42, 96, 0.06), 0 2px 6px 0 rgba(17, 42, 96, 0.02);
    --shadow-card-runtime: 0 1px 3px rgba(17, 42, 96, 0.06);
    --shadow-tile-hover-runtime: 0 8px 24px rgba(17, 42, 96, 0.06);
    --shadow-panel-runtime: 0 8px 24px 0 rgba(17, 42, 96, 0.06);
    --shadow-raised-runtime: 0 1px 2px 0 rgba(17, 42, 96, 0.06), 0 2px 8px 0 rgba(17, 42, 96, 0.06);
    --shadow-composer-runtime: 0 1px 2px 0 rgba(17, 42, 96, 0.04), 0 10px 28px 0 rgba(17, 42, 96, 0.08);
    --shadow-knob-runtime: 0 1px 3px 0 rgba(17, 42, 96, 0.16), 0 0 1px 0 rgba(17, 42, 96, 0.12);
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --shadow-popover-runtime: 0 12px 40px 0 rgba(0, 0, 0, 0.7);
    --shadow-dialog-runtime: 4px 10px 16px 0 rgba(0, 0, 0, 0.4),
			2px 6px 12px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    --shadow-card-runtime: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-tile-hover-runtime: 0 8px 24px rgba(0, 0, 0, 0.3);
    --shadow-panel-runtime: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
    --shadow-raised-runtime: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    --shadow-composer-runtime: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 10px 28px 0 rgba(0, 0, 0, 0.4);
    --shadow-knob-runtime: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 1px 0 rgba(0, 0, 0, 0.3);
  }
  :root {
    --shadow-composer-runtime: 0 1px 2px rgba(17, 42, 96, 0.04), 0 10px 28px rgba(17, 42, 96, 0.08);
    --shadow-composer-chat-runtime: 0 8px 24px rgba(17, 42, 96, 0.06);
  }
  :root[app-theme='dark'],	:root[app-theme='auto'][client-theme='dark'] {
    --shadow-composer-runtime: 0 1px 2px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.4);
    --shadow-composer-chat-runtime: 0 8px 24px rgba(0, 0, 0, 0.3);
  }
}
@keyframes skeleton-shimmer {
  from {
    background-position: 100vw 0;
  }
  to {
    background-position: -100vw 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton {
    animation: none;
    background-image: none;
  }
}
@keyframes chat-pane-in {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
}
@keyframes chat-pane-out {
  to {
    opacity: 0;
    transform: translateX(24px);
  }
}
@keyframes chat-orb-split {
  0%,	10% {
    transform: translate(0, 0);
  }
  38%,	68% {
    transform: translate(var(--dx), var(--dy));
  }
  92%,	100% {
    transform: translate(0, 0);
  }
}
@keyframes chat-orb-spin {
  0%,	20% {
    transform: rotate(0);
  }
  80%,	100% {
    transform: rotate(180deg);
  }
}
@keyframes chat-shimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes chat-caret-blink {
  50% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-chat-pane-in,	.animate-chat-pane-out {
    animation-duration: 1ms;
  }
  .chat-orb,	.chat-orb > i,	.chat-shimmer,	.chat-answer-md .ck-caret {
    animation: none;
  }
  .chat-shimmer {
    color: rgb(var(--color-text-400-rgb));
  }
}
@keyframes chat-dock-in {
  from {
    flex-grow: 0;
    min-width: 0;
    opacity: 0;
  }
  to {
    flex-grow: 1;
    min-width: 320px;
    opacity: 1;
  }
}
@keyframes chat-dock-out {
  from {
    flex-grow: 1;
    min-width: 320px;
    opacity: 1;
  }
  to {
    flex-grow: 0;
    min-width: 0;
    opacity: 0;
  }
}
@keyframes chat-dock-in-px {
  from {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes chat-dock-out-px {
  to {
    width: 0;
    min-width: 0;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-chat-dock-in,	.animate-chat-dock-out,	.animate-chat-dock-in-px,	.animate-chat-dock-out-px {
    animation-duration: 1ms;
  }
  .chat-peek-hit {
    animation: none;
  }
}
@layer utilities {
  :root.screen-desktop	:is(	[class^='icon-'],	[class*=' icon-'],	[class^='iconff-'],	[class*=' iconff-'],	[class^='ns-icon-'],	[class*=' ns-icon-']	).text-m {
    font-size: var(--fs-icon-s);
  }
}
@layer base {
  :root {
    --motion-fast: 120ms;
    --motion-base: 180ms;
    --motion-slow: 280ms;
    --motion-layout: 260ms;
    --motion-drawer: 340ms;
  }
}
@keyframes pop-in {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
}
@keyframes pop-out {
  to {
    opacity: 0;
    transform: translateY(-2px) scale(0.98);
  }
}
@keyframes dialog-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
}
@keyframes dialog-out {
  to {
    opacity: 0;
    transform: translateY(4px) scale(0.985);
  }
}
@keyframes sheet-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}
@keyframes sheet-out {
  to {
    opacity: 0;
    transform: translateY(12px);
  }
}
@keyframes sheet-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
}
@keyframes sheet-down {
  to {
    transform: translateY(100%);
  }
}
@keyframes bottom-sheet-in {
  from {
    transform: translateY(100%);
  }
}
@keyframes bottom-sheet-out {
  to {
    transform: translateY(100%);
  }
}
@keyframes sheet-screen-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
}
@keyframes pane-in {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
}
@keyframes pane-out {
  to {
    opacity: 0;
    transform: translateX(24px);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@keyframes rise-out {
  to {
    opacity: 0;
    transform: translateY(4px);
  }
}
@keyframes badge-in {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
}
@keyframes turn-in {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.985);
  }
}
@keyframes grow-x {
  from {
    transform: scaleX(0);
  }
}
@keyframes grow-y {
  from {
    transform: scaleY(0);
  }
}
@keyframes chart-in {
  from {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes donut-in {
  from {
    opacity: 0;
    transform: rotate(-30deg) scale(0.92);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ring-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ann-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
}
@keyframes glow-breathe {
  50% {
    opacity: 0.7;
    transform: scale(1.06);
  }
}
@keyframes check-pop {
  from {
    transform: scale(0);
  }
}
@keyframes hint-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--color-primary-500-rgb), 0.35);
  }
  70%,	100% {
    box-shadow: 0 0 0 8px transparent;
  }
}
@keyframes dot-pulse {
  0%,	80%,	100% {
    opacity: 0.25;
  }
  40% {
    opacity: 1;
  }
}
@keyframes caret-blink {
  to {
    visibility: hidden;
  }
}
@keyframes shortcut-pop {
  from {
    opacity: 0;
    transform: translateY(2px) scale(0.9);
  }
}
.animate-pop-out {
  animation: var(--animate-pop-out);
}
.animate-dialog-out {
  animation: var(--animate-dialog-out);
}
.animate-scrim-out {
  animation: var(--animate-scrim-out);
}
.animate-sheet-out {
  animation: var(--animate-sheet-out);
}
.animate-sheet-down {
  animation: var(--animate-sheet-down);
}
.animate-pane-out {
  animation: var(--animate-pane-out);
}
.animate-bottom-sheet-out {
  animation: var(--animate-bottom-sheet-out);
}
.animate-fade-out {
  animation: var(--animate-fade-out);
}
.animate-rise-out {
  animation: var(--animate-rise-out);
}
.animate-pop-out, .animate-dialog-out, .animate-scrim-out, .animate-sheet-out, .animate-sheet-down, .animate-pane-out, .animate-bottom-sheet-out, .animate-fade-out, .animate-rise-out {
  animation-delay: 0ms !important;
}
:root[data-theme-switching], :root[data-theme-switching] *, :root[data-theme-switching] *::before, :root[data-theme-switching] *::after {
  transition: none !important;
}
.teleporter-leaving, .teleporter-leaving * {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 1ms;
    --motion-base: 1ms;
    --motion-slow: 1ms;
    --motion-drawer: 1ms;
    --motion-layout: 1ms;
  }
  .motion-ui,	.collapsible,	.collapsible > *,	.fade-label,	.shortcut-hint {
    transition-duration: 1ms !important;
  }
  [class*='animate-pop'],	[class*='animate-dialog'],	[class*='animate-sheet'],	[class*='animate-pane'],	[class*='animate-bottom-sheet'],	[class*='animate-scrim'],	[class*='animate-fade'],	[class*='animate-rise'],	[class*='animate-badge'],	[class*='animate-turn'],	[class*='animate-grow'],	[class*='animate-chart'],	[class*='animate-donut'],	.stagger-rise > *,	[class*='animate-ring-draw'],	[class*='animate-ann-in'],	[class*='animate-glow-in'],	.shortcut-badge {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
  }
  [class*='animate-ring-draw'],	[class*='animate-ann-in'] {
    animation-delay: 0ms !important;
  }
  [class*='animate-glow-breathe'],	[class*='animate-hint-pulse'],	[class*='animate-dot-pulse'],	[class*='animate-caret-blink'] {
    animation: none !important;
  }
  [class*='animate-check-pop'] {
    animation: none !important;
    transform: none;
  }
  @layer legacy {
    [class*='animate-orbit'] {
      animation-duration: 4.2s !important;
      animation-iteration-count: infinite !important;
    }
  }
}
@layer legacy {
  @keyframes chat-msg-options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes enter-header-title {
    0% {
      opacity: 0;
      filter: blur(3px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes enter-scale {
    0% {
      opacity: 0;
      transform: scale(0.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes enter-up {
    0% {
      opacity: 0;
      filter: blur(4px);
      transform: translateY(40px) scale(0.9);
    }
    50% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes enter-up-fast {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes leave-opacity-1-to-0 {
    0% {
      opacity: 1;
      width: auto;
      margin-left: 8px;
    }
    100% {
      opacity: 0;
      width: 0;
      margin-left: 0;
    }
  }
  @keyframes leave-opacity-1-to-0-500 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes leave-up-bottom-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes leave-up-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  @keyframes message-container-enter {
    0% {
      opacity: 0;
      transform: translateY(30px);
      filter: blur(2px);
      min-height: max(	0px,	calc(	var(--message-enter-end-height, calc(100vh - 190px)) -	var(--message-enter-start-height, 325px)	)	);
    }
    60% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
      min-height: var(--message-enter-end-height, calc(100vh - 190px));
    }
  }
  @keyframes move-backgorund {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }
  @keyframes options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes source-title-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
      max-height: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      max-height: 18px;
      filter: blur(0);
    }
  }
  @keyframes sources-list-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes system-message-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes initial-thinking-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes loaders-line-load {
    0% {
      transform: translateX(-100%);
    }
    100% {
      left: 100%;
      transform: translateX(0%);
    }
  }
  @keyframes chats-suggested-questions-comet {
    0% {
      width: 0;
      opacity: 1;
    }
    100% {
      width: 100%;
      opacity: 0;
    }
  }
}
@layer base {
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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);
  }
}
@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-scroll-snap-strictness: proximity;
      --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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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: "";
    }
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.bun/css-loader@7.1.5+c05b2a0896c10152/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!../../node_modules/.bun/postcss-loader@8.2.1+80acb468eec4e2e3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!../../node_modules/.bun/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!../../node_modules/.bun/sass-loader@17.0.1+825f826d51d13c09/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[6].rules[1].use[1]!./client/src/styles-default.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@layer legacy {
  @keyframes hotToastEnter {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  .hot-toast-animated-icon {
    animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards);
    position: var(--hot-toast-animated-icon-position, relative);
    transform: var(--hot-toast-animated-icon-transform, scale(0));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-animated-icon {
      animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
      opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
      transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1));
    }
  }
  @keyframes hotToastCircleAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(45deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(45deg);
    }
  }
  @keyframes hotToastCheckmarkAnimation {
    0% {
      height: 0;
      opacity: 0;
      width: 0;
    }
    40% {
      height: 0;
      opacity: 1;
      width: 6px;
    }
    100% {
      height: 10px;
      opacity: 1;
    }
  }
  .hot-toast-checkmark-icon {
    animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
    border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
    height: var(--hot-toast-checkmark-icon-height, 20px);
    opacity: var(--hot-toast-checkmark-icon-opacity, 0);
    position: var(--hot-toast-checkmark-icon-position, relative);
    transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
    width: var(--hot-toast-checkmark-icon-width, 20px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-checkmark-icon {
      animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-checkmark-icon::after {
    animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
    border-bottom-style: solid;
    border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
    border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
    border-right-style: solid;
    border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
    bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
    box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
    content: var(--hot-toast-checkmark-icon-after-content, "");
    height: var(--hot-toast-checkmark-icon-after-height, 10px);
    left: var(--hot-toast-checkmark-icon-after-left, 6px);
    opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
    position: var(--hot-toast-checkmark-icon-after-position, absolute);
    width: var(--hot-toast-checkmark-icon-after-width, 6px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-checkmark-icon::after {
      animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms);
    }
  }
  @keyframes hotToastErrorCircleAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(45deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(45deg);
    }
  }
  @keyframes hotToastFirstLineAnimation {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes hotToastSecondLineAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(90deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(90deg);
    }
  }
  .hot-toast-error-icon {
    animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
    background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
    border-radius: var(--hot-toast-error-icon-border-radius, 10px);
    height: var(--hot-toast-error-icon-height, 20px);
    opacity: var(--hot-toast-error-icon-opacity, 0);
    position: var(--hot-toast-error-icon-position, relative);
    transform: var(--hot-toast-error-icon-transform, rotate(45deg));
    width: var(--hot-toast-error-icon-width, 20px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon {
      animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-error-icon::after,
  .hot-toast-error-icon::before {
    animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards);
    animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
    background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
    border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
    bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
    content: var(--hot-toast-error-icon-after-before-content, "");
    height: var(--hot-toast-error-icon-after-before-height, 2px);
    left: var(--hot-toast-error-icon-after-before-left, 4px);
    opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
    position: var(--hot-toast-error-icon-after-before-position, absolute);
    width: var(--hot-toast-error-icon-after-before-width, 12px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon::after,
    .hot-toast-error-icon::before {
      animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-error-icon::before {
    animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards);
    animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
    transform: var(--hot-toast-error-icon-before-transform, rotate(90deg));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon::before {
      animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-bar-base {
    align-items: var(--hot-toast-align-items, center);
    background-color: var(--hot-toast-bg, #fff);
    border-radius: var(--hot-toast-border-radius, 4px);
    box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
    color: var(--hot-toast-color, #363636);
    display: var(--hot-toast-display, flex);
    line-height: var(--hot-toast-line, 1.3);
    margin: var(--hot-toast-margin, 16px);
    max-width: var(--hot-toast-max-width, 350px);
    padding: var(--hot-toast-padding, 8px 10px);
    pointer-events: var(--hot-toast-pointer-events, auto);
    width: var(--hot-toast-width, fit-content);
    transition-property: border-bottom-left-radius, border-bottom-right-radius;
    transition-duration: 230ms;
    transition-timing-function: ease-out;
  }
  .hot-toast-bar-base:hover, .hot-toast-bar-base:focus, .hot-toast-bar-base:focus-within {
    animation-play-state: var(--hot-toast-animation-state, paused) !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-bar-base {
      animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important;
    }
  }
  .expanded .hot-toast-bar-base {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .hot-toast-message {
    color: var(--hot-toast-message-color, inherit);
    display: var(--hot-toast-message-display, flex);
    flex: var(--hot-toast-message-flex, 1);
    justify-content: var(--hot-toast-message-justify-content, center);
    margin: var(--hot-toast-message-margin, 4px 10px);
  }
  .hot-toast-bar-base-container {
    display: var(--hot-toast-container-display, flex);
    pointer-events: var(--hot-toast-container-pointer-events, none);
    position: var(--hot-toast-container-position, absolute);
    transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-bar-base-container {
      transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important;
    }
  }
  .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
    background: var(--hot-toast-snackbar-bg, #323232);
    box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12));
    color: var(--hot-toast-snackbar-color, rgb(255, 255, 255));
  }
  .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
    filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%));
  }
  .hot-toast-close-btn {
    align-self: var(--hot-toast-close-btn-align-self, flex-start);
    background-color: var(--hot-toast-close-btn-background-color, transparent);
    background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
    background-position: var(--hot-toast-close-btn-background-position, center);
    background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
    background-size: var(--hot-toast-close-btn-background-size, 0.75em);
    border: var(--hot-toast-close-btn-border, 0);
    border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem);
    box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
    display: var(--hot-toast-close-btn-display, flex);
    height: var(--hot-toast-close-btn-height, 0.8em);
    margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
    opacity: var(--hot-toast-close-btn-opacity, 0.5);
    padding: var(--hot-toast-close-btn-padding, 0.25em);
    width: var(--hot-toast-close-btn-width, 0.8em);
  }
  .hot-toast-close-btn:focus {
    box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
    outline: var(--hot-toast-close-btn-outline, none);
  }
  .hot-toast-close-btn:hover, .hot-toast-close-btn:focus {
    opacity: var(--hot-toast-close-btn-opacity, 0.75);
  }
  .hot-toast-group-btn {
    align-self: var(--hot-toast-group-btn-align-self, flex-start);
    background-color: var(--hot-toast-group-btn-background-color, transparent);
    background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E"));
    background-position: var(--hot-toast-group-btn-background-position, center);
    background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat);
    background-size: var(--hot-toast-group-btn-background-size, 1.3em);
    border: var(--hot-toast-group-btn-border, 0);
    border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem);
    box-sizing: var(--hot-toast-group-btn-box-sizing, content-box);
    display: var(--hot-toast-group-btn-display, flex);
    height: var(--hot-toast-group-btn-height, 0.8em);
    margin-top: var(--hot-toast-group-btn-margin-top, 0.25em);
    opacity: var(--hot-toast-group-btn-opacity, 0.5);
    padding: var(--hot-toast-group-btn-padding, 0.25em);
    width: var(--hot-toast-group-btn-width, 0.8em);
    will-change: var(--hot-toast-group-btn-will-change, transform);
    transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
  }
  .hot-toast-group-btn:focus {
    box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
    outline: var(--hot-toast-group-btn-outline, none);
  }
  .hot-toast-group-btn:hover, .hot-toast-group-btn:focus {
    opacity: var(--hot-toast-group-btn-opacity, 0.75);
  }
  .expanded .hot-toast-group-btn {
    transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg));
  }
  .hot-toast-icon {
    align-self: var(--hot-toast-icon-align-self, flex-start);
    padding-top: var(--hot-toast-icon-padding-top, 0.25em);
  }
  .hot-toast-bar-base-wrapper {
    pointer-events: all;
  }
  .hot-toast-bar-base-group {
    --hot-toast-shadow: none;
    background-color: var(--hot-toast-group-bg, #fff);
    margin: var(--hot-toast-margin, 16px);
    margin-top: calc(-1 * var(--hot-toast-margin, 16px));
    border-bottom-left-radius: var(--hot-toast-border-radius, 4px);
    border-bottom-right-radius: var(--hot-toast-border-radius, 4px);
    height: 0;
    overflow: hidden;
    transition-property: height;
    transition-duration: 230ms;
    transition-timing-function: ease-in-out;
    position: relative;
    box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
  }
  .expanded .hot-toast-bar-base-group {
    height: var(--hot-toast-group-height);
  }
  .hot-toast-bar-base-group .hot-toast-bar-base {
    margin: 0;
  }
  @keyframes hotToastEnterAnimationNegative {
    0% {
      opacity: 0.5;
      transform: translate3d(0, -80px, 0) scale(0.6);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes hotToastEnterAnimationPositive {
    0% {
      opacity: 0.5;
      transform: translate3d(0, 80px, 0) scale(0.6);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes hotToastExitAnimationPositive {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px) scale(1);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5);
    }
  }
  @keyframes hotToastExitAnimationNegative {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px) scale(1);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5);
    }
  }
  @keyframes hotToastEnterSoftAnimationNegative {
    0% {
      opacity: 0.5;
      transform: translate3d(0, -14px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes hotToastEnterSoftAnimationPositive {
    0% {
      opacity: 0.5;
      transform: translate3d(0, 14px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes hotToastExitSoftAnimationPositive {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, 14px, -1px);
    }
  }
  @keyframes hotToastExitSoftAnimationNegative {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, -14px, -1px);
    }
  }
  .hot-toast-indicator-wrapper {
    align-items: var(--hot-toast-indicator-wrapper-align-items, center);
    display: var(--hot-toast-indicator-wrapper-display, flex);
    justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
    min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
    min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
    position: var(--hot-toast-indicator-wrapper-position, relative);
  }
  .hot-toast-status-wrapper {
    position: var(--hot-toast-status-wrapper-position, absolute);
  }
  @keyframes animate-info-background {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes animate-info-line {
    0% {
      height: 0;
      opacity: 0;
    }
    40% {
      height: 4.8px;
      opacity: 1;
    }
    100% {
      height: 8px;
      opacity: 1;
    }
  }
  .hot-toast-info-icon {
    animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
    border-radius: var(--hot-toast-info-icon-border-radius, 50%);
    display: var(--hot-toast-info-icon-display, block);
    height: var(--hot-toast-info-icon-height, 20px);
    opacity: var(--hot-toast-info-icon-opacity, 0);
    position: var(--hot-toast-info-icon-position, relative);
    transform: var(--hot-toast-info-icon-transform, scale(0));
    width: var(--hot-toast-info-icon-width, 20px);
  }
  .hot-toast-info-icon::after, .hot-toast-info-icon::before {
    background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
    border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
    box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
    content: var(--hot-toast-info-icon-after-before-content, "");
    display: var(--hot-toast-info-icon-after-before-display, block);
    left: var(--hot-toast-info-icon-after-before-left, 8.5px);
    position: var(--hot-toast-info-icon-after-before-position, absolute);
    width: var(--hot-toast-info-icon-after-before-width, 2.5px);
  }
  .hot-toast-info-icon::after {
    animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
    height: var(--hot-toast-info-icon-after-height, 0);
    opacity: var(--hot-toast-info-icon-after-opacity, 0);
    top: var(--hot-toast-info-icon-after-bottom, 8px);
  }
  .hot-toast-info-icon::before {
    height: var(--hot-toast-info-icon-before-height, 2px);
    top: var(--hot-toast-info-icon-before-top, 4px);
  }
  @keyframes hotToastRotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .hot-toast-loader-icon {
    animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
    border: var(--hot-toast-loader-icon-border, 2px solid);
    border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
    border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
    border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
    height: var(--hot-toast-loader-icon-height, 18px);
    padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
    width: var(--hot-toast-loader-icon-width, 18px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-loader-icon {
      animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s);
    }
  }
  @keyframes animate-warn-background {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes animate-warn-line {
    0% {
      height: 0;
      opacity: 0;
    }
    40% {
      height: 4.8px;
      opacity: 1;
    }
    100% {
      height: 8px;
      opacity: 1;
    }
  }
  .hot-toast-warning-icon {
    animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
    border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
    display: var(--hot-toast-warning-icon-display, block);
    height: var(--hot-toast-warning-icon-height, 20px);
    opacity: var(--hot-toast-warning-icon-opacity, 0);
    position: var(--hot-toast-warning-icon-position, relative);
    transform: var(--hot-toast-warning-icon-transform, scale(0));
    width: var(--hot-toast-warning-icon-width, 20px);
  }
  .hot-toast-warning-icon::after, .hot-toast-warning-icon::before {
    background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
    border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
    box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
    content: var(--hot-toast-warning-icon-after-before-content, "");
    display: var(--hot-toast-warning-icon-after-before-display, block);
    left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
    position: var(--hot-toast-warning-icon-after-before-position, absolute);
    width: var(--hot-toast-warning-icon-after-before-width, 2.5px);
  }
  .hot-toast-warning-icon::after {
    animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
    height: var(--hot-toast-warning-icon-after-height, 0);
    opacity: var(--hot-toast-warning-icon-after-opacity, 0);
    top: var(--hot-toast-warning-icon-after-top, 4px);
  }
  .hot-toast-warning-icon::before {
    bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
    height: var(--hot-toast-warning-icon-before-height, 2px);
  }
  /* By default, the popover has a padding of 16px and a border style of solid. This is not desired for hot-toast. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:popover-open#examples */
  hot-toast-container[popover] {
    padding: var(--hot-toast-container-padding, 0);
    border-style: var(--hot-toast-container-border-style, none);
  }

  /**
   * okaidia theme for JavaScript, CSS and HTML
   * Loosely based on Monokai textmate theme by http://www.monokai.nl/
   * @author ocodia
   */
  code[class*=language-],
  pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    hyphens: none;
  }
  /* Code blocks */
  pre[class*=language-] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
  }
  :not(pre) > code[class*=language-],
  pre[class*=language-] {
    background: #272822;
  }
  /* Inline code */
  :not(pre) > code[class*=language-] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
  }
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #8292a2;
  }
  .token.punctuation {
    color: #f8f8f2;
  }
  .token.namespace {
    opacity: 0.7;
  }
  .token.property,
  .token.tag,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: #f92672;
  }
  .token.boolean,
  .token.number {
    color: #ae81ff;
  }
  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: #a6e22e;
  }
  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string,
  .token.variable {
    color: #f8f8f2;
  }
  .token.atrule,
  .token.attr-value,
  .token.function,
  .token.class-name {
    color: #e6db74;
  }
  .token.keyword {
    color: #66d9ef;
  }
  .token.regex,
  .token.important {
    color: #fd971f;
  }
  .token.important,
  .token.bold {
    font-weight: bold;
  }
  .token.italic {
    font-style: italic;
  }
  .token.entity {
    cursor: help;
  }
  pre[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
  }
  pre[class*=language-].line-numbers > code {
    position: relative;
    white-space: inherit;
  }
  .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    user-select: none;
  }
  .line-numbers-rows > span {
    display: block;
    counter-increment: linenumber;
  }
  .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
  }
  /* AppPrimary maps to Inter files on default / assets-default builds. Loaded before ng-common index. */
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 100;
    src: url('inter-v20-latin-100.b447814dc676cec1.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 100;
    src: url('inter-v20-latin-100italic.5dc18a0c0da48e41.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 200;
    src: url('inter-v20-latin-200.96be080130d6f32c.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 200;
    src: url('inter-v20-latin-200italic.48138d5a17259a3e.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 300;
    src: url('inter-v20-latin-300.15fb600d42056579.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 300;
    src: url('inter-v20-latin-300italic.c7f0fb8f1284c686.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 400;
    src: url('inter-v20-latin-regular.ef6d3f52c547a6e3.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 400;
    src: url('inter-v20-latin-italic.d5390949c79b867c.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 500;
    src: url('inter-v20-latin-500.b7b43acee81d05a8.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 500;
    src: url('inter-v20-latin-500italic.091c03e5d6ea6d84.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 600;
    src: url('inter-v20-latin-600.8fb1a96451cec840.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 600;
    src: url('inter-v20-latin-600italic.4a0ad145d59630d5.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 700;
    src: url('inter-v20-latin-700.953b7aa585d36a2b.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 700;
    src: url('inter-v20-latin-700italic.235e1413f94eb7df.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 800;
    src: url('inter-v20-latin-800.95045d685be8648f.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 800;
    src: url('inter-v20-latin-800italic.4a37329c50c695ff.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 900;
    src: url('inter-v20-latin-900.2a8028ec716097bf.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 900;
    src: url('inter-v20-latin-900italic.dd3549483dc85426.woff2') format("woff2");
  }
  /* Display face for text of 20px and up (`--font-display`, the `text-ui-20`…`32` sizes). */
  @font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('Manrope-Variable.85264ea477371849.woff2') format("woff2");
  }
  .cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cdk-overlay-container {
    position: fixed;
    z-index: 1000;
  }
  .cdk-overlay-container:empty {
    display: none;
  }
  .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
  }
  .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    max-height: 100%;
    z-index: 1000;
  }
  .cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    touch-action: manipulation;
    z-index: 1000;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  @media (prefers-reduced-motion) {
    .cdk-overlay-backdrop {
      transition-duration: 1ms;
    }
  }
  .cdk-overlay-backdrop-showing {
    opacity: 1;
  }
  @media (forced-colors: active) {
    .cdk-overlay-backdrop-showing {
      opacity: 0.6;
    }
  }
  .cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
  }
  .cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1;
  }
  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
    opacity: 0;
    visibility: visible;
  }
  .cdk-overlay-backdrop-noop-animation {
    transition: none;
  }
  .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
    z-index: 1000;
  }
  .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
  }
  .cdk-overlay-popover {
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    overflow: visible;
    position: fixed;
    pointer-events: none;
    white-space: normal;
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    inset: auto;
    top: 0;
    left: 0;
  }
  .cdk-overlay-popover::backdrop {
    display: none;
  }
  .cdk-overlay-popover .cdk-overlay-backdrop {
    position: fixed;
    z-index: auto;
  }
  html {
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0, 0, 0, 0.87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  html {
    --mat-option-selected-state-label-text-color: #48a1ee;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  .mat-accent {
    --mat-option-selected-state-label-text-color: #8bc34a;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  .mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-pseudo-checkbox-full-selected-icon-color: #8bc34a;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8bc34a;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-primary {
    --mat-pseudo-checkbox-full-selected-icon-color: #48a1ee;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #48a1ee;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-accent {
    --mat-pseudo-checkbox-full-selected-icon-color: #8bc34a;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8bc34a;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-warn {
    --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: 0.03125em;
    --mat-option-label-text-weight: 400;
  }
  html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: 0.03125em;
    --mat-optgroup-label-text-weight: 400;
  }
  html {
    --mat-card-elevated-container-shape: 4px;
    --mat-card-outlined-container-shape: 4px;
    --mat-card-filled-container-shape: 4px;
    --mat-card-outlined-outline-width: 1px;
  }
  html {
    --mat-card-elevated-container-color: white;
    --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-container-color: white;
    --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
    --mat-card-filled-container-color: white;
    --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: 0.0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: 0.0071428571em;
    --mat-card-subtitle-text-weight: 500;
  }
  html {
    --mat-progress-bar-active-indicator-height: 4px;
    --mat-progress-bar-track-height: 4px;
    --mat-progress-bar-track-shape: 0;
  }
  .mat-mdc-progress-bar {
    --mat-progress-bar-active-indicator-color: #48a1ee;
    --mat-progress-bar-track-color: rgba(72, 161, 238, 0.25);
  }
  .mat-mdc-progress-bar.mat-accent {
    --mat-progress-bar-active-indicator-color: #8bc34a;
    --mat-progress-bar-track-color: rgba(139, 195, 74, 0.25);
  }
  .mat-mdc-progress-bar.mat-warn {
    --mat-progress-bar-active-indicator-color: #f44336;
    --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
  }
  html {
    --mat-tooltip-container-shape: 4px;
    --mat-tooltip-supporting-text-line-height: 16px;
  }
  html {
    --mat-tooltip-container-color: #424242;
    --mat-tooltip-supporting-text-color: white;
  }
  html {
    --mat-tooltip-supporting-text-font: Roboto, sans-serif;
    --mat-tooltip-supporting-text-size: 12px;
    --mat-tooltip-supporting-text-weight: 400;
    --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  }
  html {
    --mat-form-field-filled-active-indicator-height: 1px;
    --mat-form-field-filled-focus-active-indicator-height: 2px;
    --mat-form-field-filled-container-shape: 4px;
    --mat-form-field-outlined-outline-width: 1px;
    --mat-form-field-outlined-focus-outline-width: 2px;
    --mat-form-field-outlined-container-shape: 4px;
  }
  html {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-filled-caret-color: #48a1ee;
    --mat-form-field-filled-focus-active-indicator-color: #48a1ee;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-outlined-caret-color: #48a1ee;
    --mat-form-field-outlined-focus-outline-color: #48a1ee;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-hover-state-layer-opacity: 0.04;
    --mat-form-field-focus-state-layer-opacity: 0.12;
    --mat-form-field-filled-container-color: #f6f6f6;
    --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-error-hover-label-text-color: #f44336;
    --mat-form-field-filled-error-focus-label-text-color: #f44336;
    --mat-form-field-filled-error-label-text-color: #f44336;
    --mat-form-field-filled-error-caret-color: #f44336;
    --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-filled-error-active-indicator-color: #f44336;
    --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
    --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-outlined-error-caret-color: #f44336;
    --mat-form-field-outlined-error-focus-label-text-color: #f44336;
    --mat-form-field-outlined-error-label-text-color: #f44336;
    --mat-form-field-outlined-error-hover-label-text-color: #f44336;
    --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
    --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-error-focus-outline-color: #f44336;
    --mat-form-field-outlined-error-hover-outline-color: #f44336;
    --mat-form-field-outlined-error-outline-color: #f44336;
  }
  .mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #8bc34a 87%, transparent);
    --mat-form-field-filled-caret-color: #8bc34a;
    --mat-form-field-filled-focus-active-indicator-color: #8bc34a;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #8bc34a 87%, transparent);
    --mat-form-field-outlined-caret-color: #8bc34a;
    --mat-form-field-outlined-focus-outline-color: #8bc34a;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #8bc34a 87%, transparent);
  }
  .mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-filled-caret-color: #f44336;
    --mat-form-field-filled-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-outlined-caret-color: #f44336;
    --mat-form-field-outlined-focus-outline-color: #f44336;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  }
  html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  }
  html {
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: 0.03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: 0.0333333333em;
    --mat-form-field-subscript-text-weight: 400;
    --mat-form-field-filled-label-text-font: Roboto, sans-serif;
    --mat-form-field-filled-label-text-size: 16px;
    --mat-form-field-filled-label-text-tracking: 0.03125em;
    --mat-form-field-filled-label-text-weight: 400;
    --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
    --mat-form-field-outlined-label-text-size: 16px;
    --mat-form-field-outlined-label-text-tracking: 0.03125em;
    --mat-form-field-outlined-label-text-weight: 400;
  }
  html {
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #48a1ee;
    --mat-select-invalid-arrow-color: #f44336;
  }
  .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #8bc34a;
    --mat-select-invalid-arrow-color: #f44336;
  }
  .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #f44336;
    --mat-select-invalid-arrow-color: #f44336;
  }
  html {
    --mat-select-arrow-transform: translateY(-8px);
  }
  html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: 0.03125em;
    --mat-select-trigger-text-weight: 400;
  }
  html {
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-autocomplete-background-color: white;
  }
  html {
    --mat-dialog-container-shape: 4px;
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px;
  }
  html {
    --mat-dialog-container-color: white;
    --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
    --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  }
  html {
    --mat-dialog-subhead-font: Roboto, sans-serif;
    --mat-dialog-subhead-line-height: 32px;
    --mat-dialog-subhead-size: 20px;
    --mat-dialog-subhead-weight: 500;
    --mat-dialog-subhead-tracking: 0.0125em;
    --mat-dialog-supporting-text-font: Roboto, sans-serif;
    --mat-dialog-supporting-text-line-height: 24px;
    --mat-dialog-supporting-text-size: 16px;
    --mat-dialog-supporting-text-weight: 400;
    --mat-dialog-supporting-text-tracking: 0.03125em;
  }
  .mat-mdc-standard-chip {
    --mat-chip-container-shape-radius: 16px;
    --mat-chip-disabled-container-opacity: 0.4;
    --mat-chip-disabled-outline-color: transparent;
    --mat-chip-flat-selected-outline-width: 0;
    --mat-chip-focus-outline-color: transparent;
    --mat-chip-hover-state-layer-opacity: 0.04;
    --mat-chip-outline-color: transparent;
    --mat-chip-outline-width: 0;
    --mat-chip-selected-hover-state-layer-opacity: 0.04;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-opacity: 0.54;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-with-avatar-avatar-shape-radius: 14px;
    --mat-chip-with-avatar-avatar-size: 28px;
    --mat-chip-with-avatar-disabled-avatar-opacity: 1;
    --mat-chip-with-icon-disabled-icon-opacity: 1;
    --mat-chip-with-icon-icon-size: 18px;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  }
  .mat-mdc-standard-chip {
    --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-disabled-label-text-color: var(--color-text-800);
    --mat-chip-elevated-container-color: #48a1ee;
    --mat-chip-elevated-disabled-container-color: #48a1ee;
    --mat-chip-elevated-selected-container-color: #48a1ee;
    --mat-chip-flat-disabled-selected-container-color: #48a1ee;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: var(--color-text-800);
    --mat-chip-selected-disabled-trailing-icon-color: var(--color-text-800);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: var(--color-text-800);
    --mat-chip-selected-trailing-icon-color: var(--color-text-800);
    --mat-chip-with-icon-disabled-icon-color: var(--color-text-800);
    --mat-chip-with-icon-icon-color: var(--color-text-800);
    --mat-chip-with-icon-selected-icon-color: var(--color-text-800);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--color-text-800);
    --mat-chip-with-trailing-icon-trailing-icon-color: var(--color-text-800);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-elevated-container-color: #8bc34a;
    --mat-chip-elevated-disabled-container-color: #8bc34a;
    --mat-chip-elevated-selected-container-color: #8bc34a;
    --mat-chip-flat-disabled-selected-container-color: #8bc34a;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-disabled-label-text-color: white;
    --mat-chip-elevated-container-color: #f44336;
    --mat-chip-elevated-disabled-container-color: #f44336;
    --mat-chip-elevated-selected-container-color: #f44336;
    --mat-chip-flat-disabled-selected-container-color: #f44336;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: white;
    --mat-chip-selected-trailing-icon-color: white;
    --mat-chip-with-icon-disabled-icon-color: white;
    --mat-chip-with-icon-icon-color: white;
    --mat-chip-with-icon-selected-icon-color: white;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mat-chip-with-trailing-icon-trailing-icon-color: white;
  }
  .mat-mdc-chip.mat-mdc-standard-chip {
    --mat-chip-container-height: 32px;
  }
  .mat-mdc-standard-chip {
    --mat-chip-label-text-font: Roboto, sans-serif;
    --mat-chip-label-text-line-height: 20px;
    --mat-chip-label-text-size: 14px;
    --mat-chip-label-text-tracking: 0.0178571429em;
    --mat-chip-label-text-weight: 400;
  }
  html {
    --mat-slide-toggle-disabled-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
    --mat-slide-toggle-disabled-track-opacity: 0.12;
    --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
    --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
    --mat-slide-toggle-handle-height: 20px;
    --mat-slide-toggle-handle-shape: 10px;
    --mat-slide-toggle-handle-width: 20px;
    --mat-slide-toggle-hidden-track-opacity: 1;
    --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    --mat-slide-toggle-pressed-handle-size: 20px;
    --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-handle-size: 20px;
    --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
    --mat-slide-toggle-selected-icon-size: 18px;
    --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-track-outline-width: 1px;
    --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-track-height: 14px;
    --mat-slide-toggle-track-outline-width: 1px;
    --mat-slide-toggle-track-shape: 7px;
    --mat-slide-toggle-track-width: 36px;
    --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-handle-size: 20px;
    --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-icon-size: 18px;
    --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
    --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-visible-track-opacity: 1;
    --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
    --mat-slide-toggle-with-icon-handle-size: 20px;
    --mat-slide-toggle-touch-target-size: 48px;
  }
  html {
    --mat-slide-toggle-selected-icon-color: var(--color-text-800);
    --mat-slide-toggle-disabled-selected-icon-color: var(--color-text-800);
    --mat-slide-toggle-selected-focus-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-handle-color: #48a1ee;
    --mat-slide-toggle-selected-hover-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-focus-handle-color: #48a1ee;
    --mat-slide-toggle-selected-hover-handle-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-handle-color: #48a1ee;
    --mat-slide-toggle-selected-focus-track-color: #48a1ee;
    --mat-slide-toggle-selected-hover-track-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-track-color: #48a1ee;
    --mat-slide-toggle-selected-track-color: #48a1ee;
    --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
    --mat-slide-toggle-selected-track-outline-color: transparent;
    --mat-slide-toggle-track-outline-color: transparent;
    --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-handle-surface-color: white;
    --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-hover-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
    --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-pressed-handle-color: #424242;
    --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  }
  .mat-mdc-slide-toggle.mat-accent {
    --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-selected-focus-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-handle-color: #8bc34a;
    --mat-slide-toggle-selected-hover-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-pressed-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-focus-handle-color: #8bc34a;
    --mat-slide-toggle-selected-hover-handle-color: #8bc34a;
    --mat-slide-toggle-selected-pressed-handle-color: #8bc34a;
    --mat-slide-toggle-selected-focus-track-color: #aed581;
    --mat-slide-toggle-selected-hover-track-color: #aed581;
    --mat-slide-toggle-selected-pressed-track-color: #aed581;
    --mat-slide-toggle-selected-track-color: #aed581;
  }
  .mat-mdc-slide-toggle.mat-warn {
    --mat-slide-toggle-selected-icon-color: white;
    --mat-slide-toggle-disabled-selected-icon-color: white;
    --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
    --mat-slide-toggle-selected-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
    --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
    --mat-slide-toggle-selected-focus-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-handle-color: #f44336;
    --mat-slide-toggle-selected-pressed-handle-color: #f44336;
    --mat-slide-toggle-selected-focus-track-color: #e57373;
    --mat-slide-toggle-selected-hover-track-color: #e57373;
    --mat-slide-toggle-selected-pressed-track-color: #e57373;
    --mat-slide-toggle-selected-track-color: #e57373;
  }
  html {
    --mat-slide-toggle-state-layer-size: 40px;
    --mat-slide-toggle-touch-target-display: block;
  }
  html {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: 0.0178571429em;
    --mat-slide-toggle-label-text-weight: 400;
  }
  html .mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: 0.0178571429em;
    --mat-slide-toggle-label-text-weight: 400;
  }
  html {
    --mat-radio-disabled-selected-icon-opacity: 0.38;
    --mat-radio-disabled-unselected-icon-opacity: 0.38;
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-size: 48px;
  }
  .mat-mdc-radio-button.mat-primary {
    --mat-radio-checked-ripple-color: #48a1ee;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #48a1ee;
    --mat-radio-selected-hover-icon-color: #48a1ee;
    --mat-radio-selected-icon-color: #48a1ee;
    --mat-radio-selected-pressed-icon-color: #48a1ee;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-radio-button.mat-accent {
    --mat-radio-checked-ripple-color: #8bc34a;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #8bc34a;
    --mat-radio-selected-hover-icon-color: #8bc34a;
    --mat-radio-selected-icon-color: #8bc34a;
    --mat-radio-selected-pressed-icon-color: #8bc34a;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-radio-button.mat-warn {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
  }
  html {
    --mat-radio-label-text-font: Roboto, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: 0.0178571429em;
    --mat-radio-label-text-weight: 400;
  }
  html {
    --mat-slider-active-track-height: 6px;
    --mat-slider-active-track-shape: 9999px;
    --mat-slider-handle-height: 20px;
    --mat-slider-handle-shape: 50%;
    --mat-slider-handle-width: 20px;
    --mat-slider-inactive-track-height: 4px;
    --mat-slider-inactive-track-shape: 9999px;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-container-transform: translateX(-50%);
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-width: auto;
    --mat-slider-with-overlap-handle-outline-width: 1px;
    --mat-slider-with-tick-marks-active-container-opacity: 0.6;
    --mat-slider-with-tick-marks-container-shape: 50%;
    --mat-slider-with-tick-marks-container-size: 2px;
    --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
    --mat-slider-value-indicator-transform-origin: bottom;
  }
  html {
    --mat-slider-active-track-color: #48a1ee;
    --mat-slider-focus-handle-color: #48a1ee;
    --mat-slider-handle-color: #48a1ee;
    --mat-slider-hover-handle-color: #48a1ee;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #48a1ee 4%, transparent);
    --mat-slider-inactive-track-color: #48a1ee;
    --mat-slider-ripple-color: #48a1ee;
    --mat-slider-with-tick-marks-active-container-color: var(--color-text-800);
    --mat-slider-with-tick-marks-inactive-container-color: #48a1ee;
    --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
    --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
    --mat-slider-label-container-color: #424242;
    --mat-slider-label-label-text-color: white;
    --mat-slider-value-indicator-opacity: 1;
    --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
    --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  }
  .mat-accent {
    --mat-slider-active-track-color: #8bc34a;
    --mat-slider-focus-handle-color: #8bc34a;
    --mat-slider-handle-color: #8bc34a;
    --mat-slider-hover-handle-color: #8bc34a;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #8bc34a 4%, transparent);
    --mat-slider-inactive-track-color: #8bc34a;
    --mat-slider-ripple-color: #8bc34a;
    --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
    --mat-slider-with-tick-marks-inactive-container-color: #8bc34a;
  }
  .mat-warn {
    --mat-slider-active-track-color: #f44336;
    --mat-slider-focus-handle-color: #f44336;
    --mat-slider-handle-color: #f44336;
    --mat-slider-hover-handle-color: #f44336;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-slider-inactive-track-color: #f44336;
    --mat-slider-ripple-color: #f44336;
    --mat-slider-with-tick-marks-active-container-color: white;
    --mat-slider-with-tick-marks-inactive-container-color: #f44336;
  }
  html {
    --mat-slider-label-label-text-font: Roboto, sans-serif;
    --mat-slider-label-label-text-size: 14px;
    --mat-slider-label-label-text-line-height: 22px;
    --mat-slider-label-label-text-tracking: 0.0071428571em;
    --mat-slider-label-label-text-weight: 500;
  }
  html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
    --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: 0.03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400;
  }
  html {
    --mat-list-active-indicator-shape: 4px;
    --mat-list-list-item-container-shape: 0;
    --mat-list-list-item-leading-avatar-shape: 50%;
    --mat-list-list-item-leading-icon-size: 24px;
    --mat-list-list-item-leading-avatar-size: 40px;
    --mat-list-list-item-trailing-icon-size: 24px;
    --mat-list-list-item-disabled-state-layer-opacity: 0;
    --mat-list-list-item-disabled-label-text-opacity: 0.38;
    --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
    --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  }
  html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-list-item-container-color: transparent;
    --mat-list-list-item-selected-container-color: transparent;
    --mat-list-list-item-leading-avatar-color: transparent;
    --mat-list-list-item-disabled-state-layer-color: transparent;
    --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-state-layer-opacity: 0.04;
    --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-focus-state-layer-opacity: 0.12;
  }
  .mdc-list-item__start,
  .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #48a1ee;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #48a1ee;
    --mat-radio-selected-hover-icon-color: #48a1ee;
    --mat-radio-selected-icon-color: #48a1ee;
    --mat-radio-selected-pressed-icon-color: #48a1ee;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-accent .mdc-list-item__start,
  .mat-accent .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #8bc34a;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #8bc34a;
    --mat-radio-selected-hover-icon-color: #8bc34a;
    --mat-radio-selected-icon-color: #8bc34a;
    --mat-radio-selected-pressed-icon-color: #8bc34a;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-warn .mdc-list-item__start,
  .mat-warn .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: var(--color-text-800);
    --mat-checkbox-selected-focus-icon-color: #48a1ee;
    --mat-checkbox-selected-hover-icon-color: #48a1ee;
    --mat-checkbox-selected-icon-color: #48a1ee;
    --mat-checkbox-selected-pressed-icon-color: #48a1ee;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #48a1ee;
    --mat-checkbox-selected-hover-state-layer-color: #48a1ee;
    --mat-checkbox-selected-pressed-state-layer-color: #48a1ee;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option.mat-accent {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-selected-focus-icon-color: #8bc34a;
    --mat-checkbox-selected-hover-icon-color: #8bc34a;
    --mat-checkbox-selected-icon-color: #8bc34a;
    --mat-checkbox-selected-pressed-icon-color: #8bc34a;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #8bc34a;
    --mat-checkbox-selected-hover-state-layer-color: #8bc34a;
    --mat-checkbox-selected-pressed-state-layer-color: #8bc34a;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option.mat-warn {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #48a1ee;
  }
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1;
  }
  html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px;
    --mat-list-list-item-one-line-container-height: 48px;
    --mat-list-list-item-two-line-container-height: 64px;
    --mat-list-list-item-three-line-container-height: 88px;
  }
  .mdc-list-item__start,
  .mdc-list-item__end {
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
  }
  .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px;
  }
  .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px;
  }
  html {
    --mat-list-list-item-label-text-font: Roboto, sans-serif;
    --mat-list-list-item-label-text-line-height: 24px;
    --mat-list-list-item-label-text-size: 16px;
    --mat-list-list-item-label-text-tracking: 0.03125em;
    --mat-list-list-item-label-text-weight: 400;
    --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mat-list-list-item-supporting-text-line-height: 20px;
    --mat-list-list-item-supporting-text-size: 14px;
    --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
    --mat-list-list-item-supporting-text-weight: 400;
    --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mat-list-list-item-trailing-supporting-text-line-height: 20px;
    --mat-list-list-item-trailing-supporting-text-size: 12px;
    --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
    --mat-list-list-item-trailing-supporting-text-weight: 400;
  }
  .mdc-list-group__subheader {
    font: 400 16px / 28px Roboto, sans-serif;
    letter-spacing: 0.009375em;
  }
  html {
    --mat-paginator-page-size-select-width: 84px;
    --mat-paginator-page-size-select-touch-target-height: 48px;
  }
  html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
    --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block;
  }
  html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: 0.0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px;
  }
  html {
    --mat-tab-container-height: 48px;
    --mat-tab-divider-color: transparent;
    --mat-tab-divider-height: 0;
    --mat-tab-active-indicator-height: 2px;
    --mat-tab-active-indicator-shape: 0;
  }
  .mat-mdc-tab-group,
  .mat-mdc-tab-nav-bar {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #48a1ee;
    --mat-tab-active-ripple-color: #48a1ee;
    --mat-tab-inactive-ripple-color: #48a1ee;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #48a1ee;
    --mat-tab-active-hover-label-text-color: #48a1ee;
    --mat-tab-active-focus-indicator-color: #48a1ee;
    --mat-tab-active-hover-indicator-color: #48a1ee;
    --mat-tab-active-indicator-color: #48a1ee;
  }
  .mat-mdc-tab-group.mat-accent,
  .mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #8bc34a;
    --mat-tab-active-ripple-color: #8bc34a;
    --mat-tab-inactive-ripple-color: #8bc34a;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #8bc34a;
    --mat-tab-active-hover-label-text-color: #8bc34a;
    --mat-tab-active-focus-indicator-color: #8bc34a;
    --mat-tab-active-hover-indicator-color: #8bc34a;
    --mat-tab-active-indicator-color: #8bc34a;
  }
  .mat-mdc-tab-group.mat-warn,
  .mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #f44336;
    --mat-tab-active-ripple-color: #f44336;
    --mat-tab-inactive-ripple-color: #f44336;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #f44336;
    --mat-tab-active-hover-label-text-color: #f44336;
    --mat-tab-active-focus-indicator-color: #f44336;
    --mat-tab-active-hover-indicator-color: #f44336;
    --mat-tab-active-indicator-color: #f44336;
  }
  .mat-mdc-tab-group.mat-background-primary,
  .mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-background-color: #48a1ee;
    --mat-tab-foreground-color: var(--color-text-800);
  }
  .mat-mdc-tab-group.mat-background-accent,
  .mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-background-color: #8bc34a;
    --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-tab-group.mat-background-warn,
  .mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-background-color: #f44336;
    --mat-tab-foreground-color: white;
  }
  .mat-mdc-tab-header {
    --mat-tab-container-height: 48px;
  }
  .mat-mdc-tab-header {
    --mat-tab-label-text-font: Roboto, sans-serif;
    --mat-tab-label-text-size: 14px;
    --mat-tab-label-text-tracking: 0.0892857143em;
    --mat-tab-label-text-line-height: 36px;
    --mat-tab-label-text-weight: 500;
  }
  html {
    --mat-checkbox-disabled-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
    --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
    --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
    --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
    --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
    --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
    --mat-checkbox-touch-target-size: 48px;
  }
  html {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-selected-focus-icon-color: #8bc34a;
    --mat-checkbox-selected-hover-icon-color: #8bc34a;
    --mat-checkbox-selected-icon-color: #8bc34a;
    --mat-checkbox-selected-pressed-icon-color: #8bc34a;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #8bc34a;
    --mat-checkbox-selected-hover-state-layer-color: #8bc34a;
    --mat-checkbox-selected-pressed-state-layer-color: #8bc34a;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-checkbox.mat-primary {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: var(--color-text-800);
    --mat-checkbox-selected-focus-icon-color: #48a1ee;
    --mat-checkbox-selected-hover-icon-color: #48a1ee;
    --mat-checkbox-selected-icon-color: #48a1ee;
    --mat-checkbox-selected-pressed-icon-color: #48a1ee;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #48a1ee;
    --mat-checkbox-selected-hover-state-layer-color: #48a1ee;
    --mat-checkbox-selected-pressed-state-layer-color: #48a1ee;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-checkbox.mat-warn {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-checkbox-touch-target-display: block;
    --mat-checkbox-state-layer-size: 40px;
  }
  html {
    --mat-checkbox-label-text-font: Roboto, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: 0.0178571429em;
    --mat-checkbox-label-text-weight: 400;
  }
  html {
    --mat-button-filled-container-shape: 4px;
    --mat-button-filled-horizontal-padding: 16px;
    --mat-button-filled-icon-offset: -4px;
    --mat-button-filled-icon-spacing: 8px;
    --mat-button-filled-touch-target-size: 48px;
    --mat-button-outlined-container-shape: 4px;
    --mat-button-outlined-horizontal-padding: 15px;
    --mat-button-outlined-icon-offset: -4px;
    --mat-button-outlined-icon-spacing: 8px;
    --mat-button-outlined-keep-touch-target: false;
    --mat-button-outlined-outline-width: 1px;
    --mat-button-outlined-touch-target-size: 48px;
    --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-container-shape: 4px;
    --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-horizontal-padding: 16px;
    --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-icon-offset: -4px;
    --mat-button-protected-icon-spacing: 8px;
    --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-button-protected-touch-target-size: 48px;
    --mat-button-text-container-shape: 4px;
    --mat-button-text-horizontal-padding: 8px;
    --mat-button-text-icon-offset: 0;
    --mat-button-text-icon-spacing: 8px;
    --mat-button-text-with-icon-horizontal-padding: 8px;
    --mat-button-text-touch-target-size: 48px;
    --mat-button-tonal-container-shape: 4px;
    --mat-button-tonal-horizontal-padding: 16px;
    --mat-button-tonal-icon-offset: -4px;
    --mat-button-tonal-icon-spacing: 8px;
    --mat-button-tonal-touch-target-size: 48px;
  }
  html {
    --mat-button-filled-container-color: white;
    --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-filled-focus-state-layer-opacity: 0.12;
    --mat-button-filled-hover-state-layer-opacity: 0.04;
    --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-filled-pressed-state-layer-opacity: 0.12;
    --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-outlined-focus-state-layer-opacity: 0.12;
    --mat-button-outlined-hover-state-layer-opacity: 0.04;
    --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-pressed-state-layer-opacity: 0.12;
    --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-container-color: white;
    --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-protected-focus-state-layer-opacity: 0.12;
    --mat-button-protected-hover-state-layer-opacity: 0.04;
    --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-pressed-state-layer-opacity: 0.12;
    --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-text-focus-state-layer-opacity: 0.12;
    --mat-button-text-hover-state-layer-opacity: 0.04;
    --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-pressed-state-layer-opacity: 0.12;
    --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-container-color: white;
    --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-tonal-focus-state-layer-opacity: 0.12;
    --mat-button-tonal-hover-state-layer-opacity: 0.04;
    --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-pressed-state-layer-opacity: 0.12;
    --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-button.mat-primary,
  .mat-mdc-unelevated-button.mat-primary,
  .mat-mdc-raised-button.mat-primary,
  .mat-mdc-outlined-button.mat-primary,
  .mat-tonal-button.mat-primary {
    --mat-button-filled-container-color: #48a1ee;
    --mat-button-filled-label-text-color: var(--color-text-800);
    --mat-button-filled-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-filled-state-layer-color: var(--color-text-800);
    --mat-button-outlined-label-text-color: #48a1ee;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-button-outlined-state-layer-color: #48a1ee;
    --mat-button-protected-container-color: #48a1ee;
    --mat-button-protected-label-text-color: var(--color-text-800);
    --mat-button-protected-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-protected-state-layer-color: var(--color-text-800);
    --mat-button-text-label-text-color: #48a1ee;
    --mat-button-text-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-button-text-state-layer-color: #48a1ee;
    --mat-button-tonal-container-color: #48a1ee;
    --mat-button-tonal-label-text-color: var(--color-text-800);
    --mat-button-tonal-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-tonal-state-layer-color: var(--color-text-800);
  }
  .mat-mdc-button.mat-accent,
  .mat-mdc-unelevated-button.mat-accent,
  .mat-mdc-raised-button.mat-accent,
  .mat-mdc-outlined-button.mat-accent,
  .mat-tonal-button.mat-accent {
    --mat-button-filled-container-color: #8bc34a;
    --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-label-text-color: #8bc34a;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-button-outlined-state-layer-color: #8bc34a;
    --mat-button-protected-container-color: #8bc34a;
    --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-label-text-color: #8bc34a;
    --mat-button-text-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-button-text-state-layer-color: #8bc34a;
    --mat-button-tonal-container-color: #8bc34a;
    --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-button.mat-warn,
  .mat-mdc-unelevated-button.mat-warn,
  .mat-mdc-raised-button.mat-warn,
  .mat-mdc-outlined-button.mat-warn,
  .mat-tonal-button.mat-warn {
    --mat-button-filled-container-color: #f44336;
    --mat-button-filled-label-text-color: white;
    --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-filled-state-layer-color: white;
    --mat-button-outlined-label-text-color: #f44336;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-outlined-state-layer-color: #f44336;
    --mat-button-protected-container-color: #f44336;
    --mat-button-protected-label-text-color: white;
    --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-protected-state-layer-color: white;
    --mat-button-text-label-text-color: #f44336;
    --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-text-state-layer-color: #f44336;
    --mat-button-tonal-container-color: #f44336;
    --mat-button-tonal-label-text-color: white;
    --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-tonal-state-layer-color: white;
  }
  html {
    --mat-button-filled-container-height: 36px;
    --mat-button-filled-touch-target-display: block;
    --mat-button-outlined-container-height: 36px;
    --mat-button-outlined-touch-target-display: block;
    --mat-button-protected-container-height: 36px;
    --mat-button-protected-touch-target-display: block;
    --mat-button-text-container-height: 36px;
    --mat-button-text-touch-target-display: block;
    --mat-button-tonal-container-height: 36px;
    --mat-button-tonal-touch-target-display: block;
  }
  html {
    --mat-button-filled-label-text-font: Roboto, sans-serif;
    --mat-button-filled-label-text-size: 14px;
    --mat-button-filled-label-text-tracking: 0.0892857143em;
    --mat-button-filled-label-text-transform: none;
    --mat-button-filled-label-text-weight: 500;
    --mat-button-outlined-label-text-font: Roboto, sans-serif;
    --mat-button-outlined-label-text-size: 14px;
    --mat-button-outlined-label-text-tracking: 0.0892857143em;
    --mat-button-outlined-label-text-transform: none;
    --mat-button-outlined-label-text-weight: 500;
    --mat-button-protected-label-text-font: Roboto, sans-serif;
    --mat-button-protected-label-text-size: 14px;
    --mat-button-protected-label-text-tracking: 0.0892857143em;
    --mat-button-protected-label-text-transform: none;
    --mat-button-protected-label-text-weight: 500;
    --mat-button-text-label-text-font: Roboto, sans-serif;
    --mat-button-text-label-text-size: 14px;
    --mat-button-text-label-text-tracking: 0.0892857143em;
    --mat-button-text-label-text-transform: none;
    --mat-button-text-label-text-weight: 500;
    --mat-button-tonal-label-text-font: Roboto, sans-serif;
    --mat-button-tonal-label-text-size: 14px;
    --mat-button-tonal-label-text-tracking: 0.0892857143em;
    --mat-button-tonal-label-text-transform: none;
    --mat-button-tonal-label-text-weight: 500;
  }
  html {
    --mat-icon-button-icon-size: 24px;
    --mat-icon-button-container-shape: 50%;
    --mat-icon-button-touch-target-size: 48px;
  }
  html {
    --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-icon-button-focus-state-layer-opacity: 0.12;
    --mat-icon-button-hover-state-layer-opacity: 0.04;
    --mat-icon-button-icon-color: inherit;
    --mat-icon-button-pressed-state-layer-opacity: 0.12;
    --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-icon-color: #48a1ee;
    --mat-icon-button-state-layer-color: #48a1ee;
    --mat-icon-button-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
  }
  .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-icon-color: #8bc34a;
    --mat-icon-button-state-layer-color: #8bc34a;
    --mat-icon-button-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
  }
  .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-icon-color: #f44336;
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  }
  html {
    --mat-icon-button-touch-target-display: block;
  }
  .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    --mat-icon-button-state-layer-size: 48px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 12px;
  }
  html {
    --mat-fab-container-shape: 50%;
    --mat-fab-touch-target-size: 48px;
    --mat-fab-extended-container-height: 48px;
    --mat-fab-extended-container-shape: 24px;
    --mat-fab-small-container-shape: 50%;
    --mat-fab-small-touch-target-size: 48px;
  }
  html {
    --mat-fab-container-color: white;
    --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-fab-focus-state-layer-opacity: 0.12;
    --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-hover-state-layer-opacity: 0.04;
    --mat-fab-pressed-state-layer-opacity: 0.12;
    --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-container-color: white;
    --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-fab-small-focus-state-layer-opacity: 0.12;
    --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-small-hover-state-layer-opacity: 0.04;
    --mat-fab-small-pressed-state-layer-opacity: 0.12;
    --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
    --mat-fab-container-color: #48a1ee;
    --mat-fab-foreground-color: var(--color-text-800);
    --mat-fab-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-fab-small-container-color: #48a1ee;
    --mat-fab-small-foreground-color: var(--color-text-800);
    --mat-fab-small-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-fab-small-state-layer-color: var(--color-text-800);
    --mat-fab-state-layer-color: var(--color-text-800);
  }
  .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
    --mat-fab-container-color: #8bc34a;
    --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-fab-small-container-color: #8bc34a;
    --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
    --mat-fab-container-color: #f44336;
    --mat-fab-foreground-color: white;
    --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-fab-small-container-color: #f44336;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-fab-small-state-layer-color: white;
    --mat-fab-state-layer-color: white;
  }
  html {
    --mat-fab-small-touch-target-display: block;
    --mat-fab-touch-target-display: block;
  }
  html {
    --mat-fab-extended-label-text-font: Roboto, sans-serif;
    --mat-fab-extended-label-text-size: 14px;
    --mat-fab-extended-label-text-tracking: 0.0892857143em;
    --mat-fab-extended-label-text-weight: 500;
  }
  html {
    --mat-snack-bar-container-shape: 4px;
  }
  html {
    --mat-snack-bar-container-color: #424242;
    --mat-snack-bar-supporting-text-color: white;
    --mat-snack-bar-button-color: #48a1ee;
  }
  html {
    --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
    --mat-snack-bar-supporting-text-line-height: 20px;
    --mat-snack-bar-supporting-text-size: 14px;
    --mat-snack-bar-supporting-text-weight: 400;
  }
  html {
    --mat-table-row-item-outline-width: 1px;
  }
  html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
  }
  html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: 0.0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: 0.0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  }
  html {
    --mat-progress-spinner-active-indicator-width: 4px;
    --mat-progress-spinner-size: 48px;
  }
  html {
    --mat-progress-spinner-active-indicator-color: #48a1ee;
  }
  .mat-accent {
    --mat-progress-spinner-active-indicator-color: #8bc34a;
  }
  .mat-warn {
    --mat-progress-spinner-active-indicator-color: #f44336;
  }
  html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0;
  }
  html {
    --mat-badge-background-color: #48a1ee;
    --mat-badge-text-color: var(--color-text-800);
    --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-badge-accent {
    --mat-badge-background-color: #8bc34a;
    --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white;
  }
  html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px;
  }
  html {
    --mat-bottom-sheet-container-shape: 4px;
  }
  html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-bottom-sheet-container-background-color: white;
  }
  html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
    --mat-bottom-sheet-container-text-weight: 400;
  }
  html {
    --mat-button-toggle-focus-state-layer-opacity: 0.12;
    --mat-button-toggle-hover-state-layer-opacity: 0.04;
    --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
    --mat-button-toggle-legacy-height: 36px;
    --mat-button-toggle-legacy-shape: 2px;
    --mat-button-toggle-shape: 4px;
  }
  html {
    --mat-button-toggle-background-color: white;
    --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-disabled-state-background-color: white;
    --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
    --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-disabled-state-background-color: white;
    --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-button-toggle-height: 48px;
  }
  html {
    --mat-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-button-toggle-label-text-line-height: 24px;
    --mat-button-toggle-label-text-size: 16px;
    --mat-button-toggle-label-text-tracking: 0.03125em;
    --mat-button-toggle-label-text-weight: 400;
    --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
    --mat-button-toggle-legacy-label-text-line-height: 24px;
    --mat-button-toggle-legacy-label-text-size: 16px;
    --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
    --mat-button-toggle-legacy-label-text-weight: 400;
  }
  html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #48a1ee 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: var(--color-text-800);
    --mat-datepicker-calendar-date-selected-state-background-color: #48a1ee;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #48a1ee 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--color-text-800);
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #48a1ee 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #48a1ee;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-selected-state-background-color: #8bc34a;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #8bc34a 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #8bc34a 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #8bc34a;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #f44336;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-calendar-controls {
    --mat-icon-button-touch-target-display: none;
  }
  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    --mat-icon-button-state-layer-size: 40px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 8px;
  }
  html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400;
  }
  html {
    --mat-divider-width: 1px;
  }
  html {
    --mat-divider-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none;
  }
  html {
    --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
    --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  }
  html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
  }
  html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: 0.0178571429em;
    --mat-expansion-container-text-weight: 400;
  }
  html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px;
  }
  html {
    --mat-icon-color: inherit;
  }
  .mat-icon.mat-primary {
    --mat-icon-color: #48a1ee;
  }
  .mat-icon.mat-accent {
    --mat-icon-color: #8bc34a;
  }
  .mat-icon.mat-warn {
    --mat-icon-color: #f44336;
  }
  html {
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-width: auto;
  }
  html {
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  }
  html {
    --mat-stepper-header-focus-state-layer-shape: 4px;
    --mat-stepper-header-hover-state-layer-shape: 4px;
  }
  html {
    --mat-stepper-header-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-selected-state-icon-background-color: #48a1ee;
    --mat-stepper-header-selected-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-done-state-icon-background-color: #48a1ee;
    --mat-stepper-header-done-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-edit-state-icon-background-color: #48a1ee;
    --mat-stepper-header-edit-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
    --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent;
  }
  .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-selected-state-icon-background-color: #8bc34a;
    --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-done-state-icon-background-color: #8bc34a;
    --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-edit-state-icon-background-color: #8bc34a;
    --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  }
  .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
  }
  html {
    --mat-stepper-header-height: 72px;
  }
  html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400;
  }
  html {
    --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-toolbar-container-background-color: white;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #48a1ee;
    --mat-toolbar-container-text-color: var(--color-text-800);
  }
  .mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #8bc34a;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white;
  }
  html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
  }
  html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: 0.0125em;
    --mat-toolbar-title-text-weight: 500;
  }
  html {
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-tree-node-min-height: 48px;
  }
  html {
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
  }
  html {
    --mat-timepicker-container-shape: 4px;
  }
  html {
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-timepicker-container-background-color: white;
  }
  .chip-widget {
    padding: calc(0.25 * var(--spacing)) var(--spacing);
    border-radius: calc(0.75 * var(--spacing));
  }
  :root {
    --mdc-theme-error: var(--color-theme-warn);
    --mat-sidenav-content-background-color: rgb(var(--color-bg-180-rgb));
    --mat-sidenav-container-background-color: rgb(var(--color-bg-180-rgb));
  }
  .mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: var(--color-text-white);
    --mdc-checkbox-unselected-icon-color: var(--color-text-400);
    --mdc-checkbox-unselected-focus-icon-color: var(--color-text-400);
    --mdc-checkbox-unselected-hover-icon-color: var(--color-text-400);
  }
  .mat-unthemed {
    --mdc-text-button-label-text-color: var(--color-text-800) !important;
  }
  .mat-datepicker-content,
  .mat-mdc-datepicker-content {
    background-color: var(--color-bg-290) !important;
  }
  .mat-calendar-body-selected,
  .mat-mdc-calendar-body-selected {
    background-color: var(--color-primary) !important;
  }
  .mat-calendar-table-header,
  .mat-mdc-calendar-table-header,
  .mat-calendar-body-label,
  .mat-mdc-calendar-body-label,
  .mat-calendar-body-cell-content,
  .mat-mdc-calendar-body-cell-content {
    color: var(--color-text-800) !important;
  }
  .mat-calendar-body-cell-content.mat-calendar-body-selected {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
  }
  .mat-calendar-table-header span {
    color: var(--color-text-800) !important;
  }
  .mat-calendar-body-disabled .mat-calendar-body-cell-content {
    color: var(--color-text-400) !important;
  }
  .mat-datepicker-toggle,
  .mat-datepicker-content .mat-calendar-next-button,
  .mat-datepicker-content .mat-calendar-previous-button {
    color: var(--color-primary);
  }
  .menu-execute-calendar .mat-calendar-controls,
  .menu-execute-calendar .mat-mdc-calendar-controls {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }
  .menu-execute-calendar .mdc-button__label {
    color: var(--color-text-800) !important;
  }
  .menu-execute-calendar .mat-calendar-arrow {
    fill: var(--color-primary) !important;
  }
  .menu-execute-calendar .mat-calendar-period-button:hover {
    background-color: rgba(var(--color-bg-standard-hover-rgb));
  }
  .menu-execute-calendar .mat-calendar-header {
    padding: 0 !important;
  }
  .mat-calendar-arrow {
    fill: var(--color-primary);
  }
  .mat-calendar-table-header-divider::after {
    background: var(--color-line-230);
  }
  .mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-disabled-icon-color: var(--color-text-400) !important;
  }
  .mat-form-field.mat-mdc-focused .mat-form-field-ripple,
  .mat-form-field.mat-mdc-focused .mat-mdc-form-field-ripple,
  .mat-mdc-form-field.mat-mdc-focused .mat-form-field-ripple,
  .mat-mdc-form-field.mat-mdc-focused .mat-mdc-form-field-ripple {
    background-color: var(--color-primary);
  }
  .mat-checkbox > label > .mat-checkbox-label,
  .mat-checkbox > label > .mat-mdc-checkbox-label,
  .mat-mdc-checkbox > label > .mat-checkbox-label,
  .mat-mdc-checkbox > label > .mat-mdc-checkbox-label {
    white-space: normal;
  }
  .mat-checkbox-background,
  .mat-mdc-checkbox-background,
  .mat-checkbox-frame,
  .mat-mdc-checkbox-frame {
    border-radius: 3px !important;
  }
  .mat-checkbox-checkmark,
  .mat-mdc-checkbox-checkmark {
    fill: transparent !important;
  }
  .mat-checkbox-checkmark-path,
  .mat-mdc-checkbox-checkmark-path {
    stroke: var(--color-text-white) !important;
    stroke-width: 3px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  .mat-form-field.mat-mdc-form-field-invalid .mat-form-field-label,
  .mat-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label,
  .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-form-field-label,
  .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label {
    color: var(--color-warn);
  }
  .mat-form-field .mat-form-field-subscript-wrapper,
  .mat-form-field .mat-mdc-form-field-underline,
  .mat-form-field .mat-form-field-subscript-wrapper,
  .mat-form-field .mat-mdc-form-field-underline,
  .mat-mdc-form-field .mat-form-field-subscript-wrapper,
  .mat-mdc-form-field .mat-mdc-form-field-underline,
  .mat-mdc-form-field .mat-form-field-subscript-wrapper,
  .mat-mdc-form-field .mat-mdc-form-field-underline {
    position: initial;
  }
  .mat-form-field-required-marker::after,
  .mat-mdc-form-field-required-marker::after {
    display: none !important;
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--color-text-800);
  }
  .mat-mdc-text-field-wrapper,
  .mat-mdc-form-field-flex,
  .mat-mdc-form-field-focus-overlay {
    background-color: transparent !important;
  }
  .mat-mdc-form-field-error-wrapper,
  .mat-mdc-text-field-wrapper {
    padding-left: 0px !important;
  }
  .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: unset !important;
    bottom: 0px;
  }
  .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-1.5em) scale(0.75) !important;
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-text-400) !important;
  }
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-primary) !important;
  }
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-warn) !important;
  }
  .mat-mdc-form-field-icon-suffix {
    padding-top: 24px !important;
  }
  .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after,
  .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
  .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
    border-bottom-color: var(--color-line-230);
  }
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--color-warn) !important;
  }
  .mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-color: var(--color-primary) !important;
  }
  .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    color: var(--color-text-white);
  }
  .reach-tooltip div {
    background-color: var(--light-color-text-800);
    color: var(--color-text-white);
  }
  .cdk-table-widget cdk-row,
  .cdk-table-widget cdk-header-row,
  .cdk-table-widget cdk-footer-row {
    padding: calc(1.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    gap: calc(2 * var(--spacing));
  }
  .cdk-table-widget cdk-cell,
  .cdk-table-widget cdk-header-cell,
  .cdk-table-widget cdk-footer-cell {
    flex: 1 1;
  }
  .cdk-table-widget cdk-cell.double,
  .cdk-table-widget cdk-header-cell.double,
  .cdk-table-widget cdk-footer-cell.double {
    flex-grow: 2;
  }
  .cdk-table-widget cdk-cell,
  .cdk-table-widget cdk-header-cell,
  .cdk-table-widget cdk-footer-cell {
    overflow: hidden;
  }
  .cdk-table-widget cdk-cell.fixed,
  .cdk-table-widget cdk-header-cell.fixed,
  .cdk-table-widget cdk-footer-cell.fixed {
    flex: 0 0 auto;
  }
  .cdk-table-widget cdk-header-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-text-400);
  }
  .cdk-table-widget cdk-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .cdk-table-widget.small-spacing cdk-row,
  .cdk-table-widget.small-spacing cdk-header-row,
  .cdk-table-widget.small-spacing cdk-footer-row {
    padding: var(--spacing) calc(2 * var(--spacing));
    gap: calc(2 * var(--spacing));
  }
  .mat-drawer-container {
    will-change: transform;
  }
  .mat-drawer {
    will-change: transform;
    transform: translateZ(0); /* Force GPU acceleration */
  }
  .mat-drawer-backdrop {
    will-change: opacity;
    transform: translateZ(0);
  }
  /* The pane must not take the click; the menu inside still does.
     This was a global rule on the message timeline, so every overlay pane already got it once that component had loaded. */
  .cdk-overlay-pane {
    pointer-events: none;
  }
  .cdk-overlay-pane > * {
    pointer-events: auto;
  }
  /* Temperature slider in the custom prompt editor. Hook stays on that mat-slider. */
  .reach-custom-prompt-slider {
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-color: var(--color-text-400);
    --mdc-slider-active-track-color: var(--color-text-800);
    --mdc-slider-handle-color: var(--color-text-800);
  }
  .reach-custom-prompt-slider .mdc-slider__thumb {
    height: 20px !important;
    padding-left: 8px !important;
  }
  .reach-custom-prompt-slider .mdc-slider__thumb-knob {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--color-text-800) !important;
    background-color: var(--color-bg-190) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  .reach-custom-prompt-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
    border-color: var(--color-text-800) !important;
  }
  .reach-custom-prompt-slider [matsliderthumb] {
    padding: 0 !important;
    left: -6px !important;
  }
  .reach-custom-prompt-slider mat-slider-visual-thumb .mat-ripple {
    display: none;
  }
  .reach-custom-prompt-slider mat-slider-visual-thumb {
    left: 0 !important;
    width: 0 !important;
  }
  .reach-custom-prompt-slider:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
  }
  /* Temperature slider in AI settings. Same track as the prompt editor, white knob and a shorter host. */
  .reach-ai-settings-slider {
    height: 22px !important;
    margin: 0 !important;
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-color: var(--color-text-400);
    --mdc-slider-active-track-color: var(--color-text-800);
    --mdc-slider-handle-color: var(--color-text-800);
  }
  .reach-ai-settings-slider .mdc-slider__thumb {
    height: 20px !important;
    padding-left: 8px !important;
  }
  .reach-ai-settings-slider .mdc-slider__thumb-knob {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--color-text-800) !important;
    background-color: white !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  .reach-ai-settings-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
    border-color: var(--color-text-800) !important;
  }
  .reach-ai-settings-slider [matsliderthumb] {
    padding: 0 !important;
    left: -6px !important;
  }
  .reach-ai-settings-slider mat-slider-visual-thumb .mat-ripple {
    display: none;
  }
  .reach-ai-settings-slider mat-slider-visual-thumb {
    left: 0 !important;
    width: 0 !important;
  }
  .reach-ai-settings-slider .mdc-slider__track--inactive {
    background: rgb(var(--color-bg-460-rgb)) !important;
  }
  .reach-ai-settings-slider .mdc-slider__track--active_fill {
    border-color: rgb(var(--color-text-800-rgb)) !important;
  }
  .reach-ai-settings-slider:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
  }
  /* Date range calendar on the statistics page. */
  .reach-statistics-calendar {
    width: 264px;
    padding: calc(var(--spacing) * 0.5) var(--spacing);
  }
  .reach-statistics-calendar .mat-calendar-controls {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
  }
  .reach-statistics-calendar .mat-calendar-header {
    padding: 0 !important;
  }
  .reach-statistics-calendar .mat-calendar-period-button {
    margin: 0 !important;
    height: auto !important;
    padding: 4px 8px;
  }
  .reach-statistics-calendar .mat-calendar-body-disabled > span {
    color: var(--color-text-400) !important;
  }
  .spin-loader {
    border-radius: 80%;
    display: block;
    height: 50px;
    width: 50px;
    position: relative;
    animation: spin 0.675s linear 0s infinite normal;
    background: #26a69a;
  }
  .spin-loader:before, .spin-loader:after {
    content: "";
    display: block;
    position: absolute;
  }
  .spin-loader:before {
    border-radius: 0 90px 90px 0;
    height: 50px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: #005041;
    background-image: linear-gradient(#26a69a, #005041);
  }
  .spin-loader:after {
    border-radius: 80%;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #009688;
  }
  .loader-hidden {
    animation: loader-hidden-fade 800ms 800ms ease-in-out forwards;
  }
  .loader {
    width: auto;
    opacity: 1;
    margin-right: 8px;
    transform: translateX(0);
  }
  .loader.hidden {
    animation: loader-hide 800ms 800ms ease-in-out forwards;
  }
  .container-skeleton {
    animation: skeleton-enter 600ms ease-in-out forwards;
  }
  .options {
    animation: options-fade-in 600ms 300ms ease-in-out forwards;
  }
  .sticky-header-border-enter {
    animation: sticky-header-border-enter 400ms ease-out both;
  }
  .reveal-up-blur-scale-800 {
    animation: enter-up 800ms ease both;
  }
  .reveal-scale-in {
    animation: enter-scale 800ms ease both;
  }
  .hide-up-fast {
    animation: leave-up-fast 400ms ease both;
  }
  .hide-collapse-horizontal {
    animation: leave-opacity-1-to-0 400ms ease both;
  }
  .hide-fade-500 {
    animation: leave-opacity-1-to-0-500 400ms ease both;
  }
  .show-fade-500 {
    animation: show-opacity-0-to-1-500 400ms ease both;
  }
  .hide-down-fast {
    animation: leave-up-bottom-fast 400ms ease both;
  }
  .reveal-system-message {
    animation: system-message-enter 800ms 600ms ease both;
  }
  .reveal-message-container {
    animation: message-container-enter 1200ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .reveal-options {
    animation: options-enter 700ms 250ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-skeleton {
    interpolate-size: allow-keywords;
    animation: chat-msg-skeleton-enter 1600ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-options {
    animation: chat-msg-options-enter 700ms 250ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-suggested-questions-list {
    display: grid;
    grid-template-rows: 0fr;
    animation: suggested-questions-list-enter 600ms ease-in-out both;
  }
  .reveal-suggested-question {
    animation: suggested-question-enter 400ms ease-in-out both;
    animation-delay: calc(800ms + var(--question-index, 0) * 400ms);
  }
  .reveal-tool-item {
    overflow: hidden;
    animation: tool-item-enter 360ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(var(--tool-index, 0) * 160ms);
  }
  .reveal-source-card {
    animation: source-card-enter 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(260ms + var(--source-index, 0) * 300ms);
  }
  .reveal-sources-list {
    animation: sources-list-enter 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-source-title {
    animation: source-title-enter 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-options-after-sources {
    animation: chat-msg-options-enter 550ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(500ms + var(--sources-total, 0) * 140ms);
  }
  .hide-tools-panel {
    pointer-events: none;
    animation: tools-panel-leave calc(60ms * var(--tool-count, 1)) linear both;
    animation-delay: calc((var(--tool-count, 1) - var(--tool-index, 0) - 1) * 40ms);
    overflow: hidden;
  }
  .hide-tools-panel > chat-message-tool-item {
    animation: none;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: calc((var(--tool-count, 1) - var(--tool-index, 0) - 1) * 40ms);
  }
  .reveal-title-button {
    overflow: hidden;
    animation: title-button-enter 800ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-attachment-chip {
    animation: show-opacity-0-to-1-500 250ms ease both;
    animation-delay: calc(80ms + var(--attachment-index, 0) * 50ms);
  }
  .reveal-up-fast {
    animation: enter-up-fast 400ms ease both;
  }
  .reveal-header-title {
    animation: enter-header-title 800ms ease both;
  }
  .reveal-up-slow {
    animation: enter-up-fast 800ms ease both;
  }
  .reasoning-part-enter {
    animation: reasoning-crossfade 300ms ease-in-out both;
  }
  .reasoning-body-leave {
    animation: reasoning-body-leave 300ms ease both;
  }
  .reasoning-dropdown-enter {
    animation: reasoning-dropdown-enter 300ms ease both;
  }
  .reasoning-dropdown-leave {
    animation: reasoning-dropdown-leave 240ms ease both;
  }
  .reasoning-toggle-row-enter {
    animation: reasoning-toggle-row-enter 280ms ease both;
  }
  .reasoning-toggle-row-leave {
    animation: reasoning-toggle-row-leave 220ms ease both;
  }
  @keyframes enter-up {
    0% {
      opacity: 0;
      filter: blur(4px);
      transform: translateY(40px) scale(0.9);
    }
    50% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes enter-scale {
    0% {
      opacity: 0;
      transform: scale(0.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes leave-up-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  @keyframes leave-up-bottom-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes enter-up-fast {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes enter-header-title {
    0% {
      opacity: 0;
      filter: blur(3px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes leave-opacity-1-to-0 {
    0% {
      opacity: 1;
      width: auto;
      margin-left: 8px;
    }
    100% {
      opacity: 0;
      width: 0;
      margin-left: 0;
    }
  }
  @keyframes leave-opacity-1-to-0-500 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes show-opacity-0-to-1-500 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes system-message-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes message-container-enter {
    0% {
      opacity: 0;
      transform: translateY(30px);
      filter: blur(2px);
      min-height: max(0px, var(--message-enter-end-height, calc(100vh - 190px)) - var(--message-enter-start-height, 325px));
    }
    60% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
      min-height: var(--message-enter-end-height, calc(100vh - 190px));
    }
  }
  @keyframes options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes chat-msg-skeleton-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes chat-msg-options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes suggested-questions-list-enter {
    0% {
      grid-template-rows: 0fr;
      opacity: 0;
    }
    100% {
      grid-template-rows: 1fr;
      opacity: 1;
    }
  }
  @keyframes suggested-question-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
      filter: blur(2px);
    }
    60% {
      filter: blur(0);
    }
    100% {
      filter: blur(0);
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes tool-item-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 28px;
      transform: translateY(0);
    }
  }
  @keyframes source-card-enter {
    0% {
      opacity: 0;
      filter: blur(2px);
      max-height: 0;
      transform: translateY(-15px);
    }
    50% {
      max-height: 120px;
      filter: blur(0);
    }
    100% {
      opacity: 1;
      filter: blur(0);
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes source-title-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
      max-height: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      max-height: 18px;
      filter: blur(0);
    }
  }
  @keyframes tools-panel-leave {
    0% {
      opacity: 1;
      max-height: calc(var(--tool-count, 1) * 32px + 24px);
    }
    100% {
      opacity: 0;
      max-height: 0;
    }
  }
  @keyframes title-button-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 24px;
      transform: translateY(0);
    }
  }
  @keyframes sources-list-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes reasoning-crossfade {
    0% {
      opacity: 0;
      transform: translateY(8px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .reasoning-body-enter {
    opacity: 0;
    max-height: 0;
    animation: reasoning-body-enter 400ms ease both;
  }
  @keyframes reasoning-body-enter {
    0% {
      opacity: 0;
      max-height: 0;
      padding-top: 0;
    }
    60% {
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
    100% {
      opacity: 1;
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
  }
  @keyframes reasoning-body-leave {
    0% {
      opacity: 1;
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      max-height: 0;
      padding-top: 0;
    }
  }
  @keyframes reasoning-dropdown-enter {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes reasoning-dropdown-leave {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes reasoning-toggle-row-enter {
    0% {
      opacity: 0;
      transform: translateY(4px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes reasoning-toggle-row-leave {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-3px);
    }
  }
  @keyframes slide-fade-left {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(-16px);
    }
  }
  .slide-fade-left-400 {
    animation: slide-fade-left 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  :root {
    color-scheme: light dark;
    --z-index-max: 2147483647;
  }
  html,
  body {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    touch-action: none !important;
    -webkit-overflow-scrolling: touch;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .dis-b, .dis-block,
  .display-b,
  .display-block {
    display: block;
  }
  .dis-n, .dis-none,
  .display-n,
  .display-none {
    display: none;
  }
  @property --scrollbar-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #808080;
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 12px;
    border: solid 2px transparent;
    background-color: var(--scrollbar-color);
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    border: 0;
  }
  ::-webkit-scrollbar-thumb:active {
    --scrollbar-color: rgba(var(--color-primary-rgb), 1);
  }
  .scroll-hidden {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none;
  }
  .scroll-hidden::-webkit-scrollbar {
    display: none;
  }
  .without-focus,
  .wo-focus {
    outline: none;
  }
  .unclickable {
    pointer-events: none;
  }
  .disable-text-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .pointer-events-none,
  .pe-none {
    pointer-events: none;
  }
  .pointer-events-all,
  .pe-all {
    pointer-events: all;
  }
  .popup {
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-2);
    border: 1px solid var(--color-line-230);
    box-sizing: border-box;
  }
  .list-item-separator,
  .li-separator {
    position: relative;
  }
  .list-item-separator::after,
  .li-separator::after {
    --space: calc(1rem + 8px + var(--fs-icon) + 8px);
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--space);
    width: calc(100% - var(--space));
    max-width: 100%;
    height: 1px;
    background: var(--color-line-250);
  }
  .list-item-separator-no-icon,
  .li-separator-no-icon {
    position: relative;
  }
  .list-item-separator-no-icon::after,
  .li-separator-no-icon::after {
    --space: calc(2 * var(--spacing));
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--space);
    width: calc(100% - var(--space));
    max-width: 100%;
    height: 1px;
    background: var(--color-line-250);
  }
  .reach-section-header {
    width: 100%;
    background-color: var(--color-bg-modal-search);
  }
  .reach-section-header.new-colors {
    background-color: var(--color-bg-370);
  }
  .reach-section-header.new-colors-290 {
    background-color: var(--color-bg-290);
  }
  .reach-section-header.transparent, .reach-section-header.alt-transparent {
    background-color: transparent;
  }
  .reach-section-header {
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xxs);
    font-weight: var(--fw-bold);
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .reach-section-header-alt {
    width: 100%;
    background-color: rgb(var(--color-bg-180-rgb));
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xs);
    font-weight: var(--fw-regular);
    line-height: var(--fs-m);
  }
  @media screen and (min-width: 720px) {
    .reach-section-header {
      font-size: var(--fs-xxs);
    }
    .reach-section-header.font-size-mobile {
      font-size: var(--fs-xs);
    }
  }
  mark,
  .search-highlight {
    display: inline-block;
    color: var(--color-highlight-text);
    font-weight: var(--fw-bold);
    background-color: var(--color-highlight-background);
    border-radius: 4px;
    --__extra-space-x: 2px;
    --__extra-space-y: 0px;
    padding: var(--__extra-space-y) var(--__extra-space-x);
    margin: calc(-1 * var(--__extra-space-y)) calc(-1 * var(--__extra-space-x));
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box; /* Set the sizing of an element to include it's border */
  }
  * {
    margin: 0; /* Set the default margin to 0 */
    padding: 0; /* Set the default padding to 0 */
    word-break: break-all;
    word-break: break-word;
  }
  html:focus-within {
    scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */
  }
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto; /* Makes link undelines look better */
  }
  /* Turns off animation for people who don't want to see them */
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
      transition: none;
    }
  }
  .card-separator {
    --__gap-size: var(--__gap, calc((2 * var(--spacing)) + var(--fs-icon) + (2 * var(--spacing))));
    margin-left: var(--__gap-size);
    width: calc(100% - var(--__gap-size));
    height: 1px;
    background-color: var(--color-line-230);
  }
  .card-separator.new-colors {
    background-color: var(--color-line-230);
  }
  .card-separator-no-icon {
    width: calc(100% - 1rem);
    margin-left: 1rem;
  }
  .card-separator.force {
    background-color: var(--color-line-230) !important;
  }
  .reach-card:last-of-type .card-separator {
    display: none;
    background-color: transparent;
  }
  .reach-card-new:last-of-type > .card-separator {
    display: none;
    background-color: transparent;
  }
  .separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-line-230);
  }
  .section-separator {
    padding: calc(0.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--spacing));
    background-color: var(--color-bg-280);
    color: var(--color-text-400);
    border-radius: var(--spacing);
    font-size: var(--fs-m);
    line-height: 1em;
  }
  .settings-fixed-header {
    position: absolute;
    z-index: 1;
    top: var(--safe-area-inset-top);
  }
  .settings-scroll {
    position: absolute;
    top: calc(2rem + var(--fs-icon) + var(--safe-area-inset-top));
    bottom: var(--safe-area-inset-bottom);
    max-height: calc(100% - 2rem - var(--fs-icon));
    overflow: auto;
    width: 100%;
  }
  :root {
    --size-menu-xs: 200px;
    --size-menu-s: 320px;
    --size-content-s: 720px;
    --size-content: 800px;
    --size-content-l: 920px;
    --client-size-desktop: 720px;
    --size-max-width-desktop: 760px;
    --small-max-width-desktop: 320px;
  }
  .reach-toggler {
    position: relative;
    display: inline-block;
    color: var(--color-text-400);
    --__space_px: 1;
    --__space: calc((var(--__space_px) / 8) * 1em);
    --__indicator-size: calc(1em - (var(--__space)));
    border-radius: calc(0.5 * var(--__indicator-size) + var(--__space));
    height: calc(var(--__indicator-size) + 2 * var(--__space));
    width: calc(2 * var(--__indicator-size) + 3 * var(--__space));
    background-color: currentColor;
  }
  .reach-toggler::after {
    content: "";
    position: absolute;
    top: var(--__space);
    left: var(--__space);
    aspect-ratio: 1;
    height: var(--__indicator-size);
    border-radius: calc((var(--__indicator-size) + 2 * var(--__space)) / 2);
    background-color: var(--color-bg-190);
    transform: translateX(0px);
    transition: transform 300ms;
  }
  .reach-toggler.active {
    color: var(--color-primary);
  }
  .reach-toggler.active::after {
    transform: translateX(calc(var(--__indicator-size) + var(--__space)));
  }
  .reach-toggler.disabled {
    color: var(--color-text-200);
    pointer-events: none;
  }
  .fullscreen-overlay-panel {
    max-width: none !important;
    max-height: none !important;
    pointer-events: auto !important;
  }
  .cdk-overlay-backdrop.fullscreen-overlay-backdrop {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .fullscreen-overlay-panel .wrapper,
  .fullscreen-overlay-panel .legacy-wrapper {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .options-menu-widget {
    background-color: var(--color-bg-270);
    border-radius: var(--spacing);
    overflow: hidden;
    padding: var(--spacing);
    width: 320px;
    box-shadow: var(--shadow-menu);
  }
  .options-menu-widget.small {
    border-radius: calc(1.5 * var(--spacing));
    width: 200px;
  }
  .options-menu-widget.alt {
    background-color: var(--color-bg-180);
  }
  .options-menu-widget > .section-header:first-of-type {
    padding-top: calc(2 * var(--spacing));
  }
  .options-menu-widget:has(.options-footer) {
    padding-bottom: 0;
  }
  .options-menu-widget > .options-footer {
    width: calc(100% + 2 * var(--spacing));
    margin-left: calc(-1 * var(--spacing));
  }
  .options-list-widget {
    border-radius: var(--spacing);
    overflow: hidden;
  }
  .options-list-widget .option {
    border-radius: 0px !important;
    background-color: var(--color-bg-190) !important;
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing)) !important;
  }
  .options-list-widget .option:hover {
    background-color: var(--color-bg-270) !important;
  }
  /* 
  	Generates all the permutations that we have for colors
  	that can have different values for light and dark themes.

  	They follow this rule: <LIGHT_VALUE><DARK_VALUE>0.
  */
  /* 
  	Generates the hover classes.

  	Example:
  	```scss
  	.bg-primary {
  		@includes addHoverClasses(var(--color-primary-500), background-color);
  	}
  	```

  	Generates the following classes:

  	```css
  	.bg-primary-on-hover:hover {
  		background-color: var(--color-primary-500);
  	}

  	.hover-parent:hover .bg-primary-on-hover-parent {
  		background-color: var(--color-primary-500);
  	}
  	```
  */
  /* 
  	Generates the alpha classes (from 0 to 95, steps of 5).

  	Example:
  	```scss
  	.bg-primary {
  		@includes addAlphaValues('--bg-primary-rgb', background-color);
  	}
  	```

  	Generates the following classes:

  	```css
  	.bg-primary-0 {
  		background-color: rgba(var(--bg-primary-rgb), 0);
  	}

  	.bg-primary-5 {
  		background-color: rgba(var(--bg-primary-rgb), 0.05);
  	}

  	(...)

  	.bg-primary-95 {
  		background-color: rgba(var(--bg-primary-rgb), 0.95);
  	}
  	```
  */
  /* 
  	Sets the content when the theme is dark.
  */
  /* 
  	Generates the css variables given a map.

  	It needs the function to generate the css variable name.
  */
  /*
  	This mixin is just a legacy to handle the variables `--<theme>-<var-name>`.

  	This is legacy. We should refactor everything to remove this.
  */
  /*
  	Generates the css variables given a map with 'light' and (optionally) 'dark' keys.

  	It needs the function to generate the css variable name.
  */
  :root {
    --color-primary-rgb: 72, 161, 238;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-light-rgb: 102, 212, 187;
    --color-primary-light: rgb(var(--color-primary-light-rgb));
    --color-primary-dark-rgb: 48, 107, 159;
    --color-primary-dark: rgb(var(--color-primary-dark-rgb));
    --color-primary-200-rgb: 102, 212, 187;
    --color-primary-200: rgb(var(--color-primary-200-rgb));
    --color-primary-500-rgb: 72, 161, 238;
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-primary-700-rgb: 48, 107, 159;
    --color-primary-700: rgb(var(--color-primary-700-rgb));
    --color-warn-rgb: 200, 31, 15;
    --color-warn: rgb(var(--color-warn-rgb));
    --color-warn-dark-rgb: 172, 27, 13;
    --color-warn-dark: rgb(var(--color-warn-dark-rgb));
    --color-warn-500-rgb: 200, 31, 15;
    --color-warn-500: rgb(var(--color-warn-500-rgb));
    --color-warn-700-rgb: 172, 27, 13;
    --color-warn-700: rgb(var(--color-warn-700-rgb));
    --light-color-primary-rgb: 72, 161, 238;
    --light-color-primary: rgb(var(--light-color-primary-rgb));
    --light-color-primary-light-rgb: 102, 212, 187;
    --light-color-primary-light: rgb(var(--light-color-primary-light-rgb));
    --light-color-primary-dark-rgb: 48, 107, 159;
    --light-color-primary-dark: rgb(var(--light-color-primary-dark-rgb));
    --light-color-primary-200-rgb: 102, 212, 187;
    --light-color-primary-200: rgb(var(--light-color-primary-200-rgb));
    --light-color-primary-500-rgb: 72, 161, 238;
    --light-color-primary-500: rgb(var(--light-color-primary-500-rgb));
    --light-color-primary-700-rgb: 48, 107, 159;
    --light-color-primary-700: rgb(var(--light-color-primary-700-rgb));
    --light-color-warn-rgb: 200, 31, 15;
    --light-color-warn: rgb(var(--light-color-warn-rgb));
    --light-color-warn-dark-rgb: 172, 27, 13;
    --light-color-warn-dark: rgb(var(--light-color-warn-dark-rgb));
    --light-color-warn-500-rgb: 200, 31, 15;
    --light-color-warn-500: rgb(var(--light-color-warn-500-rgb));
    --light-color-warn-700-rgb: 172, 27, 13;
    --light-color-warn-700: rgb(var(--light-color-warn-700-rgb));
    --dark-color-primary-rgb: 72, 161, 238;
    --dark-color-primary: rgb(var(--dark-color-primary-rgb));
    --dark-color-primary-light-rgb: 102, 212, 187;
    --dark-color-primary-light: rgb(var(--dark-color-primary-light-rgb));
    --dark-color-primary-dark-rgb: 138, 191, 238;
    --dark-color-primary-dark: rgb(var(--dark-color-primary-dark-rgb));
    --dark-color-primary-200-rgb: 102, 212, 187;
    --dark-color-primary-200: rgb(var(--dark-color-primary-200-rgb));
    --dark-color-primary-500-rgb: 72, 161, 238;
    --dark-color-primary-500: rgb(var(--dark-color-primary-500-rgb));
    --dark-color-primary-700-rgb: 138, 191, 238;
    --dark-color-primary-700: rgb(var(--dark-color-primary-700-rgb));
    --dark-color-warn-rgb: 216, 55, 31;
    --dark-color-warn: rgb(var(--dark-color-warn-rgb));
    --dark-color-warn-dark-rgb: 232, 80, 47;
    --dark-color-warn-dark: rgb(var(--dark-color-warn-dark-rgb));
    --dark-color-warn-500-rgb: 216, 55, 31;
    --dark-color-warn-500: rgb(var(--dark-color-warn-500-rgb));
    --dark-color-warn-700-rgb: 232, 80, 47;
    --dark-color-warn-700: rgb(var(--dark-color-warn-700-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-primary-rgb: 72, 161, 238;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-light-rgb: 102, 212, 187;
    --color-primary-light: rgb(var(--color-primary-light-rgb));
    --color-primary-dark-rgb: 138, 191, 238;
    --color-primary-dark: rgb(var(--color-primary-dark-rgb));
    --color-primary-200-rgb: 102, 212, 187;
    --color-primary-200: rgb(var(--color-primary-200-rgb));
    --color-primary-500-rgb: 72, 161, 238;
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-primary-700-rgb: 138, 191, 238;
    --color-primary-700: rgb(var(--color-primary-700-rgb));
    --color-warn-rgb: 216, 55, 31;
    --color-warn: rgb(var(--color-warn-rgb));
    --color-warn-dark-rgb: 232, 80, 47;
    --color-warn-dark: rgb(var(--color-warn-dark-rgb));
    --color-warn-500-rgb: 216, 55, 31;
    --color-warn-500: rgb(var(--color-warn-500-rgb));
    --color-warn-700-rgb: 232, 80, 47;
    --color-warn-700: rgb(var(--color-warn-700-rgb));
  }
  :root {
    --color-theme-primary-rgb: 72, 161, 238;
    --color-theme-primary: rgb(var(--color-theme-primary-rgb));
    --color-theme-primary-light-rgb: 102, 212, 187;
    --color-theme-primary-light: rgb(var(--color-theme-primary-light-rgb));
    --color-theme-primary-dark-rgb: 48, 107, 159;
    --color-theme-primary-dark: rgb(var(--color-theme-primary-dark-rgb));
    --color-theme-primary-200-rgb: 102, 212, 187;
    --color-theme-primary-200: rgb(var(--color-theme-primary-200-rgb));
    --color-theme-primary-500-rgb: 72, 161, 238;
    --color-theme-primary-500: rgb(var(--color-theme-primary-500-rgb));
    --color-theme-primary-700-rgb: 48, 107, 159;
    --color-theme-primary-700: rgb(var(--color-theme-primary-700-rgb));
    --color-theme-warn-rgb: 200, 31, 15;
    --color-theme-warn: rgb(var(--color-theme-warn-rgb));
    --color-theme-warn-dark-rgb: 172, 27, 13;
    --color-theme-warn-dark: rgb(var(--color-theme-warn-dark-rgb));
    --color-theme-warn-500-rgb: 200, 31, 15;
    --color-theme-warn-500: rgb(var(--color-theme-warn-500-rgb));
    --color-theme-warn-700-rgb: 172, 27, 13;
    --color-theme-warn-700: rgb(var(--color-theme-warn-700-rgb));
    --light-color-theme-primary-rgb: 72, 161, 238;
    --light-color-theme-primary: rgb(var(--light-color-theme-primary-rgb));
    --light-color-theme-primary-light-rgb: 102, 212, 187;
    --light-color-theme-primary-light: rgb(var(--light-color-theme-primary-light-rgb));
    --light-color-theme-primary-dark-rgb: 48, 107, 159;
    --light-color-theme-primary-dark: rgb(var(--light-color-theme-primary-dark-rgb));
    --light-color-theme-primary-200-rgb: 102, 212, 187;
    --light-color-theme-primary-200: rgb(var(--light-color-theme-primary-200-rgb));
    --light-color-theme-primary-500-rgb: 72, 161, 238;
    --light-color-theme-primary-500: rgb(var(--light-color-theme-primary-500-rgb));
    --light-color-theme-primary-700-rgb: 48, 107, 159;
    --light-color-theme-primary-700: rgb(var(--light-color-theme-primary-700-rgb));
    --light-color-theme-warn-rgb: 200, 31, 15;
    --light-color-theme-warn: rgb(var(--light-color-theme-warn-rgb));
    --light-color-theme-warn-dark-rgb: 172, 27, 13;
    --light-color-theme-warn-dark: rgb(var(--light-color-theme-warn-dark-rgb));
    --light-color-theme-warn-500-rgb: 200, 31, 15;
    --light-color-theme-warn-500: rgb(var(--light-color-theme-warn-500-rgb));
    --light-color-theme-warn-700-rgb: 172, 27, 13;
    --light-color-theme-warn-700: rgb(var(--light-color-theme-warn-700-rgb));
    --dark-color-theme-primary-rgb: 72, 161, 238;
    --dark-color-theme-primary: rgb(var(--dark-color-theme-primary-rgb));
    --dark-color-theme-primary-light-rgb: 102, 212, 187;
    --dark-color-theme-primary-light: rgb(var(--dark-color-theme-primary-light-rgb));
    --dark-color-theme-primary-dark-rgb: 138, 191, 238;
    --dark-color-theme-primary-dark: rgb(var(--dark-color-theme-primary-dark-rgb));
    --dark-color-theme-primary-200-rgb: 102, 212, 187;
    --dark-color-theme-primary-200: rgb(var(--dark-color-theme-primary-200-rgb));
    --dark-color-theme-primary-500-rgb: 72, 161, 238;
    --dark-color-theme-primary-500: rgb(var(--dark-color-theme-primary-500-rgb));
    --dark-color-theme-primary-700-rgb: 138, 191, 238;
    --dark-color-theme-primary-700: rgb(var(--dark-color-theme-primary-700-rgb));
    --dark-color-theme-warn-rgb: 216, 55, 31;
    --dark-color-theme-warn: rgb(var(--dark-color-theme-warn-rgb));
    --dark-color-theme-warn-dark-rgb: 232, 80, 47;
    --dark-color-theme-warn-dark: rgb(var(--dark-color-theme-warn-dark-rgb));
    --dark-color-theme-warn-500-rgb: 216, 55, 31;
    --dark-color-theme-warn-500: rgb(var(--dark-color-theme-warn-500-rgb));
    --dark-color-theme-warn-700-rgb: 232, 80, 47;
    --dark-color-theme-warn-700: rgb(var(--dark-color-theme-warn-700-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-theme-primary-rgb: 72, 161, 238;
    --color-theme-primary: rgb(var(--color-theme-primary-rgb));
    --color-theme-primary-light-rgb: 102, 212, 187;
    --color-theme-primary-light: rgb(var(--color-theme-primary-light-rgb));
    --color-theme-primary-dark-rgb: 138, 191, 238;
    --color-theme-primary-dark: rgb(var(--color-theme-primary-dark-rgb));
    --color-theme-primary-200-rgb: 102, 212, 187;
    --color-theme-primary-200: rgb(var(--color-theme-primary-200-rgb));
    --color-theme-primary-500-rgb: 72, 161, 238;
    --color-theme-primary-500: rgb(var(--color-theme-primary-500-rgb));
    --color-theme-primary-700-rgb: 138, 191, 238;
    --color-theme-primary-700: rgb(var(--color-theme-primary-700-rgb));
    --color-theme-warn-rgb: 216, 55, 31;
    --color-theme-warn: rgb(var(--color-theme-warn-rgb));
    --color-theme-warn-dark-rgb: 232, 80, 47;
    --color-theme-warn-dark: rgb(var(--color-theme-warn-dark-rgb));
    --color-theme-warn-500-rgb: 216, 55, 31;
    --color-theme-warn-500: rgb(var(--color-theme-warn-500-rgb));
    --color-theme-warn-700-rgb: 232, 80, 47;
    --color-theme-warn-700: rgb(var(--color-theme-warn-700-rgb));
  }
  :root {
    --color-imp-bg-opacity: 0.3;
    --color-imp-bg-0-rgb: 0, 0, 0, 0;
    --color-imp-bg-0: rgb(var(--color-imp-bg-0-rgb));
    --color-imp-bg-1-rgb: 45, 112, 192;
    --color-imp-bg-1: rgb(var(--color-imp-bg-1-rgb));
    --color-imp-bg-2-rgb: 2, 162, 204;
    --color-imp-bg-2: rgb(var(--color-imp-bg-2-rgb));
    --color-imp-bg-3-rgb: 0, 191, 211;
    --color-imp-bg-3: rgb(var(--color-imp-bg-3-rgb));
    --color-imp-bg-4-rgb: 88, 193, 68;
    --color-imp-bg-4: rgb(var(--color-imp-bg-4-rgb));
    --color-imp-bg-5-rgb: 156, 200, 16;
    --color-imp-bg-5: rgb(var(--color-imp-bg-5-rgb));
    --color-imp-bg-6-rgb: 209, 202, 0;
    --color-imp-bg-6: rgb(var(--color-imp-bg-6-rgb));
    --color-imp-bg-7-rgb: 252, 198, 0;
    --color-imp-bg-7: rgb(var(--color-imp-bg-7-rgb));
    --color-imp-bg-8-rgb: 245, 143, 0;
    --color-imp-bg-8: rgb(var(--color-imp-bg-8-rgb));
    --color-imp-bg-9-rgb: 241, 89, 42;
    --color-imp-bg-9: rgb(var(--color-imp-bg-9-rgb));
    --color-imp-bg-10-rgb: 231, 36, 55;
    --color-imp-bg-10: rgb(var(--color-imp-bg-10-rgb));
  }
  :root {
    --color-text-white-rgb: 255, 255, 255;
    --color-text-white: rgb(var(--color-text-white-rgb));
    --color-text-100-rgb: 255, 255, 255;
    --color-text-100: rgb(var(--color-text-100-rgb));
    --color-text-910-rgb: 255, 255, 255;
    --color-text-910: rgb(var(--color-text-910-rgb));
    --color-text-inverse-rgb: 238, 239, 239;
    --color-text-inverse: rgb(var(--color-text-inverse-rgb));
    --color-text-200-rgb: 195, 194, 198;
    --color-text-200: rgb(var(--color-text-200-rgb));
    --color-text-300-rgb: 185, 184, 188;
    --color-text-300: rgb(var(--color-text-300-rgb));
    --color-text-400-rgb: 133, 137, 148;
    --color-text-400: rgb(var(--color-text-400-rgb));
    --color-text-500-rgb: 82, 88, 98;
    --color-text-500: rgb(var(--color-text-500-rgb));
    --color-text-800-rgb: 32, 37, 51;
    --color-text-800: rgb(var(--color-text-800-rgb));
    --light-color-text-white-rgb: 255, 255, 255;
    --light-color-text-white: rgb(var(--light-color-text-white-rgb));
    --light-color-text-100-rgb: 255, 255, 255;
    --light-color-text-100: rgb(var(--light-color-text-100-rgb));
    --light-color-text-910-rgb: 255, 255, 255;
    --light-color-text-910: rgb(var(--light-color-text-910-rgb));
    --light-color-text-inverse-rgb: 238, 239, 239;
    --light-color-text-inverse: rgb(var(--light-color-text-inverse-rgb));
    --light-color-text-200-rgb: 195, 194, 198;
    --light-color-text-200: rgb(var(--light-color-text-200-rgb));
    --light-color-text-300-rgb: 185, 184, 188;
    --light-color-text-300: rgb(var(--light-color-text-300-rgb));
    --light-color-text-400-rgb: 133, 137, 148;
    --light-color-text-400: rgb(var(--light-color-text-400-rgb));
    --light-color-text-500-rgb: 82, 88, 98;
    --light-color-text-500: rgb(var(--light-color-text-500-rgb));
    --light-color-text-800-rgb: 32, 37, 51;
    --light-color-text-800: rgb(var(--light-color-text-800-rgb));
    --dark-color-text-white-rgb: 255, 255, 255;
    --dark-color-text-white: rgb(var(--dark-color-text-white-rgb));
    --dark-color-text-100-rgb: 255, 255, 255;
    --dark-color-text-100: rgb(var(--dark-color-text-100-rgb));
    --dark-color-text-910-rgb: 0, 0, 0;
    --dark-color-text-910: rgb(var(--dark-color-text-910-rgb));
    --dark-color-text-inverse-rgb: 32, 37, 51;
    --dark-color-text-inverse: rgb(var(--dark-color-text-inverse-rgb));
    --dark-color-text-200-rgb: 86, 86, 91;
    --dark-color-text-200: rgb(var(--dark-color-text-200-rgb));
    --dark-color-text-300-rgb: 78, 79, 85;
    --dark-color-text-300: rgb(var(--dark-color-text-300-rgb));
    --dark-color-text-400-rgb: 133, 137, 148;
    --dark-color-text-400: rgb(var(--dark-color-text-400-rgb));
    --dark-color-text-500-rgb: 196, 201, 211;
    --dark-color-text-500: rgb(var(--dark-color-text-500-rgb));
    --dark-color-text-800-rgb: 238, 239, 239;
    --dark-color-text-800: rgb(var(--dark-color-text-800-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-text-white-rgb: 255, 255, 255;
    --color-text-white: rgb(var(--color-text-white-rgb));
    --color-text-100-rgb: 255, 255, 255;
    --color-text-100: rgb(var(--color-text-100-rgb));
    --color-text-910-rgb: 0, 0, 0;
    --color-text-910: rgb(var(--color-text-910-rgb));
    --color-text-inverse-rgb: 32, 37, 51;
    --color-text-inverse: rgb(var(--color-text-inverse-rgb));
    --color-text-200-rgb: 86, 86, 91;
    --color-text-200: rgb(var(--color-text-200-rgb));
    --color-text-300-rgb: 78, 79, 85;
    --color-text-300: rgb(var(--color-text-300-rgb));
    --color-text-400-rgb: 133, 137, 148;
    --color-text-400: rgb(var(--color-text-400-rgb));
    --color-text-500-rgb: 196, 201, 211;
    --color-text-500: rgb(var(--color-text-500-rgb));
    --color-text-800-rgb: 238, 239, 239;
    --color-text-800: rgb(var(--color-text-800-rgb));
  }
  :root {
    --color-code-html-tag-rgb: 194, 255, 0;
    --color-code-html-tag: rgb(var(--color-code-html-tag-rgb));
    --color-code-html-attribute-name-rgb: 81, 210, 243;
    --color-code-html-attribute-name: rgb(var(--color-code-html-attribute-name-rgb));
    --color-code-html-attribute-value-rgb: 171, 220, 255;
    --color-code-html-attribute-value: rgb(var(--color-code-html-attribute-value-rgb));
  }
  body {
    color: rgb(var(--color-text-800-rgb));
  }
  /* 
  	This is a helper map to generate all the permutations that we have
  	for the background colors.

  	The names of the bg colors are: <LIGHT_VALUE><DARK_VALUE>0.
  */
  :root {
    --color-code-bg-rgb: 44, 44, 50;
    --color-code-bg: rgb(var(--color-code-bg-rgb));
    --color-code-text-rgb: 255, 255, 255;
    --color-code-text: rgb(var(--color-code-text-rgb));
    --color-bg-menu-backdrop-opacity: 0.2;
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-menu-backdrop-opacity: 0.5;
  }
  :root {
    --color-bg-160-rgb: 255, 255, 255;
    --color-bg-160: rgb(var(--color-bg-160-rgb));
    --color-bg-170-rgb: 255, 255, 255;
    --color-bg-170: rgb(var(--color-bg-170-rgb));
    --color-bg-180-rgb: 255, 255, 255;
    --color-bg-180: rgb(var(--color-bg-180-rgb));
    --color-bg-190-rgb: 255, 255, 255;
    --color-bg-190: rgb(var(--color-bg-190-rgb));
    --color-bg-260-rgb: 244, 245, 247;
    --color-bg-260: rgb(var(--color-bg-260-rgb));
    --color-bg-270-rgb: 244, 245, 247;
    --color-bg-270: rgb(var(--color-bg-270-rgb));
    --color-bg-280-rgb: 244, 245, 247;
    --color-bg-280: rgb(var(--color-bg-280-rgb));
    --color-bg-290-rgb: 244, 245, 247;
    --color-bg-290: rgb(var(--color-bg-290-rgb));
    --color-bg-360-rgb: 241, 242, 244;
    --color-bg-360: rgb(var(--color-bg-360-rgb));
    --color-bg-370-rgb: 241, 242, 244;
    --color-bg-370: rgb(var(--color-bg-370-rgb));
    --color-bg-380-rgb: 241, 242, 244;
    --color-bg-380: rgb(var(--color-bg-380-rgb));
    --color-bg-390-rgb: 241, 242, 244;
    --color-bg-390: rgb(var(--color-bg-390-rgb));
    --color-bg-460-rgb: 230, 230, 235;
    --color-bg-460: rgb(var(--color-bg-460-rgb));
    --color-bg-470-rgb: 230, 230, 235;
    --color-bg-470: rgb(var(--color-bg-470-rgb));
    --color-bg-480-rgb: 230, 230, 235;
    --color-bg-480: rgb(var(--color-bg-480-rgb));
    --color-bg-490-rgb: 230, 230, 235;
    --color-bg-490: rgb(var(--color-bg-490-rgb));
    --color-bg-560-rgb: 208, 212, 221;
    --color-bg-560: rgb(var(--color-bg-560-rgb));
    --color-bg-570-rgb: 208, 212, 221;
    --color-bg-570: rgb(var(--color-bg-570-rgb));
    --color-bg-580-rgb: 208, 212, 221;
    --color-bg-580: rgb(var(--color-bg-580-rgb));
    --color-bg-590-rgb: 208, 212, 221;
    --color-bg-590: rgb(var(--color-bg-590-rgb));
    --light-color-bg-160-rgb: 255, 255, 255;
    --light-color-bg-160: rgb(var(--light-color-bg-160-rgb));
    --light-color-bg-170-rgb: 255, 255, 255;
    --light-color-bg-170: rgb(var(--light-color-bg-170-rgb));
    --light-color-bg-180-rgb: 255, 255, 255;
    --light-color-bg-180: rgb(var(--light-color-bg-180-rgb));
    --light-color-bg-190-rgb: 255, 255, 255;
    --light-color-bg-190: rgb(var(--light-color-bg-190-rgb));
    --light-color-bg-260-rgb: 244, 245, 247;
    --light-color-bg-260: rgb(var(--light-color-bg-260-rgb));
    --light-color-bg-270-rgb: 244, 245, 247;
    --light-color-bg-270: rgb(var(--light-color-bg-270-rgb));
    --light-color-bg-280-rgb: 244, 245, 247;
    --light-color-bg-280: rgb(var(--light-color-bg-280-rgb));
    --light-color-bg-290-rgb: 244, 245, 247;
    --light-color-bg-290: rgb(var(--light-color-bg-290-rgb));
    --light-color-bg-360-rgb: 241, 242, 244;
    --light-color-bg-360: rgb(var(--light-color-bg-360-rgb));
    --light-color-bg-370-rgb: 241, 242, 244;
    --light-color-bg-370: rgb(var(--light-color-bg-370-rgb));
    --light-color-bg-380-rgb: 241, 242, 244;
    --light-color-bg-380: rgb(var(--light-color-bg-380-rgb));
    --light-color-bg-390-rgb: 241, 242, 244;
    --light-color-bg-390: rgb(var(--light-color-bg-390-rgb));
    --light-color-bg-460-rgb: 230, 230, 235;
    --light-color-bg-460: rgb(var(--light-color-bg-460-rgb));
    --light-color-bg-470-rgb: 230, 230, 235;
    --light-color-bg-470: rgb(var(--light-color-bg-470-rgb));
    --light-color-bg-480-rgb: 230, 230, 235;
    --light-color-bg-480: rgb(var(--light-color-bg-480-rgb));
    --light-color-bg-490-rgb: 230, 230, 235;
    --light-color-bg-490: rgb(var(--light-color-bg-490-rgb));
    --light-color-bg-560-rgb: 208, 212, 221;
    --light-color-bg-560: rgb(var(--light-color-bg-560-rgb));
    --light-color-bg-570-rgb: 208, 212, 221;
    --light-color-bg-570: rgb(var(--light-color-bg-570-rgb));
    --light-color-bg-580-rgb: 208, 212, 221;
    --light-color-bg-580: rgb(var(--light-color-bg-580-rgb));
    --light-color-bg-590-rgb: 208, 212, 221;
    --light-color-bg-590: rgb(var(--light-color-bg-590-rgb));
    --dark-color-bg-160-rgb: 62, 62, 68;
    --dark-color-bg-160: rgb(var(--dark-color-bg-160-rgb));
    --dark-color-bg-170-rgb: 44, 44, 50;
    --dark-color-bg-170: rgb(var(--dark-color-bg-170-rgb));
    --dark-color-bg-180-rgb: 28, 28, 34;
    --dark-color-bg-180: rgb(var(--dark-color-bg-180-rgb));
    --dark-color-bg-190-rgb: 10, 10, 16;
    --dark-color-bg-190: rgb(var(--dark-color-bg-190-rgb));
    --dark-color-bg-260-rgb: 62, 62, 68;
    --dark-color-bg-260: rgb(var(--dark-color-bg-260-rgb));
    --dark-color-bg-270-rgb: 44, 44, 50;
    --dark-color-bg-270: rgb(var(--dark-color-bg-270-rgb));
    --dark-color-bg-280-rgb: 28, 28, 34;
    --dark-color-bg-280: rgb(var(--dark-color-bg-280-rgb));
    --dark-color-bg-290-rgb: 10, 10, 16;
    --dark-color-bg-290: rgb(var(--dark-color-bg-290-rgb));
    --dark-color-bg-360-rgb: 62, 62, 68;
    --dark-color-bg-360: rgb(var(--dark-color-bg-360-rgb));
    --dark-color-bg-370-rgb: 44, 44, 50;
    --dark-color-bg-370: rgb(var(--dark-color-bg-370-rgb));
    --dark-color-bg-380-rgb: 28, 28, 34;
    --dark-color-bg-380: rgb(var(--dark-color-bg-380-rgb));
    --dark-color-bg-390-rgb: 10, 10, 16;
    --dark-color-bg-390: rgb(var(--dark-color-bg-390-rgb));
    --dark-color-bg-460-rgb: 62, 62, 68;
    --dark-color-bg-460: rgb(var(--dark-color-bg-460-rgb));
    --dark-color-bg-470-rgb: 44, 44, 50;
    --dark-color-bg-470: rgb(var(--dark-color-bg-470-rgb));
    --dark-color-bg-480-rgb: 28, 28, 34;
    --dark-color-bg-480: rgb(var(--dark-color-bg-480-rgb));
    --dark-color-bg-490-rgb: 10, 10, 16;
    --dark-color-bg-490: rgb(var(--dark-color-bg-490-rgb));
    --dark-color-bg-560-rgb: 62, 62, 68;
    --dark-color-bg-560: rgb(var(--dark-color-bg-560-rgb));
    --dark-color-bg-570-rgb: 44, 44, 50;
    --dark-color-bg-570: rgb(var(--dark-color-bg-570-rgb));
    --dark-color-bg-580-rgb: 28, 28, 34;
    --dark-color-bg-580: rgb(var(--dark-color-bg-580-rgb));
    --dark-color-bg-590-rgb: 10, 10, 16;
    --dark-color-bg-590: rgb(var(--dark-color-bg-590-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-160-rgb: 62, 62, 68;
    --color-bg-160: rgb(var(--color-bg-160-rgb));
    --color-bg-170-rgb: 44, 44, 50;
    --color-bg-170: rgb(var(--color-bg-170-rgb));
    --color-bg-180-rgb: 28, 28, 34;
    --color-bg-180: rgb(var(--color-bg-180-rgb));
    --color-bg-190-rgb: 10, 10, 16;
    --color-bg-190: rgb(var(--color-bg-190-rgb));
    --color-bg-260-rgb: 62, 62, 68;
    --color-bg-260: rgb(var(--color-bg-260-rgb));
    --color-bg-270-rgb: 44, 44, 50;
    --color-bg-270: rgb(var(--color-bg-270-rgb));
    --color-bg-280-rgb: 28, 28, 34;
    --color-bg-280: rgb(var(--color-bg-280-rgb));
    --color-bg-290-rgb: 10, 10, 16;
    --color-bg-290: rgb(var(--color-bg-290-rgb));
    --color-bg-360-rgb: 62, 62, 68;
    --color-bg-360: rgb(var(--color-bg-360-rgb));
    --color-bg-370-rgb: 44, 44, 50;
    --color-bg-370: rgb(var(--color-bg-370-rgb));
    --color-bg-380-rgb: 28, 28, 34;
    --color-bg-380: rgb(var(--color-bg-380-rgb));
    --color-bg-390-rgb: 10, 10, 16;
    --color-bg-390: rgb(var(--color-bg-390-rgb));
    --color-bg-460-rgb: 62, 62, 68;
    --color-bg-460: rgb(var(--color-bg-460-rgb));
    --color-bg-470-rgb: 44, 44, 50;
    --color-bg-470: rgb(var(--color-bg-470-rgb));
    --color-bg-480-rgb: 28, 28, 34;
    --color-bg-480: rgb(var(--color-bg-480-rgb));
    --color-bg-490-rgb: 10, 10, 16;
    --color-bg-490: rgb(var(--color-bg-490-rgb));
    --color-bg-560-rgb: 62, 62, 68;
    --color-bg-560: rgb(var(--color-bg-560-rgb));
    --color-bg-570-rgb: 44, 44, 50;
    --color-bg-570: rgb(var(--color-bg-570-rgb));
    --color-bg-580-rgb: 28, 28, 34;
    --color-bg-580: rgb(var(--color-bg-580-rgb));
    --color-bg-590-rgb: 10, 10, 16;
    --color-bg-590: rgb(var(--color-bg-590-rgb));
  }
  :root {
    --color-bg-160-inverse-rgb: 62, 62, 68;
    --color-bg-160-inverse: rgb(var(--color-bg-160-inverse-rgb));
    --color-bg-170-inverse-rgb: 44, 44, 50;
    --color-bg-170-inverse: rgb(var(--color-bg-170-inverse-rgb));
    --color-bg-180-inverse-rgb: 28, 28, 34;
    --color-bg-180-inverse: rgb(var(--color-bg-180-inverse-rgb));
    --color-bg-190-inverse-rgb: 10, 10, 16;
    --color-bg-190-inverse: rgb(var(--color-bg-190-inverse-rgb));
    --color-bg-260-inverse-rgb: 62, 62, 68;
    --color-bg-260-inverse: rgb(var(--color-bg-260-inverse-rgb));
    --color-bg-270-inverse-rgb: 44, 44, 50;
    --color-bg-270-inverse: rgb(var(--color-bg-270-inverse-rgb));
    --color-bg-280-inverse-rgb: 28, 28, 34;
    --color-bg-280-inverse: rgb(var(--color-bg-280-inverse-rgb));
    --color-bg-290-inverse-rgb: 10, 10, 16;
    --color-bg-290-inverse: rgb(var(--color-bg-290-inverse-rgb));
    --color-bg-360-inverse-rgb: 62, 62, 68;
    --color-bg-360-inverse: rgb(var(--color-bg-360-inverse-rgb));
    --color-bg-370-inverse-rgb: 44, 44, 50;
    --color-bg-370-inverse: rgb(var(--color-bg-370-inverse-rgb));
    --color-bg-380-inverse-rgb: 28, 28, 34;
    --color-bg-380-inverse: rgb(var(--color-bg-380-inverse-rgb));
    --color-bg-390-inverse-rgb: 10, 10, 16;
    --color-bg-390-inverse: rgb(var(--color-bg-390-inverse-rgb));
    --color-bg-460-inverse-rgb: 62, 62, 68;
    --color-bg-460-inverse: rgb(var(--color-bg-460-inverse-rgb));
    --color-bg-470-inverse-rgb: 44, 44, 50;
    --color-bg-470-inverse: rgb(var(--color-bg-470-inverse-rgb));
    --color-bg-480-inverse-rgb: 28, 28, 34;
    --color-bg-480-inverse: rgb(var(--color-bg-480-inverse-rgb));
    --color-bg-490-inverse-rgb: 10, 10, 16;
    --color-bg-490-inverse: rgb(var(--color-bg-490-inverse-rgb));
    --color-bg-560-inverse-rgb: 62, 62, 68;
    --color-bg-560-inverse: rgb(var(--color-bg-560-inverse-rgb));
    --color-bg-570-inverse-rgb: 44, 44, 50;
    --color-bg-570-inverse: rgb(var(--color-bg-570-inverse-rgb));
    --color-bg-580-inverse-rgb: 28, 28, 34;
    --color-bg-580-inverse: rgb(var(--color-bg-580-inverse-rgb));
    --color-bg-590-inverse-rgb: 10, 10, 16;
    --color-bg-590-inverse: rgb(var(--color-bg-590-inverse-rgb));
    --light-color-bg-160-inverse-rgb: 62, 62, 68;
    --light-color-bg-160-inverse: rgb(var(--light-color-bg-160-inverse-rgb));
    --light-color-bg-170-inverse-rgb: 44, 44, 50;
    --light-color-bg-170-inverse: rgb(var(--light-color-bg-170-inverse-rgb));
    --light-color-bg-180-inverse-rgb: 28, 28, 34;
    --light-color-bg-180-inverse: rgb(var(--light-color-bg-180-inverse-rgb));
    --light-color-bg-190-inverse-rgb: 10, 10, 16;
    --light-color-bg-190-inverse: rgb(var(--light-color-bg-190-inverse-rgb));
    --light-color-bg-260-inverse-rgb: 62, 62, 68;
    --light-color-bg-260-inverse: rgb(var(--light-color-bg-260-inverse-rgb));
    --light-color-bg-270-inverse-rgb: 44, 44, 50;
    --light-color-bg-270-inverse: rgb(var(--light-color-bg-270-inverse-rgb));
    --light-color-bg-280-inverse-rgb: 28, 28, 34;
    --light-color-bg-280-inverse: rgb(var(--light-color-bg-280-inverse-rgb));
    --light-color-bg-290-inverse-rgb: 10, 10, 16;
    --light-color-bg-290-inverse: rgb(var(--light-color-bg-290-inverse-rgb));
    --light-color-bg-360-inverse-rgb: 62, 62, 68;
    --light-color-bg-360-inverse: rgb(var(--light-color-bg-360-inverse-rgb));
    --light-color-bg-370-inverse-rgb: 44, 44, 50;
    --light-color-bg-370-inverse: rgb(var(--light-color-bg-370-inverse-rgb));
    --light-color-bg-380-inverse-rgb: 28, 28, 34;
    --light-color-bg-380-inverse: rgb(var(--light-color-bg-380-inverse-rgb));
    --light-color-bg-390-inverse-rgb: 10, 10, 16;
    --light-color-bg-390-inverse: rgb(var(--light-color-bg-390-inverse-rgb));
    --light-color-bg-460-inverse-rgb: 62, 62, 68;
    --light-color-bg-460-inverse: rgb(var(--light-color-bg-460-inverse-rgb));
    --light-color-bg-470-inverse-rgb: 44, 44, 50;
    --light-color-bg-470-inverse: rgb(var(--light-color-bg-470-inverse-rgb));
    --light-color-bg-480-inverse-rgb: 28, 28, 34;
    --light-color-bg-480-inverse: rgb(var(--light-color-bg-480-inverse-rgb));
    --light-color-bg-490-inverse-rgb: 10, 10, 16;
    --light-color-bg-490-inverse: rgb(var(--light-color-bg-490-inverse-rgb));
    --light-color-bg-560-inverse-rgb: 62, 62, 68;
    --light-color-bg-560-inverse: rgb(var(--light-color-bg-560-inverse-rgb));
    --light-color-bg-570-inverse-rgb: 44, 44, 50;
    --light-color-bg-570-inverse: rgb(var(--light-color-bg-570-inverse-rgb));
    --light-color-bg-580-inverse-rgb: 28, 28, 34;
    --light-color-bg-580-inverse: rgb(var(--light-color-bg-580-inverse-rgb));
    --light-color-bg-590-inverse-rgb: 10, 10, 16;
    --light-color-bg-590-inverse: rgb(var(--light-color-bg-590-inverse-rgb));
    --dark-color-bg-160-inverse-rgb: 255, 255, 255;
    --dark-color-bg-160-inverse: rgb(var(--dark-color-bg-160-inverse-rgb));
    --dark-color-bg-170-inverse-rgb: 255, 255, 255;
    --dark-color-bg-170-inverse: rgb(var(--dark-color-bg-170-inverse-rgb));
    --dark-color-bg-180-inverse-rgb: 255, 255, 255;
    --dark-color-bg-180-inverse: rgb(var(--dark-color-bg-180-inverse-rgb));
    --dark-color-bg-190-inverse-rgb: 255, 255, 255;
    --dark-color-bg-190-inverse: rgb(var(--dark-color-bg-190-inverse-rgb));
    --dark-color-bg-260-inverse-rgb: 244, 245, 247;
    --dark-color-bg-260-inverse: rgb(var(--dark-color-bg-260-inverse-rgb));
    --dark-color-bg-270-inverse-rgb: 244, 245, 247;
    --dark-color-bg-270-inverse: rgb(var(--dark-color-bg-270-inverse-rgb));
    --dark-color-bg-280-inverse-rgb: 244, 245, 247;
    --dark-color-bg-280-inverse: rgb(var(--dark-color-bg-280-inverse-rgb));
    --dark-color-bg-290-inverse-rgb: 244, 245, 247;
    --dark-color-bg-290-inverse: rgb(var(--dark-color-bg-290-inverse-rgb));
    --dark-color-bg-360-inverse-rgb: 241, 242, 244;
    --dark-color-bg-360-inverse: rgb(var(--dark-color-bg-360-inverse-rgb));
    --dark-color-bg-370-inverse-rgb: 241, 242, 244;
    --dark-color-bg-370-inverse: rgb(var(--dark-color-bg-370-inverse-rgb));
    --dark-color-bg-380-inverse-rgb: 241, 242, 244;
    --dark-color-bg-380-inverse: rgb(var(--dark-color-bg-380-inverse-rgb));
    --dark-color-bg-390-inverse-rgb: 241, 242, 244;
    --dark-color-bg-390-inverse: rgb(var(--dark-color-bg-390-inverse-rgb));
    --dark-color-bg-460-inverse-rgb: 230, 230, 235;
    --dark-color-bg-460-inverse: rgb(var(--dark-color-bg-460-inverse-rgb));
    --dark-color-bg-470-inverse-rgb: 230, 230, 235;
    --dark-color-bg-470-inverse: rgb(var(--dark-color-bg-470-inverse-rgb));
    --dark-color-bg-480-inverse-rgb: 230, 230, 235;
    --dark-color-bg-480-inverse: rgb(var(--dark-color-bg-480-inverse-rgb));
    --dark-color-bg-490-inverse-rgb: 230, 230, 235;
    --dark-color-bg-490-inverse: rgb(var(--dark-color-bg-490-inverse-rgb));
    --dark-color-bg-560-inverse-rgb: 208, 212, 221;
    --dark-color-bg-560-inverse: rgb(var(--dark-color-bg-560-inverse-rgb));
    --dark-color-bg-570-inverse-rgb: 208, 212, 221;
    --dark-color-bg-570-inverse: rgb(var(--dark-color-bg-570-inverse-rgb));
    --dark-color-bg-580-inverse-rgb: 208, 212, 221;
    --dark-color-bg-580-inverse: rgb(var(--dark-color-bg-580-inverse-rgb));
    --dark-color-bg-590-inverse-rgb: 208, 212, 221;
    --dark-color-bg-590-inverse: rgb(var(--dark-color-bg-590-inverse-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-160-inverse-rgb: 255, 255, 255;
    --color-bg-160-inverse: rgb(var(--color-bg-160-inverse-rgb));
    --color-bg-170-inverse-rgb: 255, 255, 255;
    --color-bg-170-inverse: rgb(var(--color-bg-170-inverse-rgb));
    --color-bg-180-inverse-rgb: 255, 255, 255;
    --color-bg-180-inverse: rgb(var(--color-bg-180-inverse-rgb));
    --color-bg-190-inverse-rgb: 255, 255, 255;
    --color-bg-190-inverse: rgb(var(--color-bg-190-inverse-rgb));
    --color-bg-260-inverse-rgb: 244, 245, 247;
    --color-bg-260-inverse: rgb(var(--color-bg-260-inverse-rgb));
    --color-bg-270-inverse-rgb: 244, 245, 247;
    --color-bg-270-inverse: rgb(var(--color-bg-270-inverse-rgb));
    --color-bg-280-inverse-rgb: 244, 245, 247;
    --color-bg-280-inverse: rgb(var(--color-bg-280-inverse-rgb));
    --color-bg-290-inverse-rgb: 244, 245, 247;
    --color-bg-290-inverse: rgb(var(--color-bg-290-inverse-rgb));
    --color-bg-360-inverse-rgb: 241, 242, 244;
    --color-bg-360-inverse: rgb(var(--color-bg-360-inverse-rgb));
    --color-bg-370-inverse-rgb: 241, 242, 244;
    --color-bg-370-inverse: rgb(var(--color-bg-370-inverse-rgb));
    --color-bg-380-inverse-rgb: 241, 242, 244;
    --color-bg-380-inverse: rgb(var(--color-bg-380-inverse-rgb));
    --color-bg-390-inverse-rgb: 241, 242, 244;
    --color-bg-390-inverse: rgb(var(--color-bg-390-inverse-rgb));
    --color-bg-460-inverse-rgb: 230, 230, 235;
    --color-bg-460-inverse: rgb(var(--color-bg-460-inverse-rgb));
    --color-bg-470-inverse-rgb: 230, 230, 235;
    --color-bg-470-inverse: rgb(var(--color-bg-470-inverse-rgb));
    --color-bg-480-inverse-rgb: 230, 230, 235;
    --color-bg-480-inverse: rgb(var(--color-bg-480-inverse-rgb));
    --color-bg-490-inverse-rgb: 230, 230, 235;
    --color-bg-490-inverse: rgb(var(--color-bg-490-inverse-rgb));
    --color-bg-560-inverse-rgb: 208, 212, 221;
    --color-bg-560-inverse: rgb(var(--color-bg-560-inverse-rgb));
    --color-bg-570-inverse-rgb: 208, 212, 221;
    --color-bg-570-inverse: rgb(var(--color-bg-570-inverse-rgb));
    --color-bg-580-inverse-rgb: 208, 212, 221;
    --color-bg-580-inverse: rgb(var(--color-bg-580-inverse-rgb));
    --color-bg-590-inverse-rgb: 208, 212, 221;
    --color-bg-590-inverse: rgb(var(--color-bg-590-inverse-rgb));
  }
  :root {
    --color-bg-standard-hover-rgb: 27, 42, 74, 0.04;
    --color-bg-standard-hover: rgb(var(--color-bg-standard-hover-rgb));
    --color-bg-code-rgb: 255, 255, 255, 0.08;
    --color-bg-code: rgb(var(--color-bg-code-rgb));
    --light-color-bg-standard-hover-rgb: 27, 42, 74, 0.04;
    --light-color-bg-standard-hover: rgb(var(--light-color-bg-standard-hover-rgb));
    --light-color-bg-code-rgb: 255, 255, 255, 0.08;
    --light-color-bg-code: rgb(var(--light-color-bg-code-rgb));
    --dark-color-bg-standard-hover-rgb: 227, 227, 227, 0.04;
    --dark-color-bg-standard-hover: rgb(var(--dark-color-bg-standard-hover-rgb));
    --dark-color-bg-code-rgb: 255, 255, 255, 0.08;
    --dark-color-bg-code: rgb(var(--dark-color-bg-code-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-standard-hover-rgb: 227, 227, 227, 0.04;
    --color-bg-standard-hover: rgb(var(--color-bg-standard-hover-rgb));
    --color-bg-code-rgb: 255, 255, 255, 0.08;
    --color-bg-code: rgb(var(--color-bg-code-rgb));
  }
  :root {
    --color-bg-standard-hover-inverse-rgb: 227, 227, 227, 0.06;
    --color-bg-standard-hover-inverse: rgb(var(--color-bg-standard-hover-inverse-rgb));
    --color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --color-bg-code-inverse: rgb(var(--color-bg-code-inverse-rgb));
    --light-color-bg-standard-hover-inverse-rgb: 227, 227, 227, 0.06;
    --light-color-bg-standard-hover-inverse: rgb(var(--light-color-bg-standard-hover-inverse-rgb));
    --light-color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --light-color-bg-code-inverse: rgb(var(--light-color-bg-code-inverse-rgb));
    --dark-color-bg-standard-hover-inverse-rgb: 27, 42, 74, 0.06;
    --dark-color-bg-standard-hover-inverse: rgb(var(--dark-color-bg-standard-hover-inverse-rgb));
    --dark-color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --dark-color-bg-code-inverse: rgb(var(--dark-color-bg-code-inverse-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-standard-hover-inverse-rgb: 27, 42, 74, 0.06;
    --color-bg-standard-hover-inverse: rgb(var(--color-bg-standard-hover-inverse-rgb));
    --color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --color-bg-code-inverse: rgb(var(--color-bg-code-inverse-rgb));
  }
  /* 
  	This generates all the permutations of the border colors, resulting in:
      'light': (
          '230': <light value for color '2'>,
          (...)
      ),
      'dark': (
          '230': <dark value for color '3'>,
          (...)
      ),
  */
  :root {
    --color-line-130-rgb: 255, 255, 255;
    --color-line-130: rgb(var(--color-line-130-rgb));
    --color-line-150-rgb: 255, 255, 255;
    --color-line-150: rgb(var(--color-line-150-rgb));
    --color-line-190-rgb: 255, 255, 255;
    --color-line-190: rgb(var(--color-line-190-rgb));
    --color-line-230-rgb: 226, 226, 226;
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250-rgb: 226, 226, 226;
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-line-290-rgb: 226, 226, 226;
    --color-line-290: rgb(var(--color-line-290-rgb));
    --color-line-330-rgb: 185, 184, 188;
    --color-line-330: rgb(var(--color-line-330-rgb));
    --color-line-350-rgb: 185, 184, 188;
    --color-line-350: rgb(var(--color-line-350-rgb));
    --color-line-390-rgb: 185, 184, 188;
    --color-line-390: rgb(var(--color-line-390-rgb));
    --color-line-340-rgb: 185, 184, 188;
    --color-line-340: rgb(var(--color-line-340-rgb));
    --light-color-line-130-rgb: 255, 255, 255;
    --light-color-line-130: rgb(var(--light-color-line-130-rgb));
    --light-color-line-150-rgb: 255, 255, 255;
    --light-color-line-150: rgb(var(--light-color-line-150-rgb));
    --light-color-line-190-rgb: 255, 255, 255;
    --light-color-line-190: rgb(var(--light-color-line-190-rgb));
    --light-color-line-230-rgb: 226, 226, 226;
    --light-color-line-230: rgb(var(--light-color-line-230-rgb));
    --light-color-line-250-rgb: 226, 226, 226;
    --light-color-line-250: rgb(var(--light-color-line-250-rgb));
    --light-color-line-290-rgb: 226, 226, 226;
    --light-color-line-290: rgb(var(--light-color-line-290-rgb));
    --light-color-line-330-rgb: 185, 184, 188;
    --light-color-line-330: rgb(var(--light-color-line-330-rgb));
    --light-color-line-350-rgb: 185, 184, 188;
    --light-color-line-350: rgb(var(--light-color-line-350-rgb));
    --light-color-line-390-rgb: 185, 184, 188;
    --light-color-line-390: rgb(var(--light-color-line-390-rgb));
    --light-color-line-340-rgb: 185, 184, 188;
    --light-color-line-340: rgb(var(--light-color-line-340-rgb));
    --dark-color-line-130-rgb: 78, 79, 85;
    --dark-color-line-130: rgb(var(--dark-color-line-130-rgb));
    --dark-color-line-150-rgb: 45, 46, 49;
    --dark-color-line-150: rgb(var(--dark-color-line-150-rgb));
    --dark-color-line-190-rgb: 10, 10, 16;
    --dark-color-line-190: rgb(var(--dark-color-line-190-rgb));
    --dark-color-line-230-rgb: 78, 79, 85;
    --dark-color-line-230: rgb(var(--dark-color-line-230-rgb));
    --dark-color-line-250-rgb: 45, 46, 49;
    --dark-color-line-250: rgb(var(--dark-color-line-250-rgb));
    --dark-color-line-290-rgb: 10, 10, 16;
    --dark-color-line-290: rgb(var(--dark-color-line-290-rgb));
    --dark-color-line-330-rgb: 78, 79, 85;
    --dark-color-line-330: rgb(var(--dark-color-line-330-rgb));
    --dark-color-line-350-rgb: 45, 46, 49;
    --dark-color-line-350: rgb(var(--dark-color-line-350-rgb));
    --dark-color-line-390-rgb: 10, 10, 16;
    --dark-color-line-390: rgb(var(--dark-color-line-390-rgb));
    --dark-color-line-340-rgb: 110, 111, 117;
    --dark-color-line-340: rgb(var(--dark-color-line-340-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-line-130-rgb: 78, 79, 85;
    --color-line-130: rgb(var(--color-line-130-rgb));
    --color-line-150-rgb: 45, 46, 49;
    --color-line-150: rgb(var(--color-line-150-rgb));
    --color-line-190-rgb: 10, 10, 16;
    --color-line-190: rgb(var(--color-line-190-rgb));
    --color-line-230-rgb: 78, 79, 85;
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250-rgb: 45, 46, 49;
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-line-290-rgb: 10, 10, 16;
    --color-line-290: rgb(var(--color-line-290-rgb));
    --color-line-330-rgb: 78, 79, 85;
    --color-line-330: rgb(var(--color-line-330-rgb));
    --color-line-350-rgb: 45, 46, 49;
    --color-line-350: rgb(var(--color-line-350-rgb));
    --color-line-390-rgb: 10, 10, 16;
    --color-line-390: rgb(var(--color-line-390-rgb));
    --color-line-340-rgb: 110, 111, 117;
    --color-line-340: rgb(var(--color-line-340-rgb));
  }
  :root .line-transparent,
  :root .border-transparent {
    border-color: transparent;
  }
  .line-primary-500-20,
  .border-primary-500-20 {
    border: 1px solid rgba(var(--color-primary-500-rgb), 0.2);
  }
  :root .line-130,
  :root .border-130 {
    border: 1px solid rgb(var(--color-line-130-rgb));
  }
  :root .line-130-as-fc,
  :root .border-130-as-fc {
    color: rgb(var(--color-line-130-rgb));
  }
  :root .line-130-as-bg,
  :root .border-130-as-bg {
    background-color: rgb(var(--color-line-130-rgb));
  }
  @media (hover: hover) {
    :root .line-130-on-hover:hover,
    :root .border-130-on-hover:hover {
      border-color: rgb(var(--color-line-130-rgb));
    }
    :root .hover-parent:hover .line-130-on-hover-parent,
    :root .hover-parent:hover .border-130-on-hover-parent {
      border-color: rgb(var(--color-line-130-rgb));
    }
  }
  :root .line-150,
  :root .border-150 {
    border: 1px solid rgb(var(--color-line-150-rgb));
  }
  :root .line-150-as-fc,
  :root .border-150-as-fc {
    color: rgb(var(--color-line-150-rgb));
  }
  :root .line-150-as-bg,
  :root .border-150-as-bg {
    background-color: rgb(var(--color-line-150-rgb));
  }
  @media (hover: hover) {
    :root .line-150-on-hover:hover,
    :root .border-150-on-hover:hover {
      border-color: rgb(var(--color-line-150-rgb));
    }
    :root .hover-parent:hover .line-150-on-hover-parent,
    :root .hover-parent:hover .border-150-on-hover-parent {
      border-color: rgb(var(--color-line-150-rgb));
    }
  }
  :root .line-190,
  :root .border-190 {
    border: 1px solid rgb(var(--color-line-190-rgb));
  }
  :root .line-190-as-fc,
  :root .border-190-as-fc {
    color: rgb(var(--color-line-190-rgb));
  }
  :root .line-190-as-bg,
  :root .border-190-as-bg {
    background-color: rgb(var(--color-line-190-rgb));
  }
  @media (hover: hover) {
    :root .line-190-on-hover:hover,
    :root .border-190-on-hover:hover {
      border-color: rgb(var(--color-line-190-rgb));
    }
    :root .hover-parent:hover .line-190-on-hover-parent,
    :root .hover-parent:hover .border-190-on-hover-parent {
      border-color: rgb(var(--color-line-190-rgb));
    }
  }
  :root .line-230,
  :root .border-230 {
    border: 1px solid rgb(var(--color-line-230-rgb));
  }
  :root .line-230-as-fc,
  :root .border-230-as-fc {
    color: rgb(var(--color-line-230-rgb));
  }
  :root .line-230-as-bg,
  :root .border-230-as-bg {
    background-color: rgb(var(--color-line-230-rgb));
  }
  @media (hover: hover) {
    :root .line-230-on-hover:hover,
    :root .border-230-on-hover:hover {
      border-color: rgb(var(--color-line-230-rgb));
    }
    :root .hover-parent:hover .line-230-on-hover-parent,
    :root .hover-parent:hover .border-230-on-hover-parent {
      border-color: rgb(var(--color-line-230-rgb));
    }
  }
  :root .line-250,
  :root .border-250 {
    border: 1px solid rgb(var(--color-line-250-rgb));
  }
  :root .line-250-as-fc,
  :root .border-250-as-fc {
    color: rgb(var(--color-line-250-rgb));
  }
  :root .line-250-as-bg,
  :root .border-250-as-bg {
    background-color: rgb(var(--color-line-250-rgb));
  }
  @media (hover: hover) {
    :root .line-250-on-hover:hover,
    :root .border-250-on-hover:hover {
      border-color: rgb(var(--color-line-250-rgb));
    }
    :root .hover-parent:hover .line-250-on-hover-parent,
    :root .hover-parent:hover .border-250-on-hover-parent {
      border-color: rgb(var(--color-line-250-rgb));
    }
  }
  :root .line-290,
  :root .border-290 {
    border: 1px solid rgb(var(--color-line-290-rgb));
  }
  :root .line-290-as-fc,
  :root .border-290-as-fc {
    color: rgb(var(--color-line-290-rgb));
  }
  :root .line-290-as-bg,
  :root .border-290-as-bg {
    background-color: rgb(var(--color-line-290-rgb));
  }
  @media (hover: hover) {
    :root .line-290-on-hover:hover,
    :root .border-290-on-hover:hover {
      border-color: rgb(var(--color-line-290-rgb));
    }
    :root .hover-parent:hover .line-290-on-hover-parent,
    :root .hover-parent:hover .border-290-on-hover-parent {
      border-color: rgb(var(--color-line-290-rgb));
    }
  }
  :root .line-330,
  :root .border-330 {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  :root .line-330-as-fc,
  :root .border-330-as-fc {
    color: rgb(var(--color-line-330-rgb));
  }
  :root .line-330-as-bg,
  :root .border-330-as-bg {
    background-color: rgb(var(--color-line-330-rgb));
  }
  @media (hover: hover) {
    :root .line-330-on-hover:hover,
    :root .border-330-on-hover:hover {
      border-color: rgb(var(--color-line-330-rgb));
    }
    :root .hover-parent:hover .line-330-on-hover-parent,
    :root .hover-parent:hover .border-330-on-hover-parent {
      border-color: rgb(var(--color-line-330-rgb));
    }
  }
  :root .line-350,
  :root .border-350 {
    border: 1px solid rgb(var(--color-line-350-rgb));
  }
  :root .line-350-as-fc,
  :root .border-350-as-fc {
    color: rgb(var(--color-line-350-rgb));
  }
  :root .line-350-as-bg,
  :root .border-350-as-bg {
    background-color: rgb(var(--color-line-350-rgb));
  }
  @media (hover: hover) {
    :root .line-350-on-hover:hover,
    :root .border-350-on-hover:hover {
      border-color: rgb(var(--color-line-350-rgb));
    }
    :root .hover-parent:hover .line-350-on-hover-parent,
    :root .hover-parent:hover .border-350-on-hover-parent {
      border-color: rgb(var(--color-line-350-rgb));
    }
  }
  :root .line-390,
  :root .border-390 {
    border: 1px solid rgb(var(--color-line-390-rgb));
  }
  :root .line-390-as-fc,
  :root .border-390-as-fc {
    color: rgb(var(--color-line-390-rgb));
  }
  :root .line-390-as-bg,
  :root .border-390-as-bg {
    background-color: rgb(var(--color-line-390-rgb));
  }
  @media (hover: hover) {
    :root .line-390-on-hover:hover,
    :root .border-390-on-hover:hover {
      border-color: rgb(var(--color-line-390-rgb));
    }
    :root .hover-parent:hover .line-390-on-hover-parent,
    :root .hover-parent:hover .border-390-on-hover-parent {
      border-color: rgb(var(--color-line-390-rgb));
    }
  }
  :root .line-340,
  :root .border-340 {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  :root .line-340-as-fc,
  :root .border-340-as-fc {
    color: rgb(var(--color-line-340-rgb));
  }
  :root .line-340-as-bg,
  :root .border-340-as-bg {
    background-color: rgb(var(--color-line-340-rgb));
  }
  @media (hover: hover) {
    :root .line-340-on-hover:hover,
    :root .border-340-on-hover:hover {
      border-color: rgb(var(--color-line-340-rgb));
    }
    :root .hover-parent:hover .line-340-on-hover-parent,
    :root .hover-parent:hover .border-340-on-hover-parent {
      border-color: rgb(var(--color-line-340-rgb));
    }
  }
  :root .line-primary, :root .line-theme-primary,
  :root .border-primary,
  :root .border-theme-primary {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-on-hover:hover, :root .line-theme-primary-on-hover:hover,
    :root .border-primary-on-hover:hover,
    :root .border-theme-primary-on-hover:hover {
      border-color: rgb(var(--color-primary-rgb));
    }
    :root .hover-parent:hover .line-primary-on-hover-parent, :root .hover-parent:hover .line-theme-primary-on-hover-parent,
    :root .hover-parent:hover .border-primary-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-on-hover-parent {
      border-color: rgb(var(--color-primary-rgb));
    }
  }
  :root .line-primary-light, :root .line-theme-primary-light,
  :root .border-primary-light,
  :root .border-theme-primary-light {
    border: 1px solid rgb(var(--color-primary-light-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-light-on-hover:hover, :root .line-theme-primary-light-on-hover:hover,
    :root .border-primary-light-on-hover:hover,
    :root .border-theme-primary-light-on-hover:hover {
      border-color: rgb(var(--color-primary-light-rgb));
    }
    :root .hover-parent:hover .line-primary-light-on-hover-parent, :root .hover-parent:hover .line-theme-primary-light-on-hover-parent,
    :root .hover-parent:hover .border-primary-light-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-light-on-hover-parent {
      border-color: rgb(var(--color-primary-light-rgb));
    }
  }
  :root .line-primary-dark, :root .line-theme-primary-dark,
  :root .border-primary-dark,
  :root .border-theme-primary-dark {
    border: 1px solid rgb(var(--color-primary-dark-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-dark-on-hover:hover, :root .line-theme-primary-dark-on-hover:hover,
    :root .border-primary-dark-on-hover:hover,
    :root .border-theme-primary-dark-on-hover:hover {
      border-color: rgb(var(--color-primary-dark-rgb));
    }
    :root .hover-parent:hover .line-primary-dark-on-hover-parent, :root .hover-parent:hover .line-theme-primary-dark-on-hover-parent,
    :root .hover-parent:hover .border-primary-dark-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-dark-on-hover-parent {
      border-color: rgb(var(--color-primary-dark-rgb));
    }
  }
  :root .line-primary-200, :root .line-theme-primary-200,
  :root .border-primary-200,
  :root .border-theme-primary-200 {
    border: 1px solid rgb(var(--color-primary-200-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-200-on-hover:hover, :root .line-theme-primary-200-on-hover:hover,
    :root .border-primary-200-on-hover:hover,
    :root .border-theme-primary-200-on-hover:hover {
      border-color: rgb(var(--color-primary-200-rgb));
    }
    :root .hover-parent:hover .line-primary-200-on-hover-parent, :root .hover-parent:hover .line-theme-primary-200-on-hover-parent,
    :root .hover-parent:hover .border-primary-200-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-200-on-hover-parent {
      border-color: rgb(var(--color-primary-200-rgb));
    }
  }
  :root .line-primary-500, :root .line-theme-primary-500,
  :root .border-primary-500,
  :root .border-theme-primary-500 {
    border: 1px solid rgb(var(--color-primary-500-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-500-on-hover:hover, :root .line-theme-primary-500-on-hover:hover,
    :root .border-primary-500-on-hover:hover,
    :root .border-theme-primary-500-on-hover:hover {
      border-color: rgb(var(--color-primary-500-rgb));
    }
    :root .hover-parent:hover .line-primary-500-on-hover-parent, :root .hover-parent:hover .line-theme-primary-500-on-hover-parent,
    :root .hover-parent:hover .border-primary-500-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-500-on-hover-parent {
      border-color: rgb(var(--color-primary-500-rgb));
    }
  }
  :root .line-primary-700, :root .line-theme-primary-700,
  :root .border-primary-700,
  :root .border-theme-primary-700 {
    border: 1px solid rgb(var(--color-primary-700-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-700-on-hover:hover, :root .line-theme-primary-700-on-hover:hover,
    :root .border-primary-700-on-hover:hover,
    :root .border-theme-primary-700-on-hover:hover {
      border-color: rgb(var(--color-primary-700-rgb));
    }
    :root .hover-parent:hover .line-primary-700-on-hover-parent, :root .hover-parent:hover .line-theme-primary-700-on-hover-parent,
    :root .hover-parent:hover .border-primary-700-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-700-on-hover-parent {
      border-color: rgb(var(--color-primary-700-rgb));
    }
  }
  :root .line-warn, :root .line-theme-warn,
  :root .border-warn,
  :root .border-theme-warn {
    border: 1px solid rgb(var(--color-warn-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-on-hover:hover, :root .line-theme-warn-on-hover:hover,
    :root .border-warn-on-hover:hover,
    :root .border-theme-warn-on-hover:hover {
      border-color: rgb(var(--color-warn-rgb));
    }
    :root .hover-parent:hover .line-warn-on-hover-parent, :root .hover-parent:hover .line-theme-warn-on-hover-parent,
    :root .hover-parent:hover .border-warn-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-on-hover-parent {
      border-color: rgb(var(--color-warn-rgb));
    }
  }
  :root .line-warn-dark, :root .line-theme-warn-dark,
  :root .border-warn-dark,
  :root .border-theme-warn-dark {
    border: 1px solid rgb(var(--color-warn-dark-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-dark-on-hover:hover, :root .line-theme-warn-dark-on-hover:hover,
    :root .border-warn-dark-on-hover:hover,
    :root .border-theme-warn-dark-on-hover:hover {
      border-color: rgb(var(--color-warn-dark-rgb));
    }
    :root .hover-parent:hover .line-warn-dark-on-hover-parent, :root .hover-parent:hover .line-theme-warn-dark-on-hover-parent,
    :root .hover-parent:hover .border-warn-dark-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-dark-on-hover-parent {
      border-color: rgb(var(--color-warn-dark-rgb));
    }
  }
  :root .line-warn-500, :root .line-theme-warn-500,
  :root .border-warn-500,
  :root .border-theme-warn-500 {
    border: 1px solid rgb(var(--color-warn-500-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-500-on-hover:hover, :root .line-theme-warn-500-on-hover:hover,
    :root .border-warn-500-on-hover:hover,
    :root .border-theme-warn-500-on-hover:hover {
      border-color: rgb(var(--color-warn-500-rgb));
    }
    :root .hover-parent:hover .line-warn-500-on-hover-parent, :root .hover-parent:hover .line-theme-warn-500-on-hover-parent,
    :root .hover-parent:hover .border-warn-500-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-500-on-hover-parent {
      border-color: rgb(var(--color-warn-500-rgb));
    }
  }
  :root .line-warn-700, :root .line-theme-warn-700,
  :root .border-warn-700,
  :root .border-theme-warn-700 {
    border: 1px solid rgb(var(--color-warn-700-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-700-on-hover:hover, :root .line-theme-warn-700-on-hover:hover,
    :root .border-warn-700-on-hover:hover,
    :root .border-theme-warn-700-on-hover:hover {
      border-color: rgb(var(--color-warn-700-rgb));
    }
    :root .hover-parent:hover .line-warn-700-on-hover-parent, :root .hover-parent:hover .line-theme-warn-700-on-hover-parent,
    :root .hover-parent:hover .border-warn-700-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-700-on-hover-parent {
      border-color: rgb(var(--color-warn-700-rgb));
    }
  }
  .line-primary-on-focus:focus,
  .border-primary-on-focus:focus {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  .line-primary-on-focus-within:focus-within,
  .border-primary-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  .line-330-on-focus:focus,
  .border-330-on-focus:focus {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  .line-330-on-focus-within:focus-within,
  .border-330-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  .line-340-on-focus:focus,
  .border-340-on-focus:focus {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  .line-340-on-focus-within:focus-within,
  .border-340-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  .line-shiny,
  .border-shiny {
    border: 1px solid var(linear-gradient(147deg, #66d4bb -2.01%, #48a1ee 111.11%), #66d4bb);
  }
  :root {
    --color-highlight-text-rgb: 48, 107, 159;
    --color-highlight-text: rgb(var(--color-highlight-text-rgb));
    --color-highlight-background: rgba(var(--color-primary-rgb), 0.25);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-highlight-text-rgb: var(--color-primary-rgb);
    --color-highlight-text: rgb(var(--color-highlight-text-rgb));
  }
  :root {
    --color-bg-modal-rgb: 255, 255, 255;
    --color-bg-modal-search-rgb: 244, 245, 247;
    --color-bg-modal: rgb(var(--color-bg-modal-rgb));
    --color-bg-modal-search: rgb(var(--color-bg-modal-search-rgb));
    --color-bg-dark-modal: rgb(var(--color-bg-290-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-modal-rgb: 27, 28, 31;
    --color-bg-modal-search-rgb: 37, 39, 44;
  }
  .bg-modal,
  .bg-m {
    background-color: var(--color-bg-modal);
  }
  .bg-modal-search,
  .bg-m-search {
    background-color: var(--color-bg-modal-search);
  }
  .bg-dark-modal,
  .bg-d-m {
    background-color: var(--color-bg-dark-modal);
  }
  :root {
    --__fg-to-bg-opacity: 0.2;
    --color-node-note-rgb: 241, 89, 42;
    --color-node-note: rgb(var(--color-node-note-rgb));
    --color-node-note-bg: rgba(var(--color-node-note-rgb), var(--__fg-to-bg-opacity));
    --color-node-tag-rgb: 72, 161, 238;
    --color-node-tag: rgb(var(--color-node-tag-rgb));
    --color-node-tag-bg: rgba(var(--color-node-tag-rgb), var(--__fg-to-bg-opacity));
    --color-node-website-rgb: 87, 192, 66;
    --color-node-website: rgb(var(--color-node-website-rgb));
    --color-node-website-bg: rgba(var(--color-node-website-rgb), var(--__fg-to-bg-opacity));
    --color-node-file-rgb: 129, 130, 136;
    --color-node-file: rgb(var(--color-node-file-rgb));
    --color-node-file-bg: rgba(var(--color-node-file-rgb), var(--__fg-to-bg-opacity));
    --color-node-document-rgb: 129, 130, 136;
    --color-node-document: rgb(var(--color-node-document-rgb));
    --color-node-document-bg: rgba(var(--color-node-document-rgb), var(--__fg-to-bg-opacity));
    --color-node-workspace-rgb: 252, 198, 0;
    --color-node-workspace: rgb(var(--color-node-workspace-rgb));
    --color-node-workspace-bg: rgba(var(--color-node-workspace-rgb), var(--__fg-to-bg-opacity));
    --color-node-ai-rgb: 139, 92, 246;
    --color-node-ai: rgb(var(--color-node-ai-rgb));
    --color-node-ai-bg: rgba(var(--color-node-ai-rgb), var(--__fg-to-bg-opacity));
  }
  .icon-note,
  .note-color,
  .color-note,
  .node-type-note-color {
    --color-node-rgb: var(--color-node-note-rgb);
    --color-node: var(--color-node-note);
    --color-node-bg: var(--color-node-note-bg);
  }
  .icon-tag,
  .tag-color,
  .color-tag,
  .node-type-tag-color {
    --color-node-rgb: var(--color-node-tag-rgb);
    --color-node: var(--color-node-tag);
    --color-node-bg: var(--color-node-tag-bg);
  }
  .icon-website,
  .website-color,
  .color-website,
  .node-type-website-color {
    --color-node-rgb: var(--color-node-website-rgb);
    --color-node: var(--color-node-website);
    --color-node-bg: var(--color-node-website-bg);
  }
  .icon-document,
  .file-color,
  .color-file,
  .node-type-file-color {
    --color-node-rgb: var(--color-node-file-rgb);
    --color-node: var(--color-node-file);
    --color-node-bg: var(--color-node-file-bg);
  }
  .icon-document,
  .document-color,
  .color-document,
  .node-type-document-color {
    --color-node-rgb: var(--color-node-document-rgb);
    --color-node: var(--color-node-document);
    --color-node-bg: var(--color-node-document-bg);
  }
  .icon-workspace,
  .workspace-color,
  .color-workspace,
  .node-type-workspace-color {
    --color-node-rgb: var(--color-node-workspace-rgb);
    --color-node: var(--color-node-workspace);
    --color-node-bg: var(--color-node-workspace-bg);
  }
  .icon-ai,
  .ai-color,
  .color-ai,
  .node-type-ai-color {
    --color-node-rgb: var(--color-node-ai-rgb);
    --color-node: var(--color-node-ai);
    --color-node-bg: var(--color-node-ai-bg);
  }
  :root {
    --color-font-notifications-badge: var(--color-text-white);
    --color-border-notifications-badge: var(--color-text-white);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-font-notifications-badge: rgb(var(--color-text-800-rgb));
    --color-border-notifications-badge: rgb(var(--color-text-800-rgb));
  }
  :root {
    --color-shadow-rgb: 0, 0, 0;
    --color-shadow-alpha: 0.25;
    --color-shadow: rgba(var(--color-shadow-rgb), var(--color-shadow-alpha));
    --shadow-1: 0px 2px 2px rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
    --shadow-2: 0px 14px 14px rgba(0, 0, 0, 0.1), 0px 8px 8px rgba(0, 0, 0, 0.2),
    	0 0 4px 3px rgba(0, 0, 0, 0.1);
    --shadow-menu: 4px 10px 16px 0px rgba(12, 30, 70, 0.08), 2px 6px 12px 0px rgba(17, 42, 96, 0.06),
    	0px 2px 6px 0px rgba(13, 34, 80, 0.02), 0px 0px 4px 0px rgba(9, 22, 70, 0.02),
    	0px 1px 2px 0px rgba(0, 0, 0, 0.02);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --shadow-menu: 4px 10px 16px 0px rgba(0, 0, 0, 0.25), 2px 6px 12px 0px rgba(0, 0, 0, 0.25),
    	0px 2px 6px 0px rgba(0, 0, 0, 0.2), 0px 0px 4px 0px rgba(14, 17, 28, 0.15),
    	0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  }
  .shadow-1, .shadow-z1 {
    box-shadow: var(--shadow-1);
  }
  .shadow-2, .shadow-z2 {
    box-shadow: var(--shadow-2);
  }
  .shadow-menu {
    box-shadow: var(--shadow-menu);
  }
  .fill-on-hover-0:hover {
    fill-opacity: 0;
  }
  .fill-on-hover-5:hover {
    fill-opacity: 0.05;
  }
  .fill-on-hover-10:hover {
    fill-opacity: 0.1;
  }
  .fill-on-hover-15:hover {
    fill-opacity: 0.15;
  }
  .fill-on-hover-20:hover {
    fill-opacity: 0.2;
  }
  .fill-on-hover-25:hover {
    fill-opacity: 0.25;
  }
  .fill-on-hover-30:hover {
    fill-opacity: 0.3;
  }
  .fill-on-hover-35:hover {
    fill-opacity: 0.35;
  }
  .fill-on-hover-40:hover {
    fill-opacity: 0.4;
  }
  .fill-on-hover-45:hover {
    fill-opacity: 0.45;
  }
  .fill-on-hover-50:hover {
    fill-opacity: 0.5;
  }
  .fill-on-hover-55:hover {
    fill-opacity: 0.55;
  }
  .fill-on-hover-60:hover {
    fill-opacity: 0.6;
  }
  .fill-on-hover-65:hover {
    fill-opacity: 0.65;
  }
  .fill-on-hover-70:hover {
    fill-opacity: 0.7;
  }
  .fill-on-hover-75:hover {
    fill-opacity: 0.75;
  }
  .fill-on-hover-80:hover {
    fill-opacity: 0.8;
  }
  .fill-on-hover-85:hover {
    fill-opacity: 0.85;
  }
  .fill-on-hover-90:hover {
    fill-opacity: 0.9;
  }
  .fill-on-hover-95:hover {
    fill-opacity: 0.95;
  }
  .fill-on-hover-100:hover {
    fill-opacity: 1;
  }
  .code-container {
    background-color: var(--color-code-bg);
    color: var(--color-code-text);
  }
  :root {
    --font-family-base: 'AppPrimary', 'Helvetica Neue', Arial, sans-serif;
    --font-family-serif: Georgia, 'Times New Roman', serif;
    --font-family-monospace: Monaco, 'Courier New', monospace;
  }
  html {
    font-family: "AppPrimary", "Helvetica Neue", Arial, sans-serif;
    font-family: var(--font-family-base);
  }
  input,
  textarea,
  button {
    font-family: inherit;
  }
  .font-family-default, .font-family-base {
    font-family: var(--font-family-base);
  }
  .font-family-serif {
    font-family: var(--font-family-serif);
  }
  .font-family-monospace {
    font-family: var(--font-family-monospace);
  }
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ls-l,
  .l-spacing-l,
  .letter-spacing-l {
    letter-spacing: 3px;
  }
  .it,
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration: underline;
  }
  .underline-on-hover:hover {
    text-decoration: underline;
  }
  .strike,
  .strikethrough,
  .strike-through,
  .linethrough,
  .line-through {
    text-decoration: line-through;
  }
  .fa-l, .fa-left,
  .ta-l,
  .ta-left,
  .falign-l,
  .falign-left,
  .talign-l,
  .talign-left,
  .text-align-l,
  .text-align-left {
    text-align: left;
  }
  .fa-c, .fa-center,
  .ta-c,
  .ta-center,
  .falign-c,
  .falign-center,
  .talign-c,
  .talign-center,
  .text-align-c,
  .text-align-center {
    text-align: center;
  }
  .fa-r, .fa-right,
  .ta-r,
  .ta-right,
  .falign-r,
  .falign-right,
  .talign-r,
  .talign-right,
  .text-align-r,
  .text-align-right {
    text-align: right;
  }
  .ws-pl, .ws-pre-line, .ws-preline,
  .white-space-pl,
  .white-space-pre-line,
  .white-space-preline {
    white-space: pre-line;
  }
  .ws-nw, .ws-nowrap, .ws-no-wrap,
  .white-space-nw,
  .white-space-nowrap,
  .white-space-no-wrap {
    white-space: nowrap;
  }
  .wb-break-all, .wb-ba,
  .word-break-break-all,
  .word-break-ba {
    word-break: break-all;
  }
  .wb-break-word, .wb-bw,
  .word-break-break-word,
  .word-break-bw {
    word-break: break-word;
  }
  .text-right-to-left {
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override;
  }
  :root {
    font-size: 16px;
    --font-line-height: 16px;
    line-height: var(--font-line-height);
    --fs-title: calc((32 / 16) * 1rem);
    --font-size-title: calc((32 / 16) * 1rem);
    --fs-h1: calc((24 / 16) * 1rem);
    --font-size-h1: calc((24 / 16) * 1rem);
    --fs-h2: calc((22 / 16) * 1rem);
    --font-size-h2: calc((22 / 16) * 1rem);
    --fs-h3: calc((20 / 16) * 1rem);
    --font-size-h3: calc((20 / 16) * 1rem);
    --fs-h4: calc((18 / 16) * 1rem);
    --font-size-h4: calc((18 / 16) * 1rem);
    --fs-h5: calc((16 / 16) * 1rem);
    --font-size-h5: calc((16 / 16) * 1rem);
    --fs-h6: calc((16 / 16) * 1rem);
    --font-size-h6: calc((16 / 16) * 1rem);
    --fs-xxl: calc((22 / 16) * 1rem);
    --font-size-xxl: calc((22 / 16) * 1rem);
    --fs-xl: calc((20 / 16) * 1rem);
    --font-size-xl: calc((20 / 16) * 1rem);
    --fs-l: calc((18 / 16) * 1rem);
    --font-size-l: calc((18 / 16) * 1rem);
    --fs-m: calc((16 / 16) * 1rem);
    --font-size-m: calc((16 / 16) * 1rem);
    --fs-s: calc((14 / 16) * 1rem);
    --font-size-s: calc((14 / 16) * 1rem);
    --fs-xs: calc((12 / 16) * 1rem);
    --font-size-xs: calc((12 / 16) * 1rem);
    --fs-xxs: calc((12 / 16) * 1rem);
    --font-size-xxs: calc((12 / 16) * 1rem);
    --fs-body1: calc((16 / 16) * 1rem);
    --font-size-body1: calc((16 / 16) * 1rem);
    --fs-small1: calc((14 / 16) * 1rem);
    --font-size-small1: calc((14 / 16) * 1rem);
    --fs-small2: calc((14 / 16) * 1rem);
    --font-size-small2: calc((14 / 16) * 1rem);
    --fs-overline1: calc((12 / 16) * 1rem);
    --font-size-overline1: calc((12 / 16) * 1rem);
    --fs-icon-s: calc((16 / 16) * 1rem);
    --font-size-icon-s: calc((16 / 16) * 1rem);
    --fs-icon-small: calc((16 / 16) * 1rem);
    --font-size-icon-small: calc((16 / 16) * 1rem);
    --fs-icon: calc((24 / 16) * 1rem);
    --font-size-icon: calc((24 / 16) * 1rem);
    --fs-icon-l: calc((28 / 16) * 1rem);
    --font-size-icon-l: calc((28 / 16) * 1rem);
    --fs-icon-2x: calc((48 / 16) * 1rem);
    --font-size-icon-2x: calc((48 / 16) * 1rem);
    --lh-title: calc((34 / 16) * 1rem);
    --lh-h1: calc((28 / 16) * 1rem);
    --lh-h2: calc((26 / 16) * 1rem);
    --lh-h3: calc((24 / 16) * 1rem);
    --lh-h4: calc((22 / 16) * 1rem);
    --lh-h5: calc((20 / 16) * 1rem);
    --lh-h6: calc((22 / 16) * 1rem);
    --lh-xxl: calc((26 / 16) * 1rem);
    --lh-xl: calc((24 / 16) * 1rem);
    --lh-l: calc((22 / 16) * 1rem);
    --lh-m: calc((17 / 16) * 1rem);
    --lh-s: calc((18 / 16) * 1rem);
    --lh-xs: calc((16 / 16) * 1rem);
    --lh-xxs: calc((12 / 16) * 1rem);
    --lh-body1: calc((22 / 16) * 1rem);
    --lh-small1: calc((18 / 16) * 1rem);
    --lh-small2: calc((14 / 16) * 1rem);
    --lh-overline1: calc((12 / 16) * 1rem);
    --lh-icon-s: calc((16 / 16) * 1rem);
    --lh-icon-small: calc((16 / 16) * 1rem);
    --lh-icon: calc((24 / 16) * 1rem);
    --lh-icon-l: calc((28 / 16) * 1rem);
    --lh-icon-2x: calc((48 / 16) * 1rem);
  }
  :root.screen-desktop {
    font-size: 14px;
    --fs-title: calc((32 / 14) * 1rem);
    --font-size-title: calc((32 / 14) * 1rem);
    --fs-h1: calc((24 / 14) * 1rem);
    --font-size-h1: calc((24 / 14) * 1rem);
    --fs-h2: calc((22 / 14) * 1rem);
    --font-size-h2: calc((22 / 14) * 1rem);
    --fs-h3: calc((20 / 14) * 1rem);
    --font-size-h3: calc((20 / 14) * 1rem);
    --fs-h4: calc((18 / 14) * 1rem);
    --font-size-h4: calc((18 / 14) * 1rem);
    --fs-h5: calc((16 / 14) * 1rem);
    --font-size-h5: calc((16 / 14) * 1rem);
    --fs-h6: calc((16 / 14) * 1rem);
    --font-size-h6: calc((16 / 14) * 1rem);
    --fs-xxl: calc((22 / 14) * 1rem);
    --font-size-xxl: calc((22 / 14) * 1rem);
    --fs-xl: calc((20 / 14) * 1rem);
    --font-size-xl: calc((20 / 14) * 1rem);
    --fs-l: calc((18 / 14) * 1rem);
    --font-size-l: calc((18 / 14) * 1rem);
    --fs-m: calc((14 / 14) * 1rem);
    --font-size-m: calc((14 / 14) * 1rem);
    --fs-s: calc((12 / 14) * 1rem);
    --font-size-s: calc((12 / 14) * 1rem);
    --fs-xs: calc((12 / 14) * 1rem);
    --font-size-xs: calc((12 / 14) * 1rem);
    --fs-xxs: calc((10 / 14) * 1rem);
    --font-size-xxs: calc((10 / 14) * 1rem);
    --fs-body1: calc((14 / 14) * 1rem);
    --font-size-body1: calc((14 / 14) * 1rem);
    --fs-small1: calc((12 / 14) * 1rem);
    --font-size-small1: calc((12 / 14) * 1rem);
    --fs-small2: calc((12 / 14) * 1rem);
    --font-size-small2: calc((12 / 14) * 1rem);
    --fs-overline1: calc((10 / 14) * 1rem);
    --font-size-overline1: calc((10 / 14) * 1rem);
    --fs-icon-s: calc((16 / 14) * 1rem);
    --font-size-icon-s: calc((16 / 14) * 1rem);
    --fs-icon-small: calc((16 / 14) * 1rem);
    --font-size-icon-small: calc((16 / 14) * 1rem);
    --fs-icon: calc((22 / 14) * 1rem);
    --font-size-icon: calc((22 / 14) * 1rem);
    --fs-icon-l: calc((24 / 14) * 1rem);
    --font-size-icon-l: calc((24 / 14) * 1rem);
    --fs-icon-2x: calc((44 / 14) * 1rem);
    --font-size-icon-2x: calc((44 / 14) * 1rem);
    --lh-title: calc((36 / 14) * 1rem);
    --lh-h1: calc((28 / 14) * 1rem);
    --lh-h2: calc((26 / 14) * 1rem);
    --lh-h3: calc((24 / 14) * 1rem);
    --lh-h4: calc((22 / 14) * 1rem);
    --lh-h5: calc((20 / 14) * 1rem);
    --lh-h6: calc((22 / 14) * 1rem);
    --lh-xxl: calc((26 / 14) * 1rem);
    --lh-xl: calc((24 / 14) * 1rem);
    --lh-l: calc((22 / 14) * 1rem);
    --lh-m: calc((16 / 14) * 1rem);
    --lh-s: calc((16 / 14) * 1rem);
    --lh-xs: calc((12 / 14) * 1rem);
    --lh-xxs: calc((12 / 14) * 1rem);
    --lh-body1: calc((20 / 14) * 1rem);
    --lh-small1: calc((16 / 14) * 1rem);
    --lh-small2: calc((12 / 14) * 1rem);
    --lh-overline1: calc((12 / 14) * 1rem);
    --lh-icon-s: calc((16 / 14) * 1rem);
    --lh-icon-small: calc((16 / 14) * 1rem);
    --lh-icon: calc((22 / 14) * 1rem);
    --lh-icon-l: calc((24 / 14) * 1rem);
    --lh-icon-2x: calc((44 / 14) * 1rem);
  }
  body {
    font-size: var(--fs-m);
  }
  [class^=icon-],
  [class*=" icon-"],
  [class^=iconff-],
  [class*=" iconff-"],
  [class^=ns-icon-],
  [class*=" ns-icon-"] {
    font-size: var(--fs-icon);
  }
  :root {
    --fw-thin: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-black: 900;
  }
  .fw-t, .fw-thin, .fw-200 {
    font-weight: var(--fw-thin);
  }
  .fw-l, .fw-light, .fw-300 {
    font-weight: var(--fw-light);
  }
  .fw-r, .fw-regular, .fw-400 {
    font-weight: var(--fw-regular);
  }
  .fw-m, .fw-medium, .fw-500 {
    font-weight: var(--fw-medium);
  }
  .fw-sb, .fw-semi-bold, .fw-semibold, .fw-600 {
    font-weight: var(--fw-semi-bold);
  }
  .fw-b, .fw-bold, .fw-700 {
    font-weight: var(--fw-bold);
  }
  .fw-xb, .fw-bl, .fw-black, .fw-900 {
    font-weight: var(--fw-black);
  }
  a,
  reach-anchor {
    text-decoration: none;
    color: inherit;
  }
  button {
    border: none;
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  button[disabled=""], button[disabled=true] {
    cursor: not-allowed;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  button.bg-success-node-hover:hover {
    background-color: rgba(var(--color-node-website-rgb), 0.2);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0px;
  }
  img:not(.left-as-is),
  object.as-img:not(.left-as-is) {
    display: inline-block;
    max-height: 100%;
    color: transparent;
    width: auto;
    height: auto;
  }
  img:not(.left-as-is):not(.keep-size).use-width,
  object.as-img:not(.left-as-is):not(.keep-size).use-width {
    max-height: unset;
    width: 100%;
    max-width: 100%;
  }
  img:not(.left-as-is):not(.keep-size).use-height,
  object.as-img:not(.left-as-is):not(.keep-size).use-height {
    height: 100%;
    max-height: 100%;
    max-width: unset;
  }
  img {
    -webkit-touch-callout: default !important;
  }
  input,
  textarea,
  [contenteditable] {
    caret-color: var(--color-primary);
  }
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    display: none;
  }
  textarea,
  input {
    outline: none;
    color: var(--color-text-800);
    font-family: inherit;
    font-size: var(--fs-m);
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
  }
  textarea::placeholder,
  input::placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .input-with-label-wrapper > input:not(:placeholder-shown) + .label {
    opacity: 0;
  }
  .input-with-label-wrapper .label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: none;
  }
  .icon-input-icon {
    border-radius: 8px;
    padding: 0px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background-color: rgb(var(--color-bg-180-rgb));
    color: var(--color-text-400);
  }
  .icon-input-icon > .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .icon-input-icon > .icon:first-child {
    padding-right: 8px;
  }
  .icon-input-icon > .icon:last-child {
    padding-left: 8px;
  }
  .icon-input-icon > input {
    flex: 1;
    padding: 8px 0px;
    box-sizing: border-box;
    color: var(--color-text-800);
  }
  .icon-input-icon > input::placeholder, .icon-input-icon > input::ms-input-placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .textarea-widget,
  .input-widget {
    background-color: transparent;
  }
  .reach-input-widget,
  .textarea-widget,
  .input-widget {
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
    caret-color: var(--color-theme-primary);
    color: var(--color-text-800);
  }
  .reach-input-widget[disabled],
  .textarea-widget[disabled],
  .input-widget[disabled] {
    color: var(--color-text-500);
  }
  .reach-input-widget::placeholder,
  .textarea-widget::placeholder,
  .input-widget::placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .reach-input-widget.without-border,
  .textarea-widget.without-border,
  .input-widget.without-border {
    border: none;
  }
  .reach-input-widget.enabled:not(.without-focus):hover, .reach-input-widget:enabled:not(.without-focus):hover,
  .textarea-widget.enabled:not(.without-focus):hover,
  .textarea-widget:enabled:not(.without-focus):hover,
  .input-widget.enabled:not(.without-focus):hover,
  .input-widget:enabled:not(.without-focus):hover {
    --_border-color: rgb(var(--_shadow-color-rgb));
  }
  .reach-input-widget-wrapper .textarea-widget,
  .reach-input-widget-wrapper .input-widget {
    padding: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none !important;
  }
  .reach-input-widget:focus-within,
  .textarea-widget:focus,
  .input-widget:focus {
    outline: none;
    -webkit-box-shadow: none;
  }
  .reach-input-widget:not(.without-focus):focus-within,
  .textarea-widget:not(.without-focus):focus,
  .input-widget:not(.without-focus):focus {
    border-color: rgb(var(--_shadow-color-rgb));
  }
  ::placeholder,
  ::-ms-input-placeholder,
  :-ms-input-placeholder {
    color: var(--color-text-400);
  }
  .input-wrapper.with-errors .reach-input-widget,
  .input-wrapper.with-errors .textarea-widget,
  .input-wrapper.with-errors .input-widget {
    --_border-color: var(--color-theme-warn);
    --_shadow-color-rgb: var(--color-theme-warn-rgb);
  }
  ul.clear,
  ol.clear {
    list-style: none;
  }
  select {
    width: 100%;
    padding: 0.5em 1em;
    background-color: var(--color-background-100, transparent);
    border-radius: 0.5em;
    border: 1px solid var(--color-line-230);
    caret-color: transparent;
    font-weight: var(--fw-regular, 400);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    font-size: inherit;
  }
  select:not([disabled]) {
    cursor: pointer;
    color: var(--color-text-800);
  }
  body {
    --hot-toast-bg: rgb(var(--color-bg-280-rgb));
    --hot-toast-shadow: var(--shadow-2);
    --hot-toast-color: var(--color-text-800);
    --toast-bg-error: rgba(231, 36, 55, 0.20);
    --toast-bg-warning: rgba(252, 198, 0, 0.20);
    --toast-bg-success: rgba(87, 192, 66, 0.20);
    --toast-bg-info: rgba(72, 161, 238, 0.20);
    --toast-color-error: var(--color-warn);
    --toast-color-warning: #8F5D17;
    --toast-color-success: #398C28;
    --toast-color-info: #306B9F;
    --toast-border-error: rgba(231, 36, 55, 0.20);
    --toast-border-warning: rgba(252, 198, 0, 0.20);
    --toast-border-success: rgba(87, 192, 66, 0.20);
    --toast-border-info: rgba(72, 161, 238, 0.20);
  }
  :root[app-theme=auto][client-theme=dark],
  :root[app-theme=dark] {
    --hot-toast-close-btn-background-image: url('cross-close-white.58fd2fb3bf8cb41a.svg');
    --hot-toast-close-btn-background-size: 20px;
  }
  .hot-toast-error-icon {
    --error-primary: var(--color-warn) !important;
    --error-secondary: var(--hot-toast-bg) !important;
  }
  .hot-toast {
    font-size: var(--fs-m);
    line-height: calc(2.5 * var(--spacing));
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-menu);
  }
  .hot-toast.hot-toast-error {
    color: var(--toast-color-error);
    border: 1px solid var(--toast-border-error);
    background: linear-gradient(0deg, var(--toast-bg-error) 0%, var(--toast-bg-error) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-warning {
    color: var(--toast-color-warning);
    border: 1px solid var(--toast-border-warning);
    background: linear-gradient(0deg, var(--toast-bg-warning) 0%, var(--toast-bg-warning) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-success {
    color: var(--toast-color-success);
    border: 1px solid var(--toast-border-success);
    background: linear-gradient(0deg, var(--toast-bg-success) 0%, var(--toast-bg-success) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-info {
    color: var(--toast-color-info);
    border: 1px solid var(--toast-border-info);
    background: linear-gradient(0deg, var(--toast-bg-info) 0%, var(--toast-bg-info) 100%), var(--color-bg-190, #FFF);
  }
  hot-toast-container > div {
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left) !important;
    box-sizing: border-box;
  }
  /*
  	Toast motion on the shared system: the library's enter (scale from 0.6, 80px away) and exit
  	(800ms, scale to 0.5) are replaced by a short rise in and a quick fade out. The library listens
  	for these keyframe names, so they keep their names; the durations go through the inline
  	`animation` it sets, which only an `!important` rule overrides.
  */
  @media (prefers-reduced-motion: no-preference) {
    .hot-toast-bar-base[style*=hotToastEnter] {
      animation-duration: 260ms !important;
      animation-timing-function: var(--ease-smooth) !important;
    }
    .hot-toast-bar-base[style*=hotToastExit] {
      animation-duration: 180ms !important;
      animation-timing-function: var(--ease-exit) !important;
    }
  }
  @keyframes hotToastEnterAnimationNegative {
    from {
      opacity: 0;
      transform: translate3d(0, -12px, 0) scale(0.97);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes hotToastEnterAnimationPositive {
    from {
      opacity: 0;
      transform: translate3d(0, 12px, 0) scale(0.97);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes hotToastExitAnimationNegative {
    from {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -8px, -1px) scale(0.97);
    }
  }
  @keyframes hotToastExitAnimationPositive {
    from {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 8px, -1px) scale(0.97);
    }
  }
  markdown {
    --spacing: 8px;
    line-height: 1.5;
  }
  markdown h1 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
  }
  markdown h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
  }
  markdown h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
  }
  markdown h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
  markdown h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
  markdown h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  markdown ul,
  markdown ol {
    margin: 0;
    padding: 0;
  }
  markdown ul > ul,
  markdown ul > li > ul,
  markdown ul > ol,
  markdown ul > li > ol,
  markdown ol > ul,
  markdown ol > li > ul,
  markdown ol > ol,
  markdown ol > li > ol {
    padding-left: calc(2 * var(--spacing));
  }
  markdown ul,
  markdown ol {
    list-style-position: inside;
    white-space: nowrap;
  }
  markdown ul > li::marker,
  markdown ol > li::marker {
    color: rgb(var(--color-text-400-rgb));
  }
  markdown ul > li,
  markdown ol > li {
    margin: calc(1.25 * var(--spacing)) 0;
    white-space: pre-line;
  }
  markdown ul > li > p,
  markdown ol > li > p {
    display: contents;
    vertical-align: text-top;
  }
  markdown table {
    border-collapse: collapse;
  }
  markdown th {
    background-color: rgb(var(--color-line-230-rgb));
    color: rgb(var(--color-text-800-rgb));
    font-weight: var(--fw-bold);
  }
  markdown th:first-of-type {
    border-top-left-radius: 8px;
  }
  markdown th:last-of-type {
    border-top-right-radius: 8px;
  }
  markdown tr:last-child td:first-of-type {
    border-bottom-left-radius: 8px;
  }
  markdown tr:last-child td:last-of-type {
    border-bottom-right-radius: 8px;
  }
  markdown th,
  markdown td {
    box-shadow: 0 0 0 1px rgb(var(--color-line-230-rgb));
    padding: var(--spacing);
    box-sizing: border-box;
  }
  markdown blockquote {
    white-space: wrap;
    margin: 0;
    padding: 0;
    padding-left: calc(2 * var(--spacing));
    box-sizing: border-box;
    color: rgb(var(--color-text-800-rgb));
    position: relative;
  }
  markdown blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--spacing);
    height: 100%;
    border-radius: 2px;
    background-color: rgba(var(--color-primary-rgb), 0.2);
  }
  markdown blockquote > p {
    white-space: pre-line;
  }
  markdown code[class*=language-],
  markdown pre[class*=language-] {
    background-color: rgb(var(--color-code-bg-rgb));
    color: rgb(var(--color-text-white-rgb));
  }
  markdown code[class*=language-].line-numbers .line-numbers-rows,
  markdown pre[class*=language-].line-numbers .line-numbers-rows {
    border-color: rgb(var(--color-line-230-rgb));
  }
  markdown code[class*=language-].line-numbers .line-numbers-rows > span::before,
  markdown pre[class*=language-].line-numbers .line-numbers-rows > span::before {
    color: rgb(var(--color-text-400-rgb));
  }
  markdown p {
    white-space: pre-line;
  }
  markdown a {
    color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(2 * var(--spacing));
    height: calc(2 * var(--spacing));
    border-radius: var(--spacing);
    margin: 0px 2px;
    font-size: var(--fs-xs);
    color: rgb(var(--color-text-100-rgb));
    background-color: rgb(var(--color-line-330-rgb));
    cursor: pointer;
  }
  markdown a.source-message-chip.expanded {
    padding: 0px 4px;
  }
  markdown a.source-message-chip:hover {
    background-color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip.source-message-chip-node {
    background-color: rgb(var(--color-bg-370-rgb));
    color: rgb(var(--color-node-rgb));
    border-radius: calc(0.75 * var(--spacing));
    width: 20px;
    height: 20px;
  }
  markdown a.source-message-chip.source-message-chip-node i {
    font-size: var(--fs-icon-s);
  }
  markdown a.source-message-chip.source-message-chip-node:hover {
    background-color: var(--color-node-bg);
  }
  markdown a.source-message-chip.source-message-chip-web:not(.source-message-chip-node):hover {
    background-color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip.hidden {
    display: none;
  }
  ngx-extended-pdf-viewer {
    --sidebar-width: calc(100px + (2 * var(--spacing)));
  }
  ngx-extended-pdf-viewer div.zoom .reach-pdf-border-box,
  ngx-extended-pdf-viewer div.zoom .reach-pdf-border-box * {
    box-sizing: border-box !important;
  }
  ngx-extended-pdf-viewer button:focus,
  ngx-extended-pdf-viewer a:focus,
  ngx-extended-pdf-viewer input:focus,
  ngx-extended-pdf-viewer select:focus {
    border: none !important;
  }
  ngx-extended-pdf-viewer ::selection {
    background-color: rgba(var(--color-primary-rgb), 0.2) !important;
  }
  ngx-extended-pdf-viewer .toolbar {
    border: none !important;
    border-color: var(--color-line-230) !important;
  }
  ngx-extended-pdf-viewer #viewsManager {
    width: 128px !important;
    height: calc(var(--viewer-container-height) + var(--toolbar-height)) !important;
  }
  ngx-extended-pdf-viewer pdf-sidebar-content {
    display: block;
    height: 100%;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #viewsManagerContent {
    top: 0px !important;
    padding: 0px !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  ngx-extended-pdf-viewer #viewsManagerContent::-webkit-scrollbar {
    display: none;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0px !important;
    padding: 0 !important;
    width: calc(100% - 2 * var(--spacing)) !important;
    counter-reset: page;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView a {
    border: none !important;
    outline: none;
    position: relative;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView .thumbnail {
    border-radius: calc(1.5 * var(--spacing));
    outline: none;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer .thumbnailImageContainer {
    padding-right: 2px;
    padding-top: 2px;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer {
    border-radius: calc(1.5 * var(--spacing));
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer img {
    height: calc(100% - 25px) !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid rgb(var(--color-line-250-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnail:hover .thumbnailImageContainer:not([aria-current=page]) img {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer[aria-current=page] img {
    border-color: var(--color-primary) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView > .thumbnail > .thumbnailImageContainer::after {
    inset-inline-end: 36% !important;
    background-color: unset !important;
    outline: none !important;
    color: rgb(var(--color-text-800-rgb)) !important;
  }
  ngx-extended-pdf-viewer #loadingBar {
    background-color: transparent !important;
    border: none !important;
  }
  ngx-extended-pdf-viewer .annotationEditorLayer {
    pointer-events: none !important;
  }
  ngx-extended-pdf-viewer #viewerContainer {
    border-radius: calc(1.5 * var(--spacing)) !important;
  }
  ngx-extended-pdf-viewer .body {
    background-color: unset !important;
  }
  ngx-extended-pdf-viewer .pdfViewer .page {
    border-image: none !important;
  }
  ngx-extended-pdf-viewer #toolbarSidebar,
  ngx-extended-pdf-viewer #view,
  ngx-extended-pdf-viewer #toolbarContainer,
  ngx-extended-pdf-viewer .findbar,
  ngx-extended-pdf-viewer .secondaryToolbar,
  ngx-extended-pdf-viewer .editorParamsToolbar {
    background-color: var(--color-bg-190) !important;
    color: var(--color-text-500) !important;
  }
  ngx-extended-pdf-viewer .html #scaleSelect,
  ngx-extended-pdf-viewer .html select,
  ngx-extended-pdf-viewer .html .toolbarField {
    background-color: var(--color-bg-160) !important;
    color: var(--color-text-500) !important;
    border-color: var(--color-line-230) !important;
    caret-color: var(--color-primary) !important;
  }
  ngx-extended-pdf-viewer .html select.reach-pdf-zoom-select,
  ngx-extended-pdf-viewer select.reach-pdf-zoom-select {
    color: transparent !important;
  }
  ngx-extended-pdf-viewer .html .toolbarButton,
  ngx-extended-pdf-viewer .html .dropdownToolbarButton,
  ngx-extended-pdf-viewer .html .secondaryToolbarButton,
  ngx-extended-pdf-viewer .html .toolbarLabel {
    color: var(--color-text-500) !important;
  }
  pdf-preview.reach-pdf-hide-toolbar #toolbarViewer,
  pdf-preview.reach-pdf-hide-toolbar .toolbar,
  pdf-preview.reach-pdf-hide-toolbar #toolbarContainer {
    display: none !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer #viewerContainer {
    padding: 16px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer .pdfViewer .page {
    margin: 0 auto 16px !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer .pdfViewer .page:last-child {
    margin-bottom: 0 !important;
  }
  cdk-virtual-scroll-viewport:not(.without-min-height) > .cdk-virtual-scroll-content-wrapper {
    min-height: 100%;
  }
  cdk-virtual-scroll-viewport:not(.without-max-width) > .cdk-virtual-scroll-content-wrapper {
    max-width: 100%;
  }
  .cdk-virtual-scrollable {
    transition: --scrollbar-color 0.4s ease;
  }
  .cdk-virtual-scrollable:hover {
    --scrollbar-color: rgba(var(--color-text-800-rgb), 0.6);
  }
  [class^=icon-],
  [class*=" icon-"] {
    position: relative;
    font-family: inherit !important;
  }
  [class^=icon-][hidden],
  [class*=" icon-"][hidden] {
    display: none;
  }
  [class^=icon-]::before,
  [class*=" icon-"]::before {
    display: flex;
    font-family: "icomoon" !important;
    width: 1em;
    height: 1em;
  }
  i {
    display: flex;
    width: 1em;
    height: 1em;
  }
  [class^=icon-][hidden],
  [class*=" icon-"][hidden],
  [class^=iconff-][hidden],
  [class*=" iconff-"][hidden],
  [class^=ns-icon-][hidden],
  [class*=" ns-icon-"][hidden] {
    display: none;
  }
  @font-face {
    font-family: "icomoon";
    src: url('icomoon.ae8fbf5e750c8581.eot?f56ff628b0a223938cb46a45cadd98c2#iefix') format("embedded-opentype"), url('icomoon.b85a590852859f86.woff2?f56ff628b0a223938cb46a45cadd98c2') format("woff2"), url('icomoon.927735f8c9136cb7.woff?f56ff628b0a223938cb46a45cadd98c2') format("woff");
  }
  [class^=icon-]:before, [class*=" icon-"]:before {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-preview:before {
    content: "\f101";
  }
  .icon-text-editor-camera:before {
    content: "\f102";
  }
  .icon-loading-bubbles:before {
    content: "\f103";
  }
  .icon-emoji-happy:before {
    content: "\f104";
  }
  .icon-keyboard-mac-control:before {
    content: "\f105";
  }
  .icon-bold-plus-add-circle:before {
    content: "\f106";
  }
  .icon-text-editor-emojis:before {
    content: "\f107";
  }
  .icon-atom:before {
    content: "\f108";
  }
  .icon-star:before {
    content: "\f109";
  }
  .icon-clock-sync:before {
    content: "\f10a";
  }
  .icon-trash-line:before {
    content: "\f10b";
  }
  .icon-album:before {
    content: "\f10c";
  }
  .icon-dashboard:before {
    content: "\f10d";
  }
  .icon-sparks-AI:before {
    content: "\f10e";
  }
  .icon-bold-unpin:before {
    content: "\f10f";
  }
  .icon-shortcut:before {
    content: "\f110";
  }
  .icon-bold-flag:before {
    content: "\f111";
  }
  .icon-automatic-search:before {
    content: "\f112";
  }
  .icon-tag-contact:before {
    content: "\f113";
  }
  .icon-text-editor-text-color:before {
    content: "\f114";
  }
  .icon-plus-bigger:before {
    content: "\f115";
  }
  .icon-swiss-franc:before {
    content: "\f116";
  }
  .icon-chats-node-chat:before {
    content: "\f117";
  }
  .icon-bold-tick-circle:before {
    content: "\f118";
  }
  .icon-key1:before {
    content: "\f119";
  }
  .icon-share:before {
    content: "\f11a";
  }
  .icon-zoom-in:before {
    content: "\f11b";
  }
  .icon-diamond:before {
    content: "\f11c";
  }
  .icon-text-editor-quote:before {
    content: "\f11d";
  }
  .icon-milligram:before {
    content: "\f11e";
  }
  .icon-line-chart:before {
    content: "\f11f";
  }
  .icon-preview-dark:before {
    content: "\f120";
  }
  .icon-burguer-menu:before {
    content: "\f121";
  }
  .icon-trending_up:before {
    content: "\f122";
  }
  .icon-rotate-left:before {
    content: "\f123";
  }
  .icon-operator-not-equal:before {
    content: "\f124";
  }
  .icon-text-editor-check-list:before {
    content: "\f125";
  }
  .icon-comment-remove-outline:before {
    content: "\f126";
  }
  .icon-tick-square-empty:before {
    content: "\f127";
  }
  .icon-card-view-location-standalone-2:before {
    content: "\f128";
  }
  .icon-chats-search-chat:before {
    content: "\f129";
  }
  .icon-edit:before {
    content: "\f12a";
  }
  .icon-key:before {
    content: "\f12b";
  }
  .icon-euro:before {
    content: "\f12c";
  }
  .icon-format-align-center:before {
    content: "\f12d";
  }
  .icon-duplicate:before {
    content: "\f12e";
  }
  .icon-plus-add-square:before {
    content: "\f12f";
  }
  .icon-download-light:before {
    content: "\f130";
  }
  .icon-reload:before {
    content: "\f131";
  }
  .icon-chats-clear-chat:before {
    content: "\f132";
  }
  .icon-chat-forum:before {
    content: "\f133";
  }
  .icon-medal:before {
    content: "\f134";
  }
  .icon-target:before {
    content: "\f135";
  }
  .icon-cluster:before {
    content: "\f136";
  }
  .icon-text-editor-keyboard:before {
    content: "\f137";
  }
  .icon-subpages:before {
    content: "\f138";
  }
  .icon-time-refresh:before {
    content: "\f139";
  }
  .icon-document:before {
    content: "\f13a";
  }
  .icon-text-editor-add-indent:before {
    content: "\f13b";
  }
  .icon-lock:before {
    content: "\f13c";
  }
  .icon-diagram-common:before {
    content: "\f13d";
  }
  .icon-bold-location:before {
    content: "\f13e";
  }
  .icon-comment-post:before {
    content: "\f13f";
  }
  .icon-distance-ruler-size:before {
    content: "\f140";
  }
  .icon-bold-pin-fix:before {
    content: "\f141";
  }
  .icon-manager:before {
    content: "\f142";
  }
  .icon-world-map:before {
    content: "\f143";
  }
  .icon-note:before {
    content: "\f144";
  }
  .icon-file-type:before {
    content: "\f145";
  }
  .icon-chevron:before {
    content: "\f146";
  }
  .icon-rich-bot-dead:before {
    content: "\f147";
  }
  .icon-sort:before {
    content: "\f148";
  }
  .icon-palette:before {
    content: "\f149";
  }
  .icon-extend:before {
    content: "\f14a";
  }
  .icon-play-circle:before {
    content: "\f14b";
  }
  .icon-search-view-snippet:before {
    content: "\f14c";
  }
  .icon-tick:before {
    content: "\f14d";
  }
  .icon-news:before {
    content: "\f14e";
  }
  .icon-bold-dot-notification:before {
    content: "\f14f";
  }
  .icon-log-out:before {
    content: "\f150";
  }
  .icon-bold-send:before {
    content: "\f151";
  }
  .icon-light:before {
    content: "\f152";
  }
  .icon-operator-not-value:before {
    content: "\f153";
  }
  .icon-small-card-view-fullscreen:before {
    content: "\f154";
  }
  .icon-welcome1:before {
    content: "\f155";
  }
  .icon-street:before {
    content: "\f156";
  }
  .icon-keyboard-mac-option:before {
    content: "\f157";
  }
  .icon-empty-trash:before {
    content: "\f158";
  }
  .icon-flash-bolt:before {
    content: "\f159";
  }
  .icon-more-options-vertical:before {
    content: "\f15a";
  }
  .icon-workspace:before {
    content: "\f15b";
  }
  .icon-source:before {
    content: "\f15c";
  }
  .icon-crown:before {
    content: "\f15d";
  }
  .icon-cross-empty:before {
    content: "\f15e";
  }
  .icon-map:before {
    content: "\f15f";
  }
  .icon-link:before {
    content: "\f160";
  }
  .icon-text-editor-strikethrough:before {
    content: "\f161";
  }
  .icon-sitemap:before {
    content: "\f162";
  }
  .icon-open-website1:before {
    content: "\f163";
  }
  .icon-text-editor-font-color:before {
    content: "\f164";
  }
  .icon-diagram-exclude:before {
    content: "\f165";
  }
  .icon-bold-filter-funnel:before {
    content: "\f166";
  }
  .icon-select:before {
    content: "\f167";
  }
  .icon-attachment:before {
    content: "\f168";
  }
  .icon-table-view-fullscreen:before {
    content: "\f169";
  }
  .icon-rich-bot:before {
    content: "\f16a";
  }
  .icon-text:before {
    content: "\f16b";
  }
  .icon-play:before {
    content: "\f16c";
  }
  .icon-text-editor-remove-indent:before {
    content: "\f16d";
  }
  .icon-importance:before {
    content: "\f16e";
  }
  .icon-search-list-standalone:before {
    content: "\f16f";
  }
  .icon-inbox:before {
    content: "\f170";
  }
  .icon-keyboard-enter:before {
    content: "\f171";
  }
  .icon-no-content:before {
    content: "\f172";
  }
  .icon-volume:before {
    content: "\f173";
  }
  .icon-cleanup-broom:before {
    content: "\f174";
  }
  .icon-warning:before {
    content: "\f175";
  }
  .icon-empty-trash-dark:before {
    content: "\f176";
  }
  .icon-operator-lt:before {
    content: "\f177";
  }
  .icon-phone-contacts:before {
    content: "\f178";
  }
  .icon-square-minus:before {
    content: "\f179";
  }
  .icon-play-video-slash:before {
    content: "\f17a";
  }
  .icon-back-in-time:before {
    content: "\f17b";
  }
  .icon-bold-edit:before {
    content: "\f17c";
  }
  .icon-knowledge-base:before {
    content: "\f17d";
  }
  .icon-memory-archive-folder:before {
    content: "\f17e";
  }
  .icon-icon-contact-empty:before {
    content: "\f17f";
  }
  .icon-number:before {
    content: "\f180";
  }
  .icon-chats-monthly-messages:before {
    content: "\f181";
  }
  .icon-widget:before {
    content: "\f182";
  }
  .icon-sun-bright:before {
    content: "\f183";
  }
  .icon-double-chevron:before {
    content: "\f184";
  }
  .icon-context:before {
    content: "\f185";
  }
  .icon-cross-circle:before {
    content: "\f186";
  }
  .icon-alarm:before {
    content: "\f187";
  }
  .icon-brain:before {
    content: "\f188";
  }
  .icon-verified-uncheck:before {
    content: "\f189";
  }
  .icon-focus-mode:before {
    content: "\f18a";
  }
  .icon-arrow-diagonal:before {
    content: "\f18b";
  }
  .icon-length:before {
    content: "\f18c";
  }
  .icon-expand-diagonal:before {
    content: "\f18d";
  }
  .icon-format-align-right:before {
    content: "\f18e";
  }
  .icon-coin:before {
    content: "\f18f";
  }
  .icon-icon-volume-muted:before {
    content: "\f190";
  }
  .icon-millimeter:before {
    content: "\f191";
  }
  .icon-diamond-normal:before {
    content: "\f192";
  }
  .icon-operator-any-value:before {
    content: "\f193";
  }
  .icon-bell-ring:before {
    content: "\f194";
  }
  .icon-label-tag:before {
    content: "\f195";
  }
  .icon-card-view-large-image-standalone:before {
    content: "\f196";
  }
  .icon-upload:before {
    content: "\f197";
  }
  .icon-currency:before {
    content: "\f198";
  }
  .icon-settings-clicked:before {
    content: "\f199";
  }
  .icon-minus-circle:before {
    content: "\f19a";
  }
  .icon-star-full:before {
    content: "\f19b";
  }
  .icon-tasks-and-events:before {
    content: "\f19c";
  }
  .icon-note-2:before {
    content: "\f19d";
  }
  .icon-info:before {
    content: "\f19e";
  }
  .icon-book-square:before {
    content: "\f19f";
  }
  .icon-centimeter:before {
    content: "\f1a0";
  }
  .icon-mention-card:before {
    content: "\f1a1";
  }
  .icon-flag:before {
    content: "\f1a2";
  }
  .icon-add-node:before {
    content: "\f1a3";
  }
  .icon-update-arrows:before {
    content: "\f1a4";
  }
  .icon-fullscreen-outside:before {
    content: "\f1a5";
  }
  .icon-color-light:before {
    content: "\f1a6";
  }
  .icon-website-www:before {
    content: "\f1a7";
  }
  .icon-home:before {
    content: "\f1a8";
  }
  .icon-operator-gte:before {
    content: "\f1a9";
  }
  .icon-diagram-join:before {
    content: "\f1aa";
  }
  .icon-text-editor-text-italic:before {
    content: "\f1ab";
  }
  .icon-text-editor-right-tab:before {
    content: "\f1ac";
  }
  .icon-website:before {
    content: "\f1ad";
  }
  .icon-merge:before {
    content: "\f1ae";
  }
  .icon-tick-select-all:before {
    content: "\f1af";
  }
  .icon-smiley:before {
    content: "\f1b0";
  }
  .icon-drag-and-drop-move:before {
    content: "\f1b1";
  }
  .icon-text-editor-text-bold:before {
    content: "\f1b2";
  }
  .icon-add-new-property:before {
    content: "\f1b3";
  }
  .icon-keyboard-command:before {
    content: "\f1b4";
  }
  .icon-drag-and-drop:before {
    content: "\f1b5";
  }
  .icon-chf:before {
    content: "\f1b6";
  }
  .icon-draft:before {
    content: "\f1b7";
  }
  .icon-label-list:before {
    content: "\f1b8";
  }
  .icon-format-italic:before {
    content: "\f1b9";
  }
  .icon-map-view:before {
    content: "\f1ba";
  }
  .icon-text-editor-toolbar-format:before {
    content: "\f1bb";
  }
  .icon-relationship-type-link:before {
    content: "\f1bc";
  }
  .icon-text-editor-heading:before {
    content: "\f1bd";
  }
  .icon-text-editor-add-relationship:before {
    content: "\f1be";
  }
  .icon-puzzle-slash:before {
    content: "\f1bf";
  }
  .icon-workspace-empty:before {
    content: "\f1c0";
  }
  .icon-email:before {
    content: "\f1c1";
  }
  .icon-card-view:before {
    content: "\f1c2";
  }
  .icon-marker-filled:before {
    content: "\f1c3";
  }
  .icon-search-view-card:before {
    content: "\f1c4";
  }
  .icon-text-editor-code:before {
    content: "\f1c5";
  }
  .icon-add-comment:before {
    content: "\f1c6";
  }
  .icon-tick-partial:before {
    content: "\f1c7";
  }
  .icon-check-square:before {
    content: "\f1c8";
  }
  .icon-mention-at-domain:before {
    content: "\f1c9";
  }
  .icon-select2:before {
    content: "\f1ca";
  }
  .icon-text-editor-copy:before {
    content: "\f1cb";
  }
  .icon-alert-triangle:before {
    content: "\f1cc";
  }
  .icon-whitelist:before {
    content: "\f1cd";
  }
  .icon-backlog:before {
    content: "\f1ce";
  }
  .icon-text-editor-bullet-list:before {
    content: "\f1cf";
  }
  .icon-tag-with-subtags:before {
    content: "\f1d0";
  }
  .icon-gram:before {
    content: "\f1d1";
  }
  .icon-info-dark:before {
    content: "\f1d2";
  }
  .icon-download:before {
    content: "\f1d3";
  }
  .icon-search-empty:before {
    content: "\f1d4";
  }
  .icon-format-card-view:before {
    content: "\f1d5";
  }
  .icon-card-view-snippet-standalone:before {
    content: "\f1d6";
  }
  .icon-phone:before {
    content: "\f1d7";
  }
  .icon-text-size:before {
    content: "\f1d8";
  }
  .icon-font-color:before {
    content: "\f1d9";
  }
  .icon-text-editor-divider:before {
    content: "\f1da";
  }
  .icon-menu:before {
    content: "\f1db";
  }
  .icon-tick-black:before {
    content: "\f1dc";
  }
  .icon-minus:before {
    content: "\f1dd";
  }
  .icon-pin-clicked:before {
    content: "\f1de";
  }
  .icon-bold-bolt:before {
    content: "\f1df";
  }
  .icon-interests:before {
    content: "\f1e0";
  }
  .icon-tag:before {
    content: "\f1e1";
  }
  .icon-system-chat:before {
    content: "\f1e2";
  }
  .icon-node-types:before {
    content: "\f1e3";
  }
  .icon-update-product:before {
    content: "\f1e4";
  }
  .icon-call-out:before {
    content: "\f1e5";
  }
  .icon-volume-muted:before {
    content: "\f1e6";
  }
  .icon-notifications:before {
    content: "\f1e7";
  }
  .icon-upload1:before {
    content: "\f1e8";
  }
  .icon-text-editor-left-tab:before {
    content: "\f1e9";
  }
  .icon-bus:before {
    content: "\f1ea";
  }
  .icon-sunset:before {
    content: "\f1eb";
  }
  .icon-utm-link:before {
    content: "\f1ec";
  }
  .icon-node-label-off:before {
    content: "\f1ed";
  }
  .icon-menu-library:before {
    content: "\f1ee";
  }
  .icon-bold-pause-media:before {
    content: "\f1ef";
  }
  .icon-text-editor-list-ordered:before {
    content: "\f1f0";
  }
  .icon-graph-view-network:before {
    content: "\f1f1";
  }
  .icon-degree-of-separation:before {
    content: "\f1f2";
  }
  .icon-editor:before {
    content: "\f1f3";
  }
  .icon-marker:before {
    content: "\f1f4";
  }
  .icon-trash:before {
    content: "\f1f5";
  }
  .icon-plus:before {
    content: "\f1f6";
  }
  .icon-time-update:before {
    content: "\f1f7";
  }
  .icon-zoom-out:before {
    content: "\f1f8";
  }
  .icon-heart:before {
    content: "\f1f9";
  }
  .icon-trophy:before {
    content: "\f1fa";
  }
  .icon-text-editor-text-underline:before {
    content: "\f1fb";
  }
  .icon-cross-close:before {
    content: "\f1fc";
  }
  .icon-export:before {
    content: "\f1fd";
  }
  .icon-evernote-notebook:before {
    content: "\f1fe";
  }
  .icon-meter:before {
    content: "\f1ff";
  }
  .icon-login:before {
    content: "\f200";
  }
  .icon-operator-contains:before {
    content: "\f201";
  }
  .icon-geolocation:before {
    content: "\f202";
  }
  .icon-operator-in-between:before {
    content: "\f203";
  }
  .icon-puzzle-outline:before {
    content: "\f204";
  }
  .icon-options:before {
    content: "\f205";
  }
  .icon-text-editor-text-size:before {
    content: "\f206";
  }
  .icon-levels:before {
    content: "\f207";
  }
  .icon-jpy:before {
    content: "\f208";
  }
  .icon-light-bulb:before {
    content: "\f209";
  }
  .icon-big-image-standalone:before {
    content: "\f20a";
  }
  .icon-bold-tick-square:before {
    content: "\f20b";
  }
  .icon-questionmark:before {
    content: "\f20c";
  }
  .icon-text-editor-toolbar-block:before {
    content: "\f20d";
  }
  .icon-bold-minus-circle:before {
    content: "\f20e";
  }
  .icon-bug:before {
    content: "\f20f";
  }
  .icon-operator-lte:before {
    content: "\f210";
  }
  .icon-experience:before {
    content: "\f211";
  }
  .icon-text-editor-heading-2:before {
    content: "\f212";
  }
  .icon-import:before {
    content: "\f213";
  }
  .icon-file-preview:before {
    content: "\f214";
  }
  .icon-smartphone:before {
    content: "\f215";
  }
  .icon-operator-gt:before {
    content: "\f216";
  }
  .icon-satellite:before {
    content: "\f217";
  }
  .icon-timer-clock:before {
    content: "\f218";
  }
  .icon-clock:before {
    content: "\f219";
  }
  .icon-tag-folder:before {
    content: "\f21a";
  }
  .icon-add-person:before {
    content: "\f21b";
  }
  .icon-location:before {
    content: "\f21c";
  }
  .icon-node-label:before {
    content: "\f21d";
  }
  .icon-team:before {
    content: "\f21e";
  }
  .icon-table-view:before {
    content: "\f21f";
  }
  .icon-reply:before {
    content: "\f220";
  }
  .icon-date:before {
    content: "\f221";
  }
  .icon-configure:before {
    content: "\f222";
  }
  .icon-puzzle-outline-striked:before {
    content: "\f223";
  }
  .icon-time-dotted:before {
    content: "\f224";
  }
  .icon-timeline-chart:before {
    content: "\f225";
  }
  .icon-day-calendar-date:before {
    content: "\f226";
  }
  .icon-chevron-down-circle:before {
    content: "\f227";
  }
  .icon-circle-radiobutton-selected:before {
    content: "\f228";
  }
  .icon-www-url:before {
    content: "\f229";
  }
  .icon-text-editor-heading-1:before {
    content: "\f22a";
  }
  .icon-columns:before {
    content: "\f22b";
  }
  .icon-set-time:before {
    content: "\f22c";
  }
  .icon-funnel-dark:before {
    content: "\f22d";
  }
  .icon-profession:before {
    content: "\f22e";
  }
  .icon-participant:before {
    content: "\f22f";
  }
  .icon-swap:before {
    content: "\f230";
  }
  .icon-text-editor-background-color-remove:before {
    content: "\f231";
  }
  .icon-board-view-fullscreen:before {
    content: "\f232";
  }
  .icon-format-bold:before {
    content: "\f233";
  }
  .icon-selected-small:before {
    content: "\f234";
  }
  .icon-image-cover:before {
    content: "\f235";
  }
  .icon-comments:before {
    content: "\f236";
  }
  .icon-dollar:before {
    content: "\f237";
  }
  .icon-thoughts:before {
    content: "\f238";
  }
  .icon-keywords:before {
    content: "\f239";
  }
  .icon-menu-book:before {
    content: "\f23a";
  }
  .icon-filters-tools:before {
    content: "\f23b";
  }
  .icon-usage-piechart-graph:before {
    content: "\f23c";
  }
  .icon-knowledge-network-outline:before {
    content: "\f23d";
  }
  .icon-text-editor-align-center:before {
    content: "\f23e";
  }
  .icon-flag-dark:before {
    content: "\f23f";
  }
  .icon-envelope:before {
    content: "\f240";
  }
  .icon-up-down:before {
    content: "\f241";
  }
  .icon-funnel:before {
    content: "\f242";
  }
  .icon-list-bullet:before {
    content: "\f243";
  }
  .icon-reports:before {
    content: "\f244";
  }
  .icon-chat:before {
    content: "\f245";
  }
  .icon-device-monitor:before {
    content: "\f246";
  }
  .icon-gift-present:before {
    content: "\f247";
  }
  .icon-play-strike:before {
    content: "\f248";
  }
  .icon-summary:before {
    content: "\f249";
  }
  .icon-no-see:before {
    content: "\f24a";
  }
  .icon-text-editor-align-left:before {
    content: "\f24b";
  }
  .icon-card-view-calendar-standalone:before {
    content: "\f24c";
  }
  .icon-chats-add-new-conversation:before {
    content: "\f24d";
  }
  .icon-loading:before {
    content: "\f24e";
  }
  .icon-text-editor-font-size:before {
    content: "\f24f";
  }
  .icon-arrow:before {
    content: "\f250";
  }
  .icon-fullscreen-inside:before {
    content: "\f251";
  }
  .icon-rotate-right:before {
    content: "\f252";
  }
  .icon-download-dark:before {
    content: "\f253";
  }
  .icon-text-editor-align-right:before {
    content: "\f254";
  }
  .icon-text-editor-background-color:before {
    content: "\f255";
  }
  .icon-color-dark:before {
    content: "\f256";
  }
  .icon-comment:before {
    content: "\f257";
  }
  .icon-questionmark-circle:before {
    content: "\f258";
  }
  .icon-copy:before {
    content: "\f259";
  }
  .icon-sparks:before {
    content: "\f25a";
  }
  .icon-handbook:before {
    content: "\f25b";
  }
  .icon-feedback-camera:before {
    content: "\f25c";
  }
  .icon-weight:before {
    content: "\f25d";
  }
  .icon-operator-not-contains:before {
    content: "\f25e";
  }
  .icon-format-align-justify:before {
    content: "\f25f";
  }
  .icon-operator-not-contains-some:before {
    content: "\f260";
  }
  .icon-olympic-rings:before {
    content: "\f261";
  }
  .icon-warning-circle:before {
    content: "\f262";
  }
  .icon-rich-bot-happy:before {
    content: "\f263";
  }
  .icon-point-search:before {
    content: "\f264";
  }
  .icon-list-number:before {
    content: "\f265";
  }
  .icon-kilometer:before {
    content: "\f266";
  }
  .icon-upload-folder:before {
    content: "\f267";
  }
  .icon-company:before {
    content: "\f268";
  }
  .icon-olympic-assistant-mark:before {
    content: "\f269";
  }
  .icon-dislike:before {
    content: "\f26a";
  }
  .icon-open-website:before {
    content: "\f26b";
  }
  .icon-tick-square-filled:before {
    content: "\f26c";
  }
  .icon-mcp:before {
    content: "\f26d";
  }
  .icon-text-editor-numbered-list:before {
    content: "\f26e";
  }
  .icon-info-book:before {
    content: "\f26f";
  }
  .icon-percent:before {
    content: "\f270";
  }
  .icon-search-view-list:before {
    content: "\f271";
  }
  .icon-camera:before {
    content: "\f272";
  }
  .icon-tick-dark:before {
    content: "\f273";
  }
  .icon-remove-link:before {
    content: "\f274";
  }
  .icon-unsplash:before {
    content: "\f275";
  }
  .icon-keyboard-shift:before {
    content: "\f276";
  }
  .icon-chevron-large:before {
    content: "\f277";
  }
  .icon-profile-circle:before {
    content: "\f278";
  }
  .icon-two-arrows:before {
    content: "\f279";
  }
  .icon-moon-dark:before {
    content: "\f27a";
  }
  .icon-link-add:before {
    content: "\f27b";
  }
  .icon-integrations:before {
    content: "\f27c";
  }
  .icon-text-editor-heading-3:before {
    content: "\f27d";
  }
  .icon-download-cloud:before {
    content: "\f27e";
  }
  .icon-text-editor-send:before {
    content: "\f27f";
  }
  .icon-text-editor-align-justified:before {
    content: "\f280";
  }
  .icon-table-database:before {
    content: "\f281";
  }
  .icon-magic-wand:before {
    content: "\f282";
  }
  .icon-chevron-thin:before {
    content: "\f283";
  }
  .icon-tick-square:before {
    content: "\f284";
  }
  .icon-operator-equal:before {
    content: "\f285";
  }
  .icon-notification-sound:before {
    content: "\f286";
  }
  .icon-light-bulb-creative-bold:before {
    content: "\f287";
  }
  .icon-restore-trash:before {
    content: "\f288";
  }
  .icon-unassigned-nodes-no-relationships:before {
    content: "\f289";
  }
  .icon-filter:before {
    content: "\f28a";
  }
  .icon-cross:before {
    content: "\f28b";
  }
  .icon-mention-at:before {
    content: "\f28c";
  }
  .icon-rich-bot-question:before {
    content: "\f28d";
  }
  .icon-sidebar:before {
    content: "\f28e";
  }
  .icon-chevron-big:before {
    content: "\f28f";
  }
  .icon-operator-contains-some:before {
    content: "\f290";
  }
  .icon-bolt:before {
    content: "\f291";
  }
  .icon-reach:before {
    content: "\f292";
  }
  .icon-welcome:before {
    content: "\f293";
  }
  .icon-warning-white:before {
    content: "\f294";
  }
  .icon-bold-backward-media:before {
    content: "\f295";
  }
  .icon-list-view:before {
    content: "\f296";
  }
  .icon-contact:before {
    content: "\f297";
  }
  .icon-arrow-right:before {
    content: "\f298";
  }
  .icon-robot:before {
    content: "\f299";
  }
  .icon-card-view-visualizer-standalone:before {
    content: "\f29a";
  }
  .icon-light-bulb-bold:before {
    content: "\f29b";
  }
  .icon-lock-light:before {
    content: "\f29c";
  }
  .icon-media-strike:before {
    content: "\f29d";
  }
  .icon-bold-play-media:before {
    content: "\f29e";
  }
  .icon-diamond-dark:before {
    content: "\f29f";
  }
  .icon-print:before {
    content: "\f2a0";
  }
  .icon-translations:before {
    content: "\f2a1";
  }
  .icon-compress:before {
    content: "\f2a2";
  }
  .icon-chat-prompts:before {
    content: "\f2a3";
  }
  .icon-archive:before {
    content: "\f2a4";
  }
  .icon-plus-add-circle:before {
    content: "\f2a5";
  }
  .icon-text-editor-list-unordered:before {
    content: "\f2a6";
  }
  .icon-list-checkbox:before {
    content: "\f2a7";
  }
  .icon-unlock:before {
    content: "\f2a8";
  }
  .icon-tick-empty:before {
    content: "\f2a9";
  }
  .icon-key-password:before {
    content: "\f2aa";
  }
  .icon-label-card:before {
    content: "\f2ab";
  }
  .icon-droplet:before {
    content: "\f2ac";
  }
  .icon-add-dark:before {
    content: "\f2ad";
  }
  .icon-sun-light:before {
    content: "\f2ae";
  }
  .icon-verified-check:before {
    content: "\f2af";
  }
  .icon-like:before {
    content: "\f2b0";
  }
  .icon-folder:before {
    content: "\f2b1";
  }
  .icon-numbered-list:before {
    content: "\f2b2";
  }
  .icon-color:before {
    content: "\f2b3";
  }
  .icon-bold-forward-media:before {
    content: "\f2b4";
  }
  .icon-format-align-left:before {
    content: "\f2b5";
  }
  .icon-doughnut-chart:before {
    content: "\f2b6";
  }
  .icon-kilogram:before {
    content: "\f2b7";
  }
  .icon-bold-verified-check:before {
    content: "\f2b8";
  }
  .icon-pin-unclicked:before {
    content: "\f2b9";
  }
  .icon-settings:before {
    content: "\f2ba";
  }
  .icon-chats-square:before {
    content: "\f2bb";
  }
  .icon-bill-money:before {
    content: "\f2bc";
  }
  .icon-more-options:before {
    content: "\f2bd";
  }
  .icon-preview-content:before {
    content: "\f2be";
  }
  .icon-knowledge-network:before {
    content: "\f2bf";
  }
  .icon-eye-hidden:before {
    content: "\f2c0";
  }
  .icon-chart-linehz:before {
    content: "\f2c1";
  }
  .icon-chat-blank:before {
    content: "\f2c2";
  }
  .icon-loading-time:before {
    content: "\f2c3";
  }
  .icon-search:before {
    content: "\f2c4";
  }
  .icon-web-url:before {
    content: "\f2c5";
  }
  .icon-multi-select:before {
    content: "\f2c6";
  }
  .icon-no-relationships-unassigned:before {
    content: "\f2c7";
  }
  .icon-keyword:before {
    content: "\f2c8";
  }
  .icon-auto-mode:before {
    content: "\f2c9";
  }
  .icon-taxonomy-dna:before {
    content: "\f2ca";
  }
  .icon-bold-like:before {
    content: "\f2cb";
  }
  .icon-text-editor-underlined:before {
    content: "\f2cc";
  }
  .icon-no-see-dark:before {
    content: "\f2cd";
  }
  .icon-overview:before {
    content: "\f2ce";
  }
  .icon-card-view-location-standalone:before {
    content: "\f2cf";
  }
  .icon-gbp:before {
    content: "\f2d0";
  }
  .icon-toolbar-mention:before {
    content: "\f2d1";
  }
  .icon-bold-dislike:before {
    content: "\f2d2";
  }
  .icon-bold-chats-help-message-question:before {
    content: "\f2d3";
  }
  .icon-teams-group:before {
    content: "\f2d4";
  }
  .icon-terrain:before {
    content: "\f2d5";
  }
  [class^=icon-],
  [class*=" icon-"] {
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-arrow-right::before {
    display: inline-block;
  }
  .icon-arrow-right.arrow-up::before,
  .icon-arrow-right.arrow-top::before {
    transform: rotate(-90deg);
  }
  .icon-arrow-right.arrow-right::before {
    transform: rotate(0deg);
  }
  .icon-arrow-right.arrow-down::before,
  .icon-arrow-right.arrow-bottom::before {
    transform: rotate(90deg);
  }
  .icon-arrow-right.arrow-left::before {
    transform: rotate(180deg);
  }
  .icon-arrow::before,
  .icon-chevron::before,
  .icon-double-chevron::before,
  .icon-chevron-big::before,
  .icon-chevron-large::before {
    transition: transform 0.3s;
  }
  .icon-arrow.arrow-up::before,
  .icon-arrow.arrow-top::before,
  .icon-chevron.chevron-up::before,
  .icon-chevron-big.chevron-up::before,
  .icon-chevron-large.chevron-up::before,
  .icon-double-chevron.chevron-up::before,
  .icon-chevron.chevron-top::before,
  .icon-chevron-big.chevron-top::before,
  .icon-chevron-large.chevron-top::before,
  .icon-double-chevron.chevron-top::before {
    display: inline-block;
    transform: rotate(0deg);
  }
  .icon-arrow.arrow-left::before,
  .icon-chevron.chevron-left::before,
  .icon-double-chevron.chevron-left::before,
  .icon-chevron-big.chevron-left::before,
  .icon-chevron-large.chevron-left::before {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .icon-arrow.arrow-right::before,
  .icon-chevron.chevron-right::before,
  .icon-double-chevron.chevron-right::before,
  .icon-chevron-big.chevron-right::before,
  .icon-chevron-large.chevron-right::before {
    display: inline-block;
    transform: rotate(90deg);
  }
  .icon-arrow.arrow-bottom::before,
  .icon-arrow.arrow-down::before,
  .icon-chevron.chevron-bottom::before,
  .icon-chevron-big.chevron-bottom::before,
  .icon-chevron-large.chevron-bottom::before,
  .icon-double-chevron.chevron-bottom::before,
  .icon-chevron.chevron-down::before,
  .icon-chevron-big.chevron-down::before,
  .icon-chevron-large.chevron-down::before,
  .icon-double-chevron.chevron-down::before {
    display: inline-block;
    transform: rotate(180deg);
  }
  .icon-loading-bubbles::before {
    display: inline-block;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: conic-gradient(from 0deg at center, rgba(var(--color-primary-rgb), 0), rgba(var(--color-primary-rgb), 1));
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .node-type-color {
    color: var(--color-node);
  }
  .node-type-bg {
    border-radius: 50%;
    background-color: var(--color-node-bg);
  }
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .icon-trending_up.reversed {
    transform: scale(1, -1);
  }
  .icon-chevron-thin::before {
    display: inline-block;
    transition: transform 0.3s;
  }
  .icon-chevron-thin.chevron-left::before {
    transform: rotate(180deg);
  }
  .icon-chevron-thin.chevron-down::before {
    transform: rotate(90deg);
  }
  .icon-chevron-thin.chevron-up::before {
    transform: rotate(-90deg);
  }
}

/*# sourceMappingURL=styles.b98368bec7584c55.css.map*/