.ͼ1 {
    position: relative !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column
  }

  .ͼ1 .cm-scroller {
    display: flex !important;
    align-items: flex-start !important;
    line-height: 1.4;
    height: 100%;
    overflow-x: auto;
    position: relative;
    z-index: 0;
    overflow-anchor: none
  }

  .ͼ1 .cm-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only
  }

  .ͼ1 .cm-content {
    margin: 0;
    flex-grow: 2;
    display: block;
    word-wrap: normal;
    box-sizing: border-box;
    outline: none
  }

  .ͼ1 .cm-lineWrapping {
    white-space: break-spaces;
    word-break: break-word;
    overflow-wrap: anywhere;
    flex-shrink: 1
  }

  .ͼ1 .cm-line {
    display: block
  }

  @keyframes cm-blink {
    50% {
      opacity: 0
    }
  }

  @keyframes cm-blink2 {
    50% {
      opacity: 0
    }
  }

  .ͼ1 .cm-selectionHandle-start::before,
  .ͼ1 .cm-selectionHandle-end::before {
    content: "";
    background-color: inherit;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -3.25px
  }

  .ͼ1 .cm-selectionHandle-start::before {
    top: -8px
  }

  .ͼ1 .cm-selectionHandle-end::before {
    bottom: -8px
  }

  .ͼ1 .cm-announced {
    position: fixed;
    top: -10000px
  }

  .ͼ1 .cm-widgetBuffer {
    vertical-align: text-top;
    height: 1em;
    width: 0;
    display: inline
  }

  .ͼ1 .cm-placeholder {
    color: #888;
    vertical-align: top
  }

  .ͼ2 .cm-button:active {
    background-image: linear-gradient(#b4b4b4, #d0d3d6)
  }

  .ͼ3 .cm-button:active {
    background-image: linear-gradient(#111, #333)
  }

  .ͼ32 .cm-scroller::-webkit-scrollbar-thumb {
    background: var(--border)
  }

  .ͼ32 .cm-scroller {
    margin-top: 0px;
    padding: 0px 12px;
    font-family: inherit;
    scrollbar-color: var(--border) transparent;
    scrollbar-width: thin
  }

  .ͼ32 .cm-line {
    padding: 0px !important;
    font-weight: 400;
    line-height: 22px;
    color: var(--base-foreground)
  }

  .ͼ32 .cm-content {
    padding: 0px !important;
    caret-color: var(--base-foreground) !important
  }

  .ͼ32 .cm-placeholder {
    font-size: var(--text-sm-font-size) !important;
    display: inline !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-modify: read-plaintext-only !important;
    -moz-user-modify: read-plaintext-only !important
  }

  .ͼ35 .cm-scroller {
    max-height: 190px
  }

  .ͼ34 .cm-content {
    min-height: 90px
  }

  .ͼ33 {
    font-size: 14px
  }

[data-coz-sonner-toast]:focus-visible {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
  }

  [data-coz-sonner-toast][data-swiping=true]:before {
    content: "";
    z-index: -1;
    height: 100%;
    position: absolute;
    left: -100%;
    right: -100%
  }

  [data-coz-sonner-toast][data-y-position=top][data-swiping=true]:before {
    bottom: 50%;
    transform: scaleY(3) translateY(50%)
  }

  [data-coz-sonner-toast][data-y-position=bottom][data-swiping=true]:before {
    top: 50%;
    transform: scaleY(3) translateY(-50%)
  }

  [data-coz-sonner-toast][data-swiping=false][data-removed=true]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleY(2)
  }

  [data-coz-sonner-toast][data-expanded=true]:after {
    content: "";
    height: calc(var(--gap) + 1px);
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0
  }

  [data-coz-sonner-toast][data-removed=true][data-front=false]:before {
    height: calc(var(--initial-height) + 20%)
  }

  @keyframes swipe-out-left {
    0% {
      transform: var(--y) translateX(var(--swipe-amount-x));
      opacity: 1
    }

    to {
      transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
      opacity: 0
    }
  }

  @keyframes swipe-out-right {
    0% {
      transform: var(--y) translateX(var(--swipe-amount-x));
      opacity: 1
    }

    to {
      transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
      opacity: 0
    }
  }

  @keyframes swipe-out-up {
    0% {
      transform: var(--y) translateY(var(--swipe-amount-y));
      opacity: 1
    }

    to {
      transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
      opacity: 0
    }
  }

  @keyframes swipe-out-down {
    0% {
      transform: var(--y) translateY(var(--swipe-amount-y));
      opacity: 1
    }

    to {
      transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
      opacity: 0
    }
  }

  @keyframes sonner-fade-in {
    0% {
      opacity: 0;
      transform: scale(.8)
    }

    to {
      opacity: 1;
      transform: scale(1)
    }
  }

  @keyframes sonner-fade-out {
    0% {
      opacity: 1;
      transform: scale(1)
    }

    to {
      opacity: 0;
      transform: scale(.8)
    }
  }

  @keyframes sonner-spin {
    0% {
      opacity: 1
    }

    to {
      opacity: .15
    }
  }

.close_bb855:hover {
    color: var(--color-hover);
    background: var(--bg-color-hover)
  }

.subscribe-button-recommend-tJlVjK:hover:after {
    content: "";
    pointer-events: none;
    border-radius: var(--border-radius-rounded-md, 10px);
    background: var(--custom-shadcn_custom-outline, rgba(163, 163, 163, .15));
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

@keyframes move-HSFL2w {
    0% {
      transform: translate(-50%, -90%)
    }

    to {
      transform: translate(-50%, 1%)
    }
  }

.light-scrollbar_cfe82::-webkit-scrollbar {
    width: 0;
    height: 4px
  }

  .light-scrollbar_cfe82::-webkit-scrollbar-track {
    background-color: transparent
  }

  .light-scrollbar_cfe82::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 4px
  }

.container_959e2.flow-markdown-body.active_959e2:empty:after,
  .container_959e2.flow-markdown-body.active_959e2>:not(ol):not(ul):not(pre):last-child:after,
  .container_959e2.flow-markdown-body.active_959e2>ol:last-child li:last-child:after,
  .container_959e2.flow-markdown-body.active_959e2>pre:last-child code:after,
  .container_959e2.flow-markdown-body.active_959e2>ul:last-child li:last-child:after {
    content: "|";
    vertical-align: baseline;
    margin-left: .25rem;
    font-weight: 600;
    color: var(--color-text-1) !important
  }

  .container_959e2.flow-markdown-body.active_959e2:empty:after {
    animation: 1s steps(4, end) infinite blink_959e2
  }

  @keyframes cursorAnimation_959e2 {
    0% {
      opacity: 1
    }

    20% {
      opacity: 1
    }

    80% {
      opacity: 0
    }

    to {
      opacity: 0
    }
  }

  .container_959e2.flow-markdown-body.blink_959e2>:not(ol):not(ul):not(pre):last-child:after,
  .container_959e2.flow-markdown-body.blink_959e2>ol:last-child li:last-child:after,
  .container_959e2.flow-markdown-body.blink_959e2>pre:last-child code:after,
  .container_959e2.flow-markdown-body.blink_959e2>ul:last-child li:last-child:after {
    animation: 1s steps(4, end) infinite blink_959e2
  }

  @keyframes blink_959e2 {
    0% {
      visibility: hidden
    }

    to {
      visibility: visible
    }
  }

  .container_959e2.flow-markdown-body h1:hover .anchor .octicon-link:before,
  .container_959e2.flow-markdown-body h2:hover .anchor .octicon-link:before,
  .container_959e2.flow-markdown-body h3:hover .anchor .octicon-link:before,
  .container_959e2.flow-markdown-body h4:hover .anchor .octicon-link:before,
  .container_959e2.flow-markdown-body h5:hover .anchor .octicon-link:before,
  .container_959e2.flow-markdown-body h6:hover .anchor .octicon-link:before {
    content: " ";
    background-color: currentColor;
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-mask-image: url(data:image/svg+xml,<svg\ xmlns=%27http://www.w3.org/2000/svg%27\ viewBox=%270\ 0\ 16\ 16%27\ version=%271.1%27\ aria-hidden=%27true%27><path\ fill-rule=%27evenodd%27\ d=%27M7.775\ 3.275a.75.75\ 0\ 001.06\ 1.06l1.25-1.25a2\ 2\ 0\ 112.83\ 2.83l-2.5\ 2.5a2\ 2\ 0\ 01-2.83\ 0\ .75.75\ 0\ 00-1.06\ 1.06\ 3.5\ 3.5\ 0\ 004.95\ 0l2.5-2.5a3.5\ 3.5\ 0\ 00-4.95-4.95l-1.25\ 1.25zm-4.69\ 9.64a2\ 2\ 0\ 010-2.83l2.5-2.5a2\ 2\ 0\ 012.83\ 0\ .75.75\ 0\ 001.06-1.06\ 3.5\ 3.5\ 0\ 00-4.95\ 0l-2.5\ 2.5a3.5\ 3.5\ 0\ 004.95\ 4.95l1.25-1.25a.75.75\ 0\ 00-1.06-1.06l-1.25\ 1.25a2\ 2\ 0\ 01-2.83\ 0z%27><\/path><\/svg>);
    mask-image: url(data:image/svg+xml,<svg\ xmlns=%27http://www.w3.org/2000/svg%27\ viewBox=%270\ 0\ 16\ 16%27\ version=%271.1%27\ aria-hidden=%27true%27><path\ fill-rule=%27evenodd%27\ d=%27M7.775\ 3.275a.75.75\ 0\ 001.06\ 1.06l1.25-1.25a2\ 2\ 0\ 112.83\ 2.83l-2.5\ 2.5a2\ 2\ 0\ 01-2.83\ 0\ .75.75\ 0\ 00-1.06\ 1.06\ 3.5\ 3.5\ 0\ 004.95\ 0l2.5-2.5a3.5\ 3.5\ 0\ 00-4.95-4.95l-1.25\ 1.25zm-4.69\ 9.64a2\ 2\ 0\ 010-2.83l2.5-2.5a2\ 2\ 0\ 012.83\ 0\ .75.75\ 0\ 001.06-1.06\ 3.5\ 3.5\ 0\ 00-4.95\ 0l-2.5\ 2.5a3.5\ 3.5\ 0\ 004.95\ 4.95l1.25-1.25a.75.75\ 0\ 00-1.06-1.06l-1.25\ 1.25a2\ 2\ 0\ 01-2.83\ 0z%27><\/path><\/svg>)
  }

  .container_959e2.flow-markdown-body a:active,
  .container_959e2.flow-markdown-body a:hover {
    outline-width: 0
  }

  .container_959e2.flow-markdown-body [type=button]::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  .container_959e2.flow-markdown-body [type=reset]::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  .container_959e2.flow-markdown-body [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  .container_959e2.flow-markdown-body [type=number]::-webkit-inner-spin-button {
    height: auto
  }

  .container_959e2.flow-markdown-body [type=number]::-webkit-outer-spin-button {
    height: auto
  }

  .container_959e2.flow-markdown-body [type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
  }

  .container_959e2.flow-markdown-body [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  .container_959e2.flow-markdown-body ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
  }

  .container_959e2.flow-markdown-body ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
  }

  .container_959e2.flow-markdown-body a:hover {
    text-decoration: underline
  }

  .container_959e2.flow-markdown-body sup a:hover {
    text-decoration: none
  }

  .container_959e2.flow-markdown-body hr:before {
    content: "";
    display: table
  }

  .container_959e2.flow-markdown-body hr:after {
    clear: both;
    content: "";
    display: table
  }

  .container_959e2.flow-markdown-body ::placeholder {
    color: var(--color-fg-subtle);
    opacity: 1
  }

  .container_959e2.flow-markdown-body ::placeholder {
    color: var(--color-fg-subtle);
    opacity: 1
  }

  .container_959e2.flow-markdown-body ::placeholder {
    color: var(--color-fg-subtle);
    opacity: 1
  }

  .container_959e2.flow-markdown-body input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0
  }

  .container_959e2.flow-markdown-body input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0
  }

  .container_959e2.flow-markdown-body .anchor:focus {
    outline: none
  }

  .container_959e2.flow-markdown-body sup>a:before {
    content: "["
  }

  .container_959e2.flow-markdown-body sup>a:after {
    content: "]"
  }

  .container_959e2.flow-markdown-body h1:hover .anchor,
  .container_959e2.flow-markdown-body h2:hover .anchor,
  .container_959e2.flow-markdown-body h3:hover .anchor,
  .container_959e2.flow-markdown-body h4:hover .anchor,
  .container_959e2.flow-markdown-body h5:hover .anchor,
  .container_959e2.flow-markdown-body h6:hover .anchor {
    text-decoration: none
  }

  .container_959e2.flow-markdown-body h1:hover .anchor .octicon-link,
  .container_959e2.flow-markdown-body h2:hover .anchor .octicon-link,
  .container_959e2.flow-markdown-body h3:hover .anchor .octicon-link,
  .container_959e2.flow-markdown-body h4:hover .anchor .octicon-link,
  .container_959e2.flow-markdown-body h5:hover .anchor .octicon-link,
  .container_959e2.flow-markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
  }

  .container_959e2.flow-markdown-body .footnotes li:target:before {
    border: 2px solid var(--color-accent-emphasis);
    content: "";
    pointer-events: none;
    border-radius: 6px;
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: -24px;
    right: -8px
  }

  .container_959e2.flow-markdown-body .footnotes li:target {
    color: var(--color-fg-default)
  }

  .container_959e2.flow-markdown-body ::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(50%);
    filter: invert(50%)
  }

  :root {
    --table-column-max-width: 480px;
    --color-checkbox-border: var(--color-border-default);
    --md-box-paragraph-spacing: 12px;
    --md-box-samantha-h1-font-size: 26px;
    --md-box-samantha-h1-line-height: 36px;
    --md-box-samantha-h1-margin-top: 0px;
    --md-box-samantha-h1-margin-bottom: 12px;
    --md-box-samantha-h2-font-size: 20px;
    --md-box-samantha-h2-line-height: 32px;
    --md-box-samantha-h2-margin-top: 40px;
    --md-box-samantha-h2-margin-bottom: 12px;
    --md-box-samantha-h3-font-size: 18px;
    --md-box-samantha-h3-line-height: 28px;
    --md-box-samantha-h3-margin-top: 28px;
    --md-box-samantha-h3-margin-bottom: 12px;
    --md-box-samantha-h4-font-size: 16px;
    --md-box-samantha-h4-line-height: 28px;
    --md-box-samantha-h4-margin-top: 24px;
    --md-box-samantha-h4-margin-bottom: 8px;
    --md-box-samantha-blockquote-margin: 0;
    --md-box-samantha-blockquote-padding: 0px 0px 0px 10px;
    --md-box-samantha-blockquote-font-size: 24px;
    --md-box-samantha-blockquote-line-height: 36px;
    --md-box-samantha-normal-text-font-size: 16px;
    --md-box-samantha-normal-text-line-height: 28px;
    --md-box-samantha-hr-margin: 16px 0;
    --md-box-samantha-li-margin: 8px;
    --md-box-samantha-second-level-li-margin: 4px
  }

  @media (max-width:599px) {
    :root {
      --md-box-samantha-h1-font-size: 24.375px;
      --md-box-samantha-h1-line-height: 33.75px;
      --md-box-samantha-h1-margin-top: 0px;
      --md-box-samantha-h1-margin-bottom: 11.25px;
      --md-box-samantha-h2-font-size: 18.75px;
      --md-box-samantha-h2-line-height: 30px;
      --md-box-samantha-h2-margin-top: 37.5px;
      --md-box-samantha-h2-margin-bottom: 11.25px;
      --md-box-samantha-h3-font-size: 16.875px;
      --md-box-samantha-h3-line-height: 26.25px;
      --md-box-samantha-h3-margin-top: 26.25px;
      --md-box-samantha-h3-margin-bottom: 11.25px;
      --md-box-samantha-h4-font-size: 16px;
      --md-box-samantha-h4-line-height: 26.25px;
      --md-box-samantha-h4-margin-top: 22.5px;
      --md-box-samantha-h4-margin-bottom: 7.5px;
      --md-box-samantha-blockquote-margin: 0;
      --md-box-samantha-blockquote-padding: 0px 32px 0px;
      --md-box-samantha-blockquote-font-size: 20px;
      --md-box-samantha-blockquote-line-height: 30px;
      --md-box-samantha-normal-text-font-size: 15px;
      --md-box-samantha-normal-text-line-height: 26.25px;
      --md-box-samantha-li-margin: 7.5px;
      --md-box-samantha-second-level-li-margin: 3.75px
    }
  }

  :root {
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #fff;
    --color-canvas-subtle: #f6f8fa;
    --color-hr-default: rgba(28, 31, 35, .08);
    --color-border-default: #d0d7de;
    --color-border-muted: #d8dee4;
    --color-neutral-muted: rgba(175, 184, 193, .2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #cf222e;
    --color-text-primary: #222;
    --color-checkbox-checked-bg: #06f;
    --color-table-header: #f2f2f2;
    --color-inline-code-background: rgba(0, 0, 0, .06);
    --color-link-text: #0057ff;
    --color-link-text-hover: #004ad9;
    --color-link-text-active: #0057d9;
    --color-dot-flashing-from: #000;
    --color-dot-flashing-to: rgba(0, 0, 0, .1);
    --color-image-error: #f9fafb;
    --md-box-samantha-normal-text-color: rgba(0, 0, 0, .8);
    --md-box-samantha-deep-text-color: #000;
    --md-box-samantha-blockquote-text-color: rgba(0, 0, 0, .55);
    --md-box-samantha-li-maker-color: rgba(0, 0, 0, .5);
    --md-box-samantha-image-title-color: rgba(0, 0, 0, .55);
    --md-box-samantha-split-line-color: rgba(0, 0, 0, .12);
    --md-box-samantha-blockquote-left-border-color: rgba(0, 0, 0, .25)
  }

  .container_959e2.flow-markdown-body ul.tasklist li::marker {
    content: none
  }

  .container_959e2.theme-samantha_959e2 li::marker {
    color: var(--md-box-samantha-li-maker-color)
  }

  .container_959e2.theme-samantha_959e2 a:hover,
  .container_959e2.theme-samantha_959e2 sup a:hover {
    text-decoration: none
  }

.link_1c92b:hover,
  .link_1c92b:active {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
  }

  .link_1c92b:hover {
    color: var(--color-link-text-hover) !important
  }

  .link_1c92b:active {
    color: var(--color-link-text-active) !important
  }

@keyframes dot-flashing_bf9ed {
    0% {
      background-color: var(--color-dot-flashing-from)
    }

    50% {
      background-color: var(--color-dot-flashing-to)
    }

    to {
      background-color: var(--color-dot-flashing-from)
    }
  }

.hoverable_b3ba4:hover:after {
    content: "";
    background-color: rgba(0, 0, 0, .06);
    border-radius: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

  .hoverable_b3ba4:active:after {
    content: "";
    background-color: rgba(0, 0, 0, .1);
    border-radius: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

  .light-scrollbar_b3ba4::-webkit-scrollbar {
    width: 0;
    height: 4px
  }

  .light-scrollbar_b3ba4::-webkit-scrollbar-track {
    background-color: transparent
  }

  .light-scrollbar_b3ba4::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 4px
  }

@keyframes rotating_e4716 {
    0% {
      transform: rotate(0)
    }

    to {
      transform: rotate(360deg)
    }
  }

  .hoverable_e4716:hover:after {
    content: "";
    background-color: rgba(0, 0, 0, .06);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

  .hoverable_e4716:active:after {
    content: "";
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

.account-top-xkn9zO:has(.organization-entry-hover-hpyce8):hover {
    background-color: var(--background)
  }

@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 {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        --tw-rotate-x: initial;
        --tw-rotate-y: initial;
        --tw-rotate-z: initial;
        --tw-skew-x: initial;
        --tw-skew-y: initial;
        --tw-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        --tw-divide-y-reverse: 0;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: transparent;
        --tw-gradient-via: transparent;
        --tw-gradient-to: transparent;
        --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 transparent;
        --tw-shadow-color: initial;
        --tw-shadow-alpha: 100%;
        --tw-inset-shadow: 0 0 transparent;
        --tw-inset-shadow-color: initial;
        --tw-inset-shadow-alpha: 100%;
        --tw-ring-color: initial;
        --tw-ring-shadow: 0 0 transparent;
        --tw-inset-ring-color: initial;
        --tw-inset-ring-shadow: 0 0 transparent;
        --tw-ring-inset: initial;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-offset-shadow: 0 0 transparent;
        --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: "";
        --tw-animation-delay: 0s;
        --tw-animation-direction: normal;
        --tw-animation-duration: initial;
        --tw-animation-fill-mode: none;
        --tw-animation-iteration-count: 1;
        --tw-enter-blur: 0;
        --tw-enter-opacity: 1;
        --tw-enter-rotate: 0;
        --tw-enter-scale: 1;
        --tw-enter-translate-x: 0;
        --tw-enter-translate-y: 0;
        --tw-exit-blur: 0;
        --tw-exit-opacity: 1;
        --tw-exit-rotate: 0;
        --tw-exit-scale: 1;
        --tw-exit-translate-x: 0;
        --tw-exit-translate-y: 0
      }

      ::-ms-backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        --tw-rotate-x: initial;
        --tw-rotate-y: initial;
        --tw-rotate-z: initial;
        --tw-skew-x: initial;
        --tw-skew-y: initial;
        --tw-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        --tw-divide-y-reverse: 0;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: transparent;
        --tw-gradient-via: transparent;
        --tw-gradient-to: transparent;
        --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 transparent;
        --tw-shadow-color: initial;
        --tw-shadow-alpha: 100%;
        --tw-inset-shadow: 0 0 transparent;
        --tw-inset-shadow-color: initial;
        --tw-inset-shadow-alpha: 100%;
        --tw-ring-color: initial;
        --tw-ring-shadow: 0 0 transparent;
        --tw-inset-ring-color: initial;
        --tw-inset-ring-shadow: 0 0 transparent;
        --tw-ring-inset: initial;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-offset-shadow: 0 0 transparent;
        --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: "";
        --tw-animation-delay: 0s;
        --tw-animation-direction: normal;
        --tw-animation-duration: initial;
        --tw-animation-fill-mode: none;
        --tw-animation-iteration-count: 1;
        --tw-enter-blur: 0;
        --tw-enter-opacity: 1;
        --tw-enter-rotate: 0;
        --tw-enter-scale: 1;
        --tw-enter-translate-x: 0;
        --tw-enter-translate-y: 0;
        --tw-exit-blur: 0;
        --tw-exit-opacity: 1;
        --tw-exit-rotate: 0;
        --tw-exit-scale: 1;
        --tw-exit-translate-x: 0;
        --tw-exit-translate-y: 0
      }

      ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
        --tw-rotate-x: initial;
        --tw-rotate-y: initial;
        --tw-rotate-z: initial;
        --tw-skew-x: initial;
        --tw-skew-y: initial;
        --tw-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        --tw-divide-y-reverse: 0;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: transparent;
        --tw-gradient-via: transparent;
        --tw-gradient-to: transparent;
        --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 transparent;
        --tw-shadow-color: initial;
        --tw-shadow-alpha: 100%;
        --tw-inset-shadow: 0 0 transparent;
        --tw-inset-shadow-color: initial;
        --tw-inset-shadow-alpha: 100%;
        --tw-ring-color: initial;
        --tw-ring-shadow: 0 0 transparent;
        --tw-inset-ring-color: initial;
        --tw-inset-ring-shadow: 0 0 transparent;
        --tw-ring-inset: initial;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-offset-shadow: 0 0 transparent;
        --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: "";
        --tw-animation-delay: 0s;
        --tw-animation-direction: normal;
        --tw-animation-duration: initial;
        --tw-animation-fill-mode: none;
        --tw-animation-iteration-count: 1;
        --tw-enter-blur: 0;
        --tw-enter-opacity: 1;
        --tw-enter-rotate: 0;
        --tw-enter-scale: 1;
        --tw-enter-translate-x: 0;
        --tw-enter-translate-y: 0;
        --tw-exit-blur: 0;
        --tw-exit-opacity: 1;
        --tw-exit-rotate: 0;
        --tw-exit-scale: 1;
        --tw-exit-translate-x: 0;
        --tw-exit-translate-y: 0
      }
    }
  }

  @layer theme {
    :root {
      --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Hiragino Sans GB, "Noto Sans CJK SC", sans-serif, Apple Color Emoji, Segoe UI Emoji;
      --font-serif: "Noto Serif", "Noto Serif CJK SC", "Source Han Serif CN", "Songti SC", SimSun, STSong, Georgia, serif;
      --font-mono: "Geist Mono", "Fira Code", "JetBrains Mono", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;
      --color-red-100: #ffe2e2;
      --color-red-200: #ffcaca;
      --color-red-400: #ff6568;
      --color-red-500: #fb2c36;
      --color-red-600: #e40014;
      --color-red-700: #bf000f;
      --color-red-900: #82181a;
      --color-orange-100: #ffedd5;
      --color-orange-200: #ffd7a8;
      --color-orange-400: #ff8b1a;
      --color-orange-700: #c53c00;
      --color-orange-800: #9f2d00;
      --color-amber-50: #fffbeb;
      --color-amber-100: #fef3c6;
      --color-amber-200: #fee685;
      --color-amber-400: #fcbb00;
      --color-amber-500: #f99c00;
      --color-amber-700: #b75000;
      --color-amber-900: #7b3306;
      --color-yellow-200: #fff085;
      --color-yellow-400: #fac800;
      --color-yellow-500: #edb200;
      --color-yellow-700: #a36100;
      --color-yellow-900: #733e0a;
      --color-green-100: #dcfce7;
      --color-green-400: #05df72;
      --color-green-500: #00c758;
      --color-green-600: #00a544;
      --color-green-700: #008138;
      --color-green-900: #0d542b;
      --color-emerald-600: #009767;
      --color-teal-500: #00baa7;
      --color-blue-100: #dbeafe;
      --color-blue-200: #bedbff;
      --color-blue-300: #90c5ff;
      --color-blue-400: #54a2ff;
      --color-blue-500: #3080ff;
      --color-blue-700: #1447e6;
      --color-blue-900: #1c398e;
      --color-indigo-200: #c7d2ff;
      --color-indigo-700: #432dd7;
      --color-violet-200: #ddd6ff;
      --color-violet-700: #7008e7;
      --color-purple-200: #e9d5ff;
      --color-purple-500: #ac4bff;
      --color-purple-600: #9810fa;
      --color-purple-700: #8200da;
      --color-pink-200: #fccee8;
      --color-pink-500: #f6339a;
      --color-pink-700: #c4005c;
      --color-slate-200: #e2e8f0;
      --color-slate-700: #314158;
      --color-gray-50: #f9fafb;
      --color-gray-100: #f3f4f6;
      --color-gray-200: #e5e7eb;
      --color-gray-300: #d1d5dc;
      --color-gray-400: #99a1af;
      --color-gray-500: #6a7282;
      --color-gray-600: #4a5565;
      --color-gray-700: #364153;
      --color-gray-800: #1e2939;
      --color-gray-900: #101828;
      --color-zinc-700: #3f3f46;
      --color-neutral-500: #737373;
      --color-neutral-950: #0a0a0a;
      --color-stone-100: #f5f5f4;
      --color-stone-500: #79716b;
      --color-stone-700: #44403b;
      --color-black: #000;
      --color-white: #fff;
      --spacing: .25rem;
      --container-xs: 20rem;
      --container-sm: 24rem;
      --container-md: 28rem;
      --container-lg: 32rem;
      --container-xl: 36rem;
      --container-2xl: 42rem;
      --container-3xl: 48rem;
      --container-4xl: 56rem;
      --container-5xl: 64rem;
      --container-6xl: 72rem;
      --container-7xl: 80rem;
      --text-xs: var(--text-xs-12);
      --text-xs--line-height: calc(1/.75);
      --text-sm--line-height: calc(1.25/.875);
      --text-base: 1rem;
      --text-base--line-height: calc(1.5/1);
      --text-lg--line-height: calc(1.75/1.125);
      --text-xl--line-height: calc(1.75/1.25);
      --text-2xl--line-height: calc(2/1.5);
      --text-3xl--line-height: calc(2.25/1.875);
      --text-4xl--line-height: calc(2.5/2.25);
      --text-5xl--line-height: 1;
      --font-weight-light: 300;
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --font-weight-black: 900;
      --tracking-tighter: -.05em;
      --tracking-tight: -.025em;
      --tracking-normal: 0em;
      --tracking-wide: .025em;
      --tracking-widest: .1em;
      --leading-snug: 1.375;
      --leading-normal: 1.5;
      --leading-relaxed: 1.625;
      --radius-xs: .125rem;
      --radius-sm: .375rem;
      --radius-md: .625rem;
      --radius-lg: .75rem;
      --radius-xl: 1rem;
      --radius-2xl: 1.25rem;
      --radius-3xl: 1.5rem;
      --radius-4xl: 2rem;
      --ease-in: cubic-bezier(.4, 0, 1, 1);
      --ease-out: cubic-bezier(0, 0, .2, 1);
      --ease-in-out: cubic-bezier(.4, 0, .2, 1);
      --animate-spin: spin 1s linear infinite;
      --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
      --blur-xs: 4px;
      --blur-sm: 8px;
      --blur-md: 12px;
      --blur-3xl: 64px;
      --aspect-video: 16/9;
      --default-transition-duration: .15s;
      --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      --default-font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Hiragino Sans GB, "Noto Sans CJK SC", sans-serif, Apple Color Emoji, Segoe UI Emoji;
      --default-mono-font-family: "Geist Mono", "Fira Code", "JetBrains Mono", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;
      --radius: var(--radius-md);
      --color-border: var(--border);
      --radius-max: 62.4375rem;
      --text-xs-12: .75rem;
      --text-xs-12-line-height: 1.33;
      --text-mini-13: .8125rem;
      --text-sm-14: .875rem;
      --text-sm-14-line-height: 1.43;
      --text-base-16: 1rem;
      --text-lg-18: 1.125rem;
      --text-xl-20: 1.25rem;
      --text-2xl-24: 1.5rem;
      --text-4xl-36: 2.25rem;
      --text-3xl-28: 1.875rem;
      --text-5xl-48: 3rem;
      --text-6xl-60: 3.75rem;
      --text-7xl-72: 4.5rem;
      --text-8xl-96: 6rem;
      --text-9xl-128: 8rem
    }

    @supports (color:lab(0%0 0)) {
      :root {
        --color-red-100: lab(92.243%10.2865 3.83865);
        --color-red-200: lab(86.017%19.8815 7.75869);
        --color-red-400: lab(63.7053%60.745 31.3109);
        --color-red-500: lab(55.4814%75.0732 48.8528);
        --color-red-600: lab(48.4493%77.4328 61.5452);
        --color-red-700: lab(40.4273%67.2623 53.7441);
        --color-red-900: lab(28.5139%44.5539 29.0463);
        --color-orange-100: lab(94.7127%3.58394 14.3151);
        --color-orange-200: lab(88.4871%9.94918 28.8378);
        --color-orange-400: lab(70.0429%42.5156 75.8207);
        --color-orange-700: lab(46.4615%57.7275 70.8507);
        --color-orange-800: lab(37.1566%46.6433 50.5562);
        --color-amber-50: lab(98.6252% -.635922 8.42309);
        --color-amber-100: lab(95.916% -1.21653 23.111);
        --color-amber-200: lab(91.7203% -.505269 49.9084);
        --color-amber-400: lab(80.1641%16.6016 99.2089);
        --color-amber-500: lab(72.7183%31.8672 97.9407);
        --color-amber-700: lab(47.2709%42.9082 69.2966);
        --color-amber-900: lab(31.2288%30.2627 40.0378);
        --color-yellow-200: lab(94.3433% -5.00429 52.9663);
        --color-yellow-400: lab(83.2664%8.65132 106.895);
        --color-yellow-500: lab(76.3898%14.5258 98.4589);
        --color-yellow-700: lab(47.8202%25.2426 66.5015);
        --color-yellow-900: lab(32.3865%21.1273 38.5959);
        --color-green-100: lab(96.1861% -13.8464 6.52365);
        --color-green-400: lab(78.503% -64.9265 39.7492);
        --color-green-500: lab(70.5521% -66.5147 45.8073);
        --color-green-600: lab(59.0978% -58.6621 41.2579);
        --color-green-700: lab(47.0329% -47.0239 31.4788);
        --color-green-900: lab(30.797% -29.6927 17.382);
        --color-emerald-600: lab(55.0481% -49.9246 15.93);
        --color-teal-500: lab(67.3859% -49.0983-2.63511);
        --color-blue-100: lab(92.0301% -2.24757-11.6453);
        --color-blue-200: lab(86.15% -4.04379-21.0797);
        --color-blue-300: lab(77.5052% -6.4629-36.42);
        --color-blue-400: lab(65.0361% -1.42065-56.9802);
        --color-blue-500: lab(54.1736%13.3369-74.6839);
        --color-blue-700: lab(36.9089%35.0961-85.6872);
        --color-blue-900: lab(26.1542%15.7545-51.5504);
        --color-indigo-200: lab(84.4329%3.18977-23.9688);
        --color-indigo-700: lab(32.4486%49.2217-84.6695);
        --color-violet-200: lab(87.0888%8.53688-19.4189);
        --color-violet-700: lab(35.2783%67.9912-88.793);
        --color-purple-200: lab(87.8405%13.4282-18.7159);
        --color-purple-500: lab(52.0183%66.11-78.2316);
        --color-purple-600: lab(43.0295%75.21-86.5669);
        --color-purple-700: lab(36.1758%69.8525-80.0381);
        --color-pink-200: lab(87.4504%19.6-6.46662);
        --color-pink-500: lab(56.9303%76.8162-8.07021);
        --color-pink-700: lab(42.1737%71.8009 7.42233);
        --color-slate-200: lab(91.7353% -.998765-4.76968);
        --color-slate-700: lab(26.9569% -1.47016-15.6993);
        --color-gray-50: lab(98.2596% -.247031-.706708);
        --color-gray-100: lab(96.1596% -.0823438-1.13575);
        --color-gray-200: lab(91.6229% -.159115-2.26791);
        --color-gray-300: lab(85.1236% -.612259-3.7138);
        --color-gray-400: lab(65.9269% -.832707-8.17473);
        --color-gray-500: lab(47.7841% -.393182-10.0268);
        --color-gray-600: lab(35.6337% -1.58697-10.8425);
        --color-gray-700: lab(27.1134% -.956401-12.3224);
        --color-gray-800: lab(16.1051% -1.18239-11.7533);
        --color-gray-900: lab(8.11897%.811279-12.254);
        --color-zinc-700: lab(26.8019%1.35387-4.68303);
        --color-neutral-500: lab(48.496%0 0);
        --color-neutral-950: lab(2.75381%0 0);
        --color-stone-100: lab(96.5286% -.0991821 .364268);
        --color-stone-500: lab(48.1164%2.35701 4.26852);
        --color-stone-700: lab(27.3812%1.32917 3.57789)
      }
    }
  }

  @layer base {

    *,
    :after,
    :before {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    ::-ms-backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    ::-webkit-file-upload-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    ::-ms-browse {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }

    html {
      -webkit-text-size-adjust: 100%;
      -moz-tab-size: 4;
      tab-size: 4;
      line-height: 1.5;
      font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
      font-feature-settings: var(--default-font-feature-settings, normal);
      font-variation-settings: var(--default-font-variation-settings, normal);
      -webkit-tap-highlight-color: transparent
    }

    h1,
    h2,
    h3 {
      font-size: inherit;
      font-weight: inherit
    }

    a {
      color: inherit;
      -webkit-text-decoration: inherit;
      text-decoration: inherit
    }

    ul {
      list-style: none
    }

    img,
    svg,
    video {
      vertical-align: middle;
      display: block
    }

    img,
    video {
      max-width: 100%;
      height: auto
    }

    button,
    input {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: transparent;
      border-radius: 0
    }

    ::-webkit-file-upload-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: transparent;
      border-radius: 0
    }

    ::-ms-browse {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: transparent;
      border-radius: 0
    }

    ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: transparent;
      border-radius: 0
    }

    :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
      margin-right: 4px
    }

    :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
      margin-right: 4px
    }

    :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-ms-browse {
      margin-right: 4px
    }

    :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
      margin-right: 4px
    }

    :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
      margin-left: 4px
    }

    :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
      margin-left: 4px
    }

    :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse {
      margin-left: 4px
    }

    :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
      margin-left: 4px
    }

    ::placeholder {
      opacity: 1
    }

    ::placeholder {
      opacity: 1
    }

    ::placeholder {
      opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
      ::placeholder {
        color: currentColor
      }

      ::placeholder {
        color: currentColor
      }

      ::placeholder {
        color: currentColor
      }

      @supports (color:color-mix(in lab, red, red)) {
        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent)
        }

        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent)
        }

        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent)
        }
      }
    }

    ::-webkit-search-decoration {
      -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit
    }

    ::-webkit-datetime-edit {
      display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
      padding: 0
    }

    ::-webkit-datetime-edit {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-year-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-month-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-day-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-hour-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-minute-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-second-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
      padding-top: 0;
      padding-bottom: 0
    }

    ::-webkit-calendar-picker-indicator {
      line-height: 1
    }

    button {
      -webkit-appearance: button;
      -moz-appearance: button;
      -ms-appearance: button;
      appearance: button
    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      -moz-appearance: button;
      -ms-appearance: button;
      appearance: button
    }

    ::-ms-browse {
      -webkit-appearance: button;
      -moz-appearance: button;
      -ms-appearance: button;
      appearance: button
    }

    ::file-selector-button {
      -webkit-appearance: button;
      -moz-appearance: button;
      -ms-appearance: button;
      appearance: button
    }

    ::-webkit-inner-spin-button {
      height: auto
    }

    ::-webkit-outer-spin-button {
      height: auto
    }

    * {
      border-color: var(--border);
      outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
      * {
        outline-color: color-mix(in oklab, var(--ring) 50%, transparent)
      }
    }

    body {
      background-color: var(--background);
      color: var(--foreground);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: PingFang SC, Microsoft YaHei, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Noto Sans CJK SC, sans-serif, Apple Color Emoji, Segoe UI Emoji
    }
  }

  @layer components;

  @layer utilities {
    .pointer-events-auto {
      pointer-events: auto
    }

    .pointer-events-none {
      pointer-events: none
    }

    .absolute {
      position: absolute
    }

    .relative {
      position: relative
    }

    .sticky {
      position: sticky
    }

    .inset-0 {
      inset: calc(var(--spacing)*0)
    }

    .inset-x-0 {
      inset-inline: calc(var(--spacing)*0)
    }

    .inset-y-0 {
      inset-block: calc(var(--spacing)*0)
    }

    .top-0 {
      top: calc(var(--spacing)*0)
    }

    .top-1\/2 {
      top: 50%
    }

    .top-\[-220px\] {
      top: -220px
    }

    .top-full {
      top: 100%
    }

    .right-0 {
      right: calc(var(--spacing)*0)
    }

    .bottom-0 {
      bottom: calc(var(--spacing)*0)
    }

    .left-0 {
      left: calc(var(--spacing)*0)
    }

    .left-1\/2 {
      left: 50%
    }

    .isolate {
      isolation: isolate
    }

    .z-0 {
      z-index: 0
    }

    .z-10 {
      z-index: 10
    }

    .z-20 {
      z-index: 20
    }

    .z-30 {
      z-index: 30
    }

    .z-40 {
      z-index: 40
    }

    .z-50 {
      z-index: 50
    }

    .col-span-2 {
      grid-column: span 2/span 2
    }

    .mx-6 {
      margin-inline: calc(var(--spacing)*6)
    }

    .mx-auto {
      margin-left: auto;
      margin-right: auto
    }

    .-mt-2 {
      margin-top: calc(var(--spacing)*-2)
    }

    .mt-0 {
      margin-top: calc(var(--spacing)*0)
    }

    .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-5 {
      margin-top: calc(var(--spacing)*5)
    }

    .mt-7 {
      margin-top: calc(var(--spacing)*7)
    }

    .mt-10 {
      margin-top: calc(var(--spacing)*10)
    }

    .mr-1\.5 {
      margin-right: calc(var(--spacing)*1.5)
    }

    .-mb-3 {
      margin-bottom: calc(var(--spacing)*-3)
    }

    .mb-0 {
      margin-bottom: calc(var(--spacing)*0)
    }

    .mb-3 {
      margin-bottom: calc(var(--spacing)*3)
    }

    .ml-0\.5 {
      margin-left: calc(var(--spacing)*.5)
    }

    .ml-auto {
      margin-left: auto
    }

    .no-scrollbar::-webkit-scrollbar {
      display: none !important
    }

    .no-scrollbar::-webkit-scrollbar-track {
      display: none !important
    }

    .no-scrollbar::-webkit-scrollbar-thumb {
      display: none !important
    }

    .contents {
      display: contents
    }

    .flex {
      display: flex
    }

    .grid {
      display: grid
    }

    .hidden {
      display: none
    }

    .inline-block {
      display: inline-block
    }

    .inline-flex {
      display: inline-flex
    }

    .aspect-\[16\/10\] {
      aspect-ratio: 16/10
    }

    .native-scrollbar::-webkit-scrollbar {
      width: .625rem;
      height: .625rem
    }

    .native-scrollbar::-webkit-scrollbar-track {
      background: 0 0
    }

    .native-scrollbar::-webkit-scrollbar-thumb {
      background: var(--border);
      background-clip: padding-box;
      border: .125rem solid transparent;
      border-radius: 624.938rem
    }

    .size-4 {
      width: calc(var(--spacing)*4);
      height: calc(var(--spacing)*4)
    }

    .size-\[14px\] {
      width: 14px;
      height: 14px
    }

    .h-1 {
      height: calc(var(--spacing)*1)
    }

    .h-3\.5 {
      height: calc(var(--spacing)*3.5)
    }

    .h-4 {
      height: calc(var(--spacing)*4)
    }

    .h-4\! {
      height: calc(var(--spacing)*4) !important
    }

    .h-6 {
      height: calc(var(--spacing)*6)
    }

    .h-8 {
      height: calc(var(--spacing)*8)
    }

    .h-9 {
      height: calc(var(--spacing)*9)
    }

    .h-10 {
      height: calc(var(--spacing)*10)
    }

    .h-12 {
      height: calc(var(--spacing)*12)
    }

    .h-16 {
      height: calc(var(--spacing)*16)
    }

    .h-48 {
      height: calc(var(--spacing)*48)
    }

    .h-\[14px\] {
      height: 14px
    }

    .h-\[25rem\] {
      height: 25rem
    }

    .h-\[28px\] {
      height: 28px
    }

    .h-\[366px\] {
      height: 366px
    }

    .h-\[540px\] {
      height: 540px
    }

    .h-full {
      height: 100%
    }

    .min-h-screen {
      min-height: 100vh
    }

    .w-0 {
      width: calc(var(--spacing)*0)
    }

    .w-3\.5 {
      width: calc(var(--spacing)*3.5)
    }

    .w-4 {
      width: calc(var(--spacing)*4)
    }

    .w-4\! {
      width: calc(var(--spacing)*4) !important
    }

    .w-6 {
      width: calc(var(--spacing)*6)
    }

    .w-10 {
      width: calc(var(--spacing)*10)
    }

    .w-12 {
      width: calc(var(--spacing)*12)
    }

    .w-16 {
      width: calc(var(--spacing)*16)
    }

    .w-28 {
      width: calc(var(--spacing)*28)
    }

    .w-48 {
      width: calc(var(--spacing)*48)
    }

    .w-\[14px\] {
      width: 14px
    }

    .w-\[28px\] {
      width: 28px
    }

    .w-\[150vw\] {
      width: 150vw
    }

    .w-\[760px\] {
      width: 760px
    }

    .w-\[980px\] {
      width: 980px
    }

    .w-full {
      width: 100%
    }

    .w-screen {
      width: 100vw
    }

    .max-w-2xl {
      max-width: var(--container-2xl)
    }

    .max-w-3xl {
      max-width: var(--container-3xl)
    }

    .max-w-4xl {
      max-width: var(--container-4xl)
    }

    .max-w-\[760px\] {
      max-width: 760px
    }

    .max-w-\[920px\] {
      max-width: 920px
    }

    .max-w-\[1400px\] {
      max-width: 1400px
    }

    .max-w-\[1500px\] {
      max-width: 1500px
    }

    .max-w-\[calc\(80rem-5rem\)\] {
      max-width: 75rem
    }

    .max-w-none {
      max-width: none
    }

    .max-w-sm {
      max-width: var(--container-sm)
    }

    .min-w-0 {
      min-width: calc(var(--spacing)*0)
    }

    .min-w-\[1024px\] {
      min-width: 1024px
    }

    .flex-1 {
      flex: 1
    }

    .shrink-0 {
      flex-shrink: 0
    }

    .-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1/2*100%)*-1);
      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-0 {
      --tw-translate-y: calc(var(--spacing)*0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0\.5 {
      --tw-translate-y: calc(var(--spacing)*.5);
      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-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .rotate-0 {
      rotate: none
    }

    .cursor-pointer {
      cursor: pointer
    }

    .appearance-none {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-\[0fr\] {
      grid-template-rows: 0fr
    }

    .flex-col {
      flex-direction: column
    }

    .items-center {
      align-items: center
    }

    .items-start {
      align-items: flex-start
    }

    .items-stretch {
      align-items: stretch
    }

    .justify-between {
      justify-content: space-between
    }

    .justify-center {
      justify-content: center
    }

    .gap-1 {
      gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
      gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .gap-3 {
      gap: calc(var(--spacing)*3)
    }

    .gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .gap-7 {
      gap: calc(var(--spacing)*7)
    }

    .gap-10 {
      gap: calc(var(--spacing)*10)
    }

    .gap-16 {
      gap: calc(var(--spacing)*16)
    }

    :where(.space-y-1>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-top: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
      margin-bottom: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-top: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
      margin-bottom: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-2 {
      -moz-column-gap: calc(var(--spacing)*2);
      column-gap: calc(var(--spacing)*2)
    }

    .gap-x-6 {
      -moz-column-gap: calc(var(--spacing)*6);
      column-gap: calc(var(--spacing)*6)
    }

    .gap-y-8 {
      row-gap: calc(var(--spacing)*8)
    }

    .gap-y-10 {
      row-gap: calc(var(--spacing)*10)
    }

    .gap-y-16 {
      row-gap: calc(var(--spacing)*16)
    }

    :where(.divide-y>:not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px*var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-black\/10>:not(:last-child)) {
      border-color: rgba(0, 0, 0, .1)
    }

    @supports (color:color-mix(in lab, red, red)) {
      :where(.divide-black\/10>:not(:last-child)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }

    .overflow-clip {
      overflow: clip
    }

    .overflow-hidden {
      overflow: hidden
    }

    .overflow-visible {
      overflow: visible
    }

    .overflow-x-hidden {
      overflow-x: hidden
    }

    .rounded-\[14px\] {
      border-radius: 14px
    }

    .rounded-full {
      border-radius: 3.40282e38px
    }

    .rounded-lg {
      border-radius: .75rem
    }

    .rounded-md {
      border-radius: .625rem
    }

    .rounded-none {
      border-radius: 0
    }

    .rounded-xl {
      border-radius: 1rem
    }

    .rounded-t-sm {
      border-top-left-radius: .375rem;
      border-top-right-radius: .375rem
    }

    .rounded-tl-sm {
      border-top-left-radius: .375rem
    }

    .rounded-tr-sm {
      border-top-right-radius: .375rem
    }

    .rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .border {
      border-style: var(--tw-border-style);
      border-width: 1px
    }

    .border-1 {
      border-width: 1px
    }

    .border-y {
      border-block-style: var(--tw-border-style);
      border-top-width: 1px;
      border-bottom-width: 1px
    }

    .border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }

    .border-dashed {
      --tw-border-style: dashed;
      border-style: dashed
    }

    .border-none {
      --tw-border-style: none;
      border-style: none
    }

    .border-black\/10 {
      border-color: rgba(0, 0, 0, .1)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/10 {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }

    .border-black\/20 {
      border-color: rgba(0, 0, 0, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/20 {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }

    .border-border\/70 {
      border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .border-border\/70 {
        border-color: color-mix(in oklab, var(--border) 70%, transparent)
      }
    }

    .border-ring {
      border-color: var(--ring)
    }

    .border-white\/30 {
      border-color: rgba(255, 255, 255, .3)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/30 {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }

    .bg-\[\#FBFAF5\] {
      background-color: #fbfaf5
    }

    .bg-accent {
      background-color: var(--accent)
    }

    .bg-background {
      background-color: var(--background)
    }

    .bg-black {
      background-color: var(--color-black)
    }

    .bg-black\/\[0\.02\] {
      background-color: rgba(0, 0, 0, .02)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/\[0\.02\] {
        background-color: color-mix(in oklab, var(--color-black) 2%, transparent)
      }
    }

    .bg-black\/\[0\.025\] {
      background-color: rgba(0, 0, 0, .024)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/\[0\.025\] {
        background-color: color-mix(in oklab, var(--color-black) 2.5%, transparent)
      }
    }

    .bg-black\/\[0\.92\] {
      background-color: rgba(0, 0, 0, .92)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/\[0\.92\] {
        background-color: color-mix(in oklab, var(--color-black) 92%, transparent)
      }
    }

    .bg-input {
      background-color: var(--input)
    }

    .bg-primary {
      background-color: var(--primary)
    }

    .bg-white {
      background-color: var(--color-white)
    }

    .bg-white\/20 {
      background-color: rgba(255, 255, 255, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }

    .bg-white\/30 {
      background-color: rgba(255, 255, 255, .3)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/30 {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }

    .bg-gradient-to-b {
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-l {
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-t {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-\[\#7b627d\] {
      --tw-gradient-from: #7b627d;
      --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-\[\#9ca88f\] {
      --tw-gradient-from: #9ca88f;
      --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-\[\#637c86\] {
      --tw-gradient-from: #637c86;
      --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-\[\#FBFAF5\] {
      --tw-gradient-from: #fbfaf5;
      --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-black\/80 {
      --tw-gradient-from: rgba(0, 0, 0, .8)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .from-black\/80 {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }

    .from-black\/80 {
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .via-black\/40 {
      --tw-gradient-via: rgba(0, 0, 0, .4)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .via-black\/40 {
        --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }

    .via-black\/40 {
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#8f6976\] {
      --tw-gradient-to: #8f6976;
      --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-\[\#596352\] {
      --tw-gradient-to: #596352;
      --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-\[\#778599\] {
      --tw-gradient-to: #778599;
      --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-transparent {
      --tw-gradient-to: 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))
    }

    .fill-black\/\[0\.025\] {
      fill: rgba(0, 0, 0, .024)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .fill-black\/\[0\.025\] {
        fill: color-mix(in oklab, var(--color-black) 2.5%, transparent)
      }
    }

    .stroke-black\/40 {
      stroke: rgba(0, 0, 0, .4)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .stroke-black\/40 {
        stroke: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }

    .object-cover {
      -o-object-fit: cover;
      object-fit: cover
    }

    .p-0 {
      padding: calc(var(--spacing)*0)
    }

    .p-1 {
      padding: calc(var(--spacing)*1)
    }

    .p-2 {
      padding: calc(var(--spacing)*2)
    }

    .p-4 {
      padding: calc(var(--spacing)*4)
    }

    .p-6 {
      padding: calc(var(--spacing)*6)
    }

    .p-\[2px\] {
      padding: 2px
    }

    .px-1\.5\! {
      padding-inline: calc(var(--spacing)*1.5) !important
    }

    .px-2 {
      padding-inline: calc(var(--spacing)*2)
    }

    .px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .px-3\.5 {
      padding-inline: calc(var(--spacing)*3.5)
    }

    .px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .px-6 {
      padding-inline: calc(var(--spacing)*6)
    }

    .px-\[clamp\(24px\,5\%\,82\.5px\)\] {
      padding-left: max(24px, min(5%, 82.5px));
      padding-right: max(24px, min(5%, 82.5px))
    }

    .px-\[min\(10\%\,4rem\)\] {
      padding-left: min(10%, 4rem);
      padding-right: min(10%, 4rem)
    }

    .py-1\.5 {
      padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
      padding-block: calc(var(--spacing)*2)
    }

    .py-3 {
      padding-block: calc(var(--spacing)*3)
    }

    .py-4 {
      padding-block: calc(var(--spacing)*4)
    }

    .py-16 {
      padding-block: calc(var(--spacing)*16)
    }

    .pt-1\.5 {
      padding-top: calc(var(--spacing)*1.5)
    }

    .pt-6 {
      padding-top: calc(var(--spacing)*6)
    }

    .pt-10 {
      padding-top: calc(var(--spacing)*10)
    }

    .pt-16 {
      padding-top: calc(var(--spacing)*16)
    }

    .pt-\[min\(10\%\,4rem\)\] {
      padding-top: min(10%, 4rem)
    }

    .pr-12 {
      padding-right: calc(var(--spacing)*12)
    }

    .pr-\[min\(10\%\,4rem\)\] {
      padding-right: min(10%, 4rem)
    }

    .pb-3 {
      padding-bottom: calc(var(--spacing)*3)
    }

    .pb-4 {
      padding-bottom: calc(var(--spacing)*4)
    }

    .pb-16 {
      padding-bottom: calc(var(--spacing)*16)
    }

    .pl-6 {
      padding-left: calc(var(--spacing)*6)
    }

    .pl-\[min\(10\%\,4rem\)\] {
      padding-left: min(10%, 4rem)
    }

    .text-center {
      text-align: center
    }

    .text-left {
      text-align: left
    }

    .font-mono {
      font-family: Geist Mono, Fira Code, JetBrains Mono, Source Code Pro, Menlo, Consolas, Courier New, monospace
    }

    .font-sans {
      font-family: PingFang SC, Microsoft YaHei, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Noto Sans CJK SC, sans-serif, Apple Color Emoji, Segoe UI Emoji
    }

    .text-2xl {
      font-size: var(--text-2xl-24)
    }

    .text-base {
      font-size: var(--text-base)
    }

    .text-lg {
      font-size: var(--text-lg-18);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
      font-size: var(--text-sm-14);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xs {
      font-size: var(--text-xs-12);
      line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-xs\! {
      font-size: var(--text-xs-12) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important
    }

    .text-\[2rem\] {
      font-size: 2rem
    }

    .text-\[18px\] {
      font-size: 18px
    }

    .text-\[62px\] {
      font-size: 62px
    }

    .leading-5 {
      --tw-leading: calc(var(--spacing)*5);
      line-height: calc(var(--spacing)*5)
    }

    .leading-6 {
      --tw-leading: calc(var(--spacing)*6);
      line-height: calc(var(--spacing)*6)
    }

    .leading-7 {
      --tw-leading: calc(var(--spacing)*7);
      line-height: calc(var(--spacing)*7)
    }

    .leading-8 {
      --tw-leading: calc(var(--spacing)*8);
      line-height: calc(var(--spacing)*8)
    }

    .leading-10 {
      --tw-leading: calc(var(--spacing)*10);
      line-height: calc(var(--spacing)*10)
    }

    .leading-\[1\.06\] {
      --tw-leading: 1.06;
      line-height: 1.06
    }

    .font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }

    .font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal)
    }

    .font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold)
    }

    .tracking-tight {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight)
    }

    .text-balance {
      text-wrap: balance
    }

    .text-pretty {
      text-wrap: pretty
    }

    .whitespace-nowrap {
      white-space: nowrap
    }

    .text-black {
      color: var(--color-black)
    }

    .text-black\/55 {
      color: rgba(0, 0, 0, .55)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/55 {
        color: color-mix(in oklab, var(--color-black) 55%, transparent)
      }
    }

    .text-black\/60 {
      color: rgba(0, 0, 0, .6)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/60 {
        color: color-mix(in oklab, var(--color-black) 60%, transparent)
      }
    }

    .text-black\/65 {
      color: rgba(0, 0, 0, .65)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/65 {
        color: color-mix(in oklab, var(--color-black) 65%, transparent)
      }
    }

    .text-black\/70 {
      color: rgba(0, 0, 0, .7)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/70 {
        color: color-mix(in oklab, var(--color-black) 70%, transparent)
      }
    }

    .text-foreground {
      color: var(--foreground)
    }

    .text-gray-400 {
      color: var(--color-gray-400)
    }

    .text-primary-foreground {
      color: var(--primary-foreground)
    }

    .text-ring {
      color: var(--ring)
    }

    .text-text-3 {
      color: var(--text-3)
    }

    .text-white {
      color: var(--color-white)
    }

    .underline {
      -webkit-text-decoration-line: underline;
      text-decoration-line: underline
    }

    .placeholder-white::placeholder {
      color: var(--color-white)
    }

    .placeholder-white::placeholder {
      color: var(--color-white)
    }

    .placeholder-white::placeholder {
      color: var(--color-white)
    }

    .opacity-0 {
      opacity: 0
    }

    .opacity-30 {
      opacity: .3
    }

    .opacity-50 {
      opacity: .5
    }

    .opacity-100 {
      opacity: 1
    }

    .mix-blend-overlay {
      mix-blend-mode: overlay
    }

    .shadow-lg {
      --tw-shadow: 0 4px 22px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, .03));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
      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-black\/10 {
      --tw-ring-color: rgba(0, 0, 0, .1)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .ring-black\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }

    .outline-1 {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .-outline-offset-1 {
      outline-offset: calc(1px*-1)
    }

    .outline-black\/5 {
      outline-color: rgba(0, 0, 0, .05)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .outline-black\/5 {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }

    .blur-3xl {
      --tw-blur: blur(var(--blur-3xl));
      -webkit-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: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .transition {
      transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, -webkit-filter, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-colors {
      transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-200 {
      --tw-duration: .2s;
      transition-duration: .2s
    }

    .duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s
    }

    .ease-in-out {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out)
    }

    .outline-none {
      --tw-outline-style: none;
      outline-style: none
    }

    .select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .\[background\:radial-gradient\(circle_at_100\%_0\%\,_transparent_14px\,_var\(--background\)_14px\)\] {
      background: radial-gradient(circle at 100% 0%, transparent 14px, var(--background) 14px)
    }

    .\[border-dasharray\:4_2\] {
      border-dasharray: 4 2
    }

    :where(.group):focus-within .group-focus-within\:visible {
      visibility: visible
    }

    :where(.group\/menu-item):focus-within .group-focus-within\/menu-item\:opacity-100 {
      opacity: 1
    }

    @media (hover:hover) {
      :where(.group):hover .group-hover\:visible {
        visibility: visible
      }

      :where(.group):hover .group-hover\:ml-0\.5 {
        margin-left: calc(var(--spacing)*.5)
      }

      :where(.group):hover .group-hover\:block {
        display: block
      }

      :where(.group):hover .group-hover\:flex {
        display: flex
      }

      :where(.group):hover .group-hover\:hidden {
        display: none
      }

      :where(.group):hover .group-hover\:inline {
        display: inline
      }

      :where(.group):hover .group-hover\:inline-block {
        display: inline-block
      }

      :where(.group):hover .group-hover\:inline-flex {
        display: inline-flex
      }

      :where(.group):hover .group-hover\:-translate-y-1 {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }

      :where(.group):hover .group-hover\:translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }

      :where(.group):hover .group-hover\:border-border-1 {
        border-color: var(--border-1)
      }

      :where(.group):hover .group-hover\:border-border-2 {
        border-color: var(--border-2)
      }

      :where(.group):hover .group-hover\:border-brand-3 {
        border-color: var(--brand-3)
      }

      :where(.group):hover .group-hover\:text-\(--text-1\) {
        color: var(--text-1)
      }

      :where(.group):hover .group-hover\:text-foreground {
        color: var(--foreground)
      }

      :where(.group):hover .group-hover\:text-text-2 {
        color: var(--text-2)
      }

      :where(.group):hover .group-hover\:text-text-3 {
        color: var(--text-3)
      }

      :where(.group):hover .group-hover\:opacity-0 {
        opacity: 0
      }

      :where(.group):hover .group-hover\:opacity-100 {
        opacity: 1
      }

      :where(.group):hover .group-hover\:blur-sm {
        --tw-blur: blur(var(--blur-sm));
        -webkit-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: 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, )
      }

      :where(.group):hover .group-hover\:not-disabled\:text-foreground:not(:disabled) {
        color: var(--foreground)
      }

      :where(.group\/assistant-message-group):hover .group-hover\/assistant-message-group\:visible {
        visibility: visible
      }

      :where(.group\/external-integration-item):hover .group-hover\/external-integration-item\:visible {
        visibility: visible
      }

      :where(.group\/input-group):hover .group-hover\/input-group\:opacity-100 {
        opacity: 1
      }

      :where(.group\/menu-item):hover .group-hover\/menu-item\:opacity-100 {
        opacity: 1
      }

      :where(.group\/message-queue-header):hover .group-hover\/message-queue-header\:visible {
        visibility: visible
      }

      :where(.group\/org-item):hover .group-hover\/org-item\:opacity-100 {
        opacity: 1
      }

      :where(.group\/text-link):hover .group-hover\/text-link\:text-foreground {
        color: var(--foreground)
      }

      :where(.group\/volume):hover .group-hover\/volume\:w-20 {
        width: calc(var(--spacing)*20)
      }

      :where(.group\/workspace-item):hover .group-hover\/workspace-item\:opacity-100 {
        opacity: 1
      }

      :where(.group\/ws-item):hover .group-hover\/ws-item\:opacity-100 {
        opacity: 1
      }
    }

    :where(.group):focus .group-focus\:border-border-1 {
      border-color: var(--border-1)
    }

    :where(.group):focus .group-focus\:outline-none {
      --tw-outline-style: none;
      outline-style: none
    }

    :where(.group):focus-visible .group-focus-visible\: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)
    }

    :where(.group):focus-visible .group-focus-visible\:ring-ring {
      --tw-ring-color: var(--ring)
    }

    :where(.group):focus-visible .group-focus-visible\:ring-offset-2 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    :where(.group):active .group-active\:bg-black\/60 {
      background-color: rgba(0, 0, 0, .6)
    }

    @supports (color:color-mix(in lab, red, red)) {
      :where(.group):active .group-active\:bg-black\/60 {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
      }
    }

    @media (hover:hover) {
      :where(.peer\/menu-button):hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground {
        color: var(--sidebar-accent-foreground)
      }
    }

    .selection\:bg-primary ::-moz-selection {
      background-color: var(--primary)
    }

    .selection\:bg-primary ::selection {
      background-color: var(--primary)
    }

    .selection\:bg-primary::-moz-selection {
      background-color: var(--primary)
    }

    .selection\:bg-primary::selection {
      background-color: var(--primary)
    }

    .selection\:text-primary-foreground ::-moz-selection {
      color: var(--primary-foreground)
    }

    .selection\:text-primary-foreground ::selection {
      color: var(--primary-foreground)
    }

    .selection\:text-primary-foreground::-moz-selection {
      color: var(--primary-foreground)
    }

    .selection\:text-primary-foreground::selection {
      color: var(--primary-foreground)
    }

    .file\:inline-flex::-webkit-file-upload-button {
      display: inline-flex
    }

    .file\:inline-flex::-ms-browse {
      display: inline-flex
    }

    .file\:inline-flex::file-selector-button {
      display: inline-flex
    }

    .file\:h-7::-webkit-file-upload-button {
      height: calc(var(--spacing)*7)
    }

    .file\:h-7::-ms-browse {
      height: calc(var(--spacing)*7)
    }

    .file\:h-7::file-selector-button {
      height: calc(var(--spacing)*7)
    }

    .file\:border-0::-webkit-file-upload-button {
      border-style: var(--tw-border-style);
      border-width: 0
    }

    .file\:border-0::-ms-browse {
      border-style: var(--tw-border-style);
      border-width: 0
    }

    .file\:border-0::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0
    }

    .file\:bg-background::-webkit-file-upload-button {
      background-color: var(--background)
    }

    .file\:bg-background::-ms-browse {
      background-color: var(--background)
    }

    .file\:bg-background::file-selector-button {
      background-color: var(--background)
    }

    .file\:bg-transparent::-webkit-file-upload-button {
      background-color: transparent
    }

    .file\:bg-transparent::-ms-browse {
      background-color: transparent
    }

    .file\:bg-transparent::file-selector-button {
      background-color: transparent
    }

    .file\:text-sm::-webkit-file-upload-button {
      font-size: var(--text-sm-14);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:text-sm::-ms-browse {
      font-size: var(--text-sm-14);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:text-sm::file-selector-button {
      font-size: var(--text-sm-14);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:font-medium::-webkit-file-upload-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }

    .file\:font-medium::-ms-browse {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }

    .file\:font-medium::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }

    .file\:text-foreground::-webkit-file-upload-button {
      color: var(--foreground)
    }

    .file\:text-foreground::-ms-browse {
      color: var(--foreground)
    }

    .file\:text-foreground::file-selector-button {
      color: var(--foreground)
    }

    .placeholder\:text-destructive::placeholder {
      color: var(--destructive)
    }

    .placeholder\:text-destructive::placeholder {
      color: var(--destructive)
    }

    .placeholder\:text-destructive::placeholder {
      color: var(--destructive)
    }

    .placeholder\:text-muted-foreground::placeholder {
      color: var(--muted-foreground)
    }

    .placeholder\:text-muted-foreground::placeholder {
      color: var(--muted-foreground)
    }

    .placeholder\:text-muted-foreground::placeholder {
      color: var(--muted-foreground)
    }

    .placeholder\:text-text-4::placeholder {
      color: var(--text-4)
    }

    .placeholder\:text-text-4::placeholder {
      color: var(--text-4)
    }

    .placeholder\:text-text-4::placeholder {
      color: var(--text-4)
    }

    .before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none
    }

    .before\:absolute:before {
      content: var(--tw-content);
      position: absolute
    }

    .before\:-top-\[25px\]:before {
      content: var(--tw-content);
      top: -25px
    }

    .before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }

    .before\:right-0:before {
      content: var(--tw-content);
      right: calc(var(--spacing)*0)
    }

    .before\:bottom-0:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing)*0)
    }

    .before\:left-0:before {
      content: var(--tw-content);
      left: calc(var(--spacing)*0)
    }

    .before\:h-6:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*6)
    }

    .before\:w-6:before {
      content: var(--tw-content);
      width: calc(var(--spacing)*6)
    }

    .before\:bg-gradient-to-b:before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .before\:bg-gradient-to-l:before {
      content: var(--tw-content);
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .before\:from-black\/5:before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .05)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .before\:from-black\/5:before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }

    .before\:from-black\/5:before {
      --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))
    }

    .before\:from-transparent:before {
      content: var(--tw-content);
      --tw-gradient-from: 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))
    }

    .before\:to-primary-foreground:before {
      content: var(--tw-content);
      --tw-gradient-to: var(--primary-foreground);
      --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))
    }

    .before\:to-transparent:before {
      content: var(--tw-content);
      --tw-gradient-to: 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))
    }

    .before\:opacity-0:before {
      content: var(--tw-content);
      opacity: 0
    }

    .before\:opacity-100:before {
      content: var(--tw-content);
      opacity: 1
    }

    .before\:transition-all:before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:duration-400:before {
      content: var(--tw-content);
      --tw-duration: .4s;
      transition-duration: .4s
    }

    .after\:absolute:after {
      content: var(--tw-content);
      position: absolute
    }

    .after\:-inset-2:after {
      content: var(--tw-content);
      inset: calc(var(--spacing)*-2)
    }

    .after\:inset-y-0:after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing)*0)
    }

    .after\:top-0:after {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }

    .after\:right-0:after {
      content: var(--tw-content);
      right: calc(var(--spacing)*0)
    }

    .after\:bottom-0:after {
      content: var(--tw-content);
      bottom: calc(var(--spacing)*0)
    }

    .after\:bottom-\[-1px\]:after {
      content: var(--tw-content);
      bottom: -1px
    }

    .after\:left-0:after {
      content: var(--tw-content);
      left: calc(var(--spacing)*0)
    }

    .after\:left-1\/2:after {
      content: var(--tw-content);
      left: 50%
    }

    .after\:h-\[2px\]:after {
      content: var(--tw-content);
      height: 2px
    }

    .after\:w-1:after {
      content: var(--tw-content);
      width: calc(var(--spacing)*1)
    }

    .after\:w-6:after {
      content: var(--tw-content);
      width: calc(var(--spacing)*6)
    }

    .after\:w-\[0\.125rem\]:after {
      content: var(--tw-content);
      width: .125rem
    }

    .after\:-translate-x-1\/2:after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2*100%)*-1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .after\:bg-gradient-to-r:after {
      content: var(--tw-content);
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .after\:from-black\/5:after {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .05)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .after\:from-black\/5:after {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }

    .after\:from-black\/5:after {
      --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))
    }

    .after\:to-transparent:after {
      content: var(--tw-content);
      --tw-gradient-to: 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))
    }

    .after\:text-destructive:after {
      content: var(--tw-content);
      color: var(--destructive)
    }

    .after\:opacity-0:after {
      content: var(--tw-content);
      opacity: 0
    }

    .after\:opacity-100:after {
      content: var(--tw-content);
      opacity: 1
    }

    .after\:transition-all:after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:duration-400:after {
      content: var(--tw-content);
      --tw-duration: .4s;
      transition-duration: .4s
    }

    .after\:content-\[\'\*\'\]:after {
      --tw-content: "*";
      content: var(--tw-content)
    }

    [data-collapsible=offcanvas]:where(.group) .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
      content: var(--tw-content);
      left: 100%
    }

    .focus-within\:border-ring:focus-within {
      border-color: var(--ring)
    }

    .focus-within\:ring-\[0\.1875rem\]:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.1875rem + 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)
    }

    .focus-within\:ring-outline:focus-within {
      --tw-ring-color: var(--outline)
    }

    .focus-within\:coz-stroke-hglt:focus-within border-color {
      -d-e-f-a-u-l-t: var(--brand-5);
      light: var(--brand-5-light);
      dark: var(--brand-5-dark)
    }

    .focus-within\:coz-stroke-hglt:focus-within border-color __CSS_VALUES__ {
      -d-e-f-a-u-l-t: 1;
      light: 1;
      dark: 1
    }

    .focus-within\:outline-none:focus-within {
      --tw-outline-style: none;
      outline-style: none
    }

    @media (hover:hover) {
      .hover\:z-\[1\]:hover {
        z-index: 1
      }

      .hover\:-translate-y-1:hover {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }

      .hover\:scale-105:hover {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }

      .hover\:cursor-pointer:hover {
        cursor: pointer
      }

      .hover\:rounded-\[4px\]:hover {
        border-radius: 4px
      }

      .hover\:rounded-md:hover {
        border-radius: .625rem
      }

      .hover\:border-dashed:hover {
        --tw-border-style: dashed;
        border-style: dashed
      }

      .hover\:border-\[red\]\!:hover {
        border-color: red !important
      }

      .hover\:border-accent-foreground\/10:hover {
        border-color: var(--accent-foreground)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:border-accent-foreground\/10:hover {
          border-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent)
        }
      }

      .hover\:border-border-1:hover {
        border-color: var(--border-1)
      }

      .hover\:border-border-2:hover {
        border-color: var(--border-2)
      }

      .hover\:border-border-3:hover {
        border-color: var(--border-3)
      }

      .hover\:border-brand-2:hover {
        border-color: var(--brand-2)
      }

      .hover\:border-destructive:hover {
        border-color: var(--destructive)
      }

      .hover\:border-input:hover {
        border-color: var(--input)
      }

      .hover\:border-muted-foreground:hover {
        border-color: var(--muted-foreground)
      }

      .hover\:border-ring:hover {
        border-color: var(--ring)
      }

      .hover\:bg-\(--accent\):hover {
        background-color: var(--accent)
      }

      .hover\:bg-\(--background\)\!:hover {
        background-color: var(--background) !important
      }

      .hover\:bg-\(--base-accent\):hover {
        background-color: var(--base-accent)
      }

      .hover\:bg-\(--base-muted\):hover {
        background-color: var(--base-muted)
      }

      .hover\:bg-\(--muted\):hover {
        background-color: var(--muted)
      }

      .hover\:bg-\(--sidebar-background\):hover {
        background-color: var(--sidebar-background)
      }

      .hover\:bg-\[\#5A38E5\]:hover {
        background-color: #5a38e5
      }

      .hover\:bg-\[\#5d5d5d\]:hover {
        background-color: #5d5d5d
      }

      .hover\:bg-\[\#4538FF\]:hover {
        background-color: #4538ff
      }

      .hover\:bg-\[\#09090B\]\/90:hover {
        background-color: rgba(9, 9, 11, .9);
        background-color: lab(2.50122%.210062-.770626/.9)
      }

      .hover\:bg-\[\#515151c8\]:hover {
        background-color: rgba(81, 81, 81, .784)
      }

      .hover\:bg-\[\#a87e5b\]:hover {
        background-color: #a87e5b
      }

      .hover\:bg-\[\#ff3434\]:hover {
        background-color: #ff3434
      }

      .hover\:bg-\[var\(--base-accent\)\]:hover {
        background-color: var(--base-accent)
      }

      .hover\:bg-\[var\(--base-accent\,rgba\(245\,245\,244\,1\)\)\]:hover {
        background-color: var(--base-accent, #f5f5f4)
      }

      .hover\:bg-\[var\(--custom-CozeSpace-chromatic-orange-1\)\]:hover {
        background-color: var(--custom-CozeSpace-chromatic-orange-1)
      }

      .hover\:bg-\[var\(--grey-fill-1\)\]:hover {
        background-color: var(--grey-fill-1)
      }

      .hover\:bg-accent:hover {
        background-color: var(--accent)
      }

      .hover\:bg-accent\!:hover {
        background-color: var(--accent) !important
      }

      .hover\:bg-accent\/50:hover {
        background-color: var(--accent)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-accent\/50:hover {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
      }

      .hover\:bg-alpha-black-95:hover {
        background-color: var(--alpha-black-95)
      }

      .hover\:bg-background:hover {
        background-color: var(--background)
      }

      .hover\:bg-black:hover {
        background-color: var(--color-black)
      }

      .hover\:bg-black\/5:hover {
        background-color: rgba(0, 0, 0, .05)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/5:hover {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
      }

      .hover\:bg-black\/10:hover {
        background-color: rgba(0, 0, 0, .1)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/10:hover {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
      }

      .hover\:bg-black\/70:hover {
        background-color: rgba(0, 0, 0, .7)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/70:hover {
          background-color: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
      }

      .hover\:bg-black\/85:hover {
        background-color: rgba(0, 0, 0, .85)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/85:hover {
          background-color: color-mix(in oklab, var(--color-black) 85%, transparent)
        }
      }

      .hover\:bg-black\/90:hover {
        background-color: rgba(0, 0, 0, .9)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/90:hover {
          background-color: color-mix(in oklab, var(--color-black) 90%, transparent)
        }
      }

      .hover\:bg-black\/\[0\.04\]:hover {
        background-color: rgba(0, 0, 0, .04)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/\[0\.04\]:hover {
          background-color: color-mix(in oklab, var(--color-black) 4%, transparent)
        }
      }

      .hover\:bg-border:hover {
        background-color: var(--border)
      }

      .hover\:bg-brand-2:hover {
        background-color: var(--brand-2)
      }

      .hover\:bg-brand-3\/80:hover {
        background-color: var(--brand-3)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-brand-3\/80:hover {
          background-color: color-mix(in oklab, var(--brand-3) 80%, transparent)
        }
      }

      .hover\:bg-brand-5:hover {
        background-color: var(--brand-5)
      }

      .hover\:bg-destructive:hover,
      .hover\:bg-destructive\/90:hover {
        background-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-destructive\/90:hover {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
        }
      }

      .hover\:bg-fog-gray-low:hover {
        background-color: var(--fog-gray-low)
      }

      .hover\:bg-gray-50:hover {
        background-color: var(--color-gray-50)
      }

      .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100)
      }

      .hover\:bg-green-500:hover {
        background-color: var(--color-green-500)
      }

      .hover\:bg-green-600:hover {
        background-color: var(--color-green-600)
      }

      .hover\:bg-grey-fill-1\/60:hover {
        background-color: var(--grey-fill-1)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-grey-fill-1\/60:hover {
          background-color: color-mix(in oklab, var(--grey-fill-1) 60%, transparent)
        }
      }

      .hover\:bg-grey-fill-3:hover {
        background-color: var(--grey-fill-3)
      }

      .hover\:bg-input:hover {
        background-color: var(--input)
      }

      .hover\:bg-ivory-yellow-3:hover {
        background-color: var(--ivory-yellow-3)
      }

      .hover\:bg-muted:hover,
      .hover\:bg-muted\/50:hover {
        background-color: var(--muted)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-muted\/50:hover {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent)
        }
      }

      .hover\:bg-orange-1:hover {
        background-color: var(--orange-1)
      }

      .hover\:bg-orange-low-3:hover {
        background-color: var(--orange-low-3)
      }

      .hover\:bg-primary:hover {
        background-color: var(--primary)
      }

      .hover\:bg-primary-foreground:hover {
        background-color: var(--primary-foreground)
      }

      .hover\:bg-primary\/90:hover {
        background-color: var(--primary)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-primary\/90:hover {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent)
        }
      }

      .hover\:bg-red-low-1:hover {
        background-color: var(--red-low-1)
      }

      .hover\:bg-secondary:hover,
      .hover\:bg-secondary\/80:hover {
        background-color: var(--secondary)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-secondary\/80:hover {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent)
        }
      }

      .hover\:bg-sidebar-accent:hover {
        background-color: var(--sidebar-accent)
      }

      .hover\:bg-transparent:hover {
        background-color: transparent
      }

      .hover\:bg-white\/20:hover {
        background-color: rgba(255, 255, 255, .2)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/20:hover {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
      }

      .hover\:bg-white\/30:hover {
        background-color: rgba(255, 255, 255, .3)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/30:hover {
          background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
      }

      .hover\:bg-yellow-1:hover {
        background-color: var(--yellow-1)
      }

      .hover\:text-\[\#09090B\]:hover {
        color: #09090b
      }

      .hover\:text-\[color\:var\(--text-1\)\]:hover {
        color: var(--text-1)
      }

      .hover\:text-\[var\(--custom-CozeSpace-chromatic-orange-3\)\]:hover {
        color: var(--custom-CozeSpace-chromatic-orange-3)
      }

      .hover\:text-accent-foreground:hover {
        color: var(--accent-foreground)
      }

      .hover\:text-accent-foreground\!:hover {
        color: var(--accent-foreground) !important
      }

      .hover\:text-amber-900:hover {
        color: var(--color-amber-900)
      }

      .hover\:text-black:hover {
        color: var(--color-black)
      }

      .hover\:text-blue-3:hover {
        color: var(--blue-3)
      }

      .hover\:text-blue-900:hover {
        color: var(--color-blue-900)
      }

      .hover\:text-destructive:hover {
        color: var(--destructive)
      }

      .hover\:text-foreground:hover {
        color: var(--foreground)
      }

      .hover\:text-green-900:hover {
        color: var(--color-green-900)
      }

      .hover\:text-muted-foreground:hover {
        color: var(--muted-foreground)
      }

      .hover\:text-primary:hover {
        color: var(--primary)
      }

      .hover\:text-primary-foreground:hover {
        color: var(--primary-foreground)
      }

      .hover\:text-red-500:hover {
        color: var(--color-red-500)
      }

      .hover\:text-red-900:hover {
        color: var(--color-red-900)
      }

      .hover\:text-sidebar-accent-foreground:hover {
        color: var(--sidebar-accent-foreground)
      }

      .hover\:text-text-1:hover {
        color: var(--text-1)
      }

      .hover\:text-text-1\!:hover {
        color: var(--text-1) !important
      }

      .hover\:text-text-2:hover {
        color: var(--text-2)
      }

      .hover\:text-text-3:hover {
        color: var(--text-3)
      }

      .hover\:text-text-5:hover {
        color: var(--text-5)
      }

      .hover\:no-underline:hover {
        -webkit-text-decoration-line: none;
        text-decoration-line: none
      }

      .hover\:underline:hover {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline
      }

      .hover\:decoration-amber-500:hover {
        -webkit-text-decoration-color: var(--color-amber-500);
        text-decoration-color: var(--color-amber-500)
      }

      .hover\:decoration-blue-500:hover {
        -webkit-text-decoration-color: var(--color-blue-500);
        text-decoration-color: var(--color-blue-500)
      }

      .hover\:decoration-foreground:hover {
        -webkit-text-decoration-color: var(--foreground);
        text-decoration-color: var(--foreground)
      }

      .hover\:decoration-green-500:hover {
        -webkit-text-decoration-color: var(--color-green-500);
        text-decoration-color: var(--color-green-500)
      }

      .hover\:decoration-red-500:hover {
        -webkit-text-decoration-color: var(--color-red-500);
        text-decoration-color: var(--color-red-500)
      }

      .hover\:opacity-60:hover {
        opacity: .6
      }

      .hover\:opacity-70:hover {
        opacity: .7
      }

      .hover\:opacity-80:hover {
        opacity: .8
      }

      .hover\:opacity-90:hover {
        opacity: .9
      }

      .hover\:opacity-100:hover {
        opacity: 1
      }

      .hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0, 0, 0, .25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .hover\:ring-4:hover {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + 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)
      }

      .hover\:coz-mg-hglt-hovered:hover background-color {
        -d-e-f-a-u-l-t: var(--brand-2);
        light: var(--brand-2-light);
        dark: var(--brand-2-dark)
      }

      .hover\:coz-mg-hglt-hovered:hover background-color __CSS_VALUES__ {
        -d-e-f-a-u-l-t: 1;
        light: 1;
        dark: 1
      }

      .hover\:coz-mg-hglt-plus-hovered:hover background-color {
        -d-e-f-a-u-l-t: var(--brand-6);
        light: var(--brand-6-light);
        dark: var(--brand-6-dark)
      }

      .hover\:coz-mg-hglt-plus-hovered:hover background-color __CSS_VALUES__ {
        -d-e-f-a-u-l-t: 1;
        light: 1;
        dark: 1
      }

      .hover\:\[background\:var\(--base-sidebar-accent\,\#F5F5F4\)\]:hover {
        background: var(--base-sidebar-accent, #f5f5f4)
      }

      .hover\:before\:opacity-100:hover:before {
        content: var(--tw-content);
        opacity: 1
      }

      .hover\:after\:bg-sidebar-border:hover:after {
        content: var(--tw-content);
        background-color: var(--sidebar-border)
      }

      .hover\:after\:opacity-100:hover:after {
        content: var(--tw-content);
        opacity: 1
      }
    }

    .focus\:z-10:focus {
      z-index: 10
    }

    .focus\:border-\[\#add6ff\]:focus {
      border-color: #add6ff
    }

    .focus\:border-\[var\(--console-border\)\]:focus {
      border-color: var(--console-border)
    }

    .focus\:border-blue-300:focus {
      border-color: var(--color-blue-300)
    }

    .focus\:border-blue-500:focus {
      border-color: var(--color-blue-500)
    }

    .focus\:border-border-2\/50:focus {
      border-color: var(--border-2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .focus\:border-border-2\/50:focus {
        border-color: color-mix(in oklab, var(--border-2) 50%, transparent)
      }
    }

    .focus\:bg-\[\#3b3b3b\]:focus {
      background-color: #3b3b3b
    }

    .focus\:bg-accent:focus {
      background-color: var(--accent)
    }

    .focus\:bg-fog-gray-low:focus {
      background-color: var(--fog-gray-low)
    }

    .focus\:bg-transparent:focus {
      background-color: transparent
    }

    .focus\:text-accent-foreground:focus {
      color: var(--accent-foreground)
    }

    .focus\:text-destructive:focus {
      color: var(--destructive)
    }

    .focus\:text-foreground:focus {
      color: var(--foreground)
    }

    .focus\:text-transparent:focus {
      color: transparent
    }

    .focus\:\!shadow-none:focus {
      --tw-shadow: 0 0 transparent !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .focus\:\!ring-0:focus {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .focus\:ring-0:focus {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + 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)
    }

    .focus\:ring-2:focus {
      --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)
    }

    .focus\:\!ring-border:focus {
      --tw-ring-color: var(--border) !important
    }

    .focus\:ring-current:focus {
      --tw-ring-color: currentcolor
    }

    .focus\:ring-ring:focus {
      --tw-ring-color: var(--ring)
    }

    .focus\:outline-hidden:focus {
      --tw-outline-style: none;
      outline-style: none
    }

    @media (forced-colors:active) {
      .focus\:outline-hidden:focus {
        outline-offset: 2px;
        outline: 2px solid transparent
      }
    }

    .focus\:outline-4:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 4px
    }

    .focus\:transition-none:focus {
      transition-property: none
    }

    .focus\:outline-none:focus {
      --tw-outline-style: none;
      outline-style: none
    }

    .focus-visible\:z-10:focus-visible {
      z-index: 10
    }

    .focus-visible\:z-\[1\]:focus-visible {
      z-index: 1
    }

    .focus-visible\:rounded-sm:focus-visible {
      border-radius: .375rem
    }

    .focus-visible\:border-none:focus-visible {
      --tw-border-style: none;
      border-style: none
    }

    .focus-visible\:border-border-1:focus-visible {
      border-color: var(--border-1)
    }

    .focus-visible\:border-brand-2:focus-visible {
      border-color: var(--brand-2)
    }

    .focus-visible\:border-input:focus-visible {
      border-color: var(--input)
    }

    .focus-visible\:border-ring:focus-visible {
      border-color: var(--ring)
    }

    .focus-visible\:text-border-2:focus-visible {
      color: var(--border-2)
    }

    .focus-visible\:text-foreground:focus-visible {
      color: var(--foreground)
    }

    .focus-visible\:shadow-md:focus-visible {
      --tw-shadow: 0 4px 22px 0 var(--tw-shadow-color, rgba(0, 0, 0, .06)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, .03));
      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\:ring:focus-visible {
      --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)
    }

    .focus-visible\:ring-0:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + 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)
    }

    .focus-visible\:ring-1:focus-visible {
      --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)
    }

    .focus-visible\:ring-2:focus-visible {
      --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)
    }

    .focus-visible\:ring-4:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + 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)
    }

    .focus-visible\:ring-\[0\.1875rem\]:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.1875rem + 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)
    }

    .focus-visible\:ring-\[3px\]:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + 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)
    }

    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .focus-visible\:ring-destructive\/20:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
      }
    }

    .focus-visible\:ring-outline:focus-visible {
      --tw-ring-color: var(--outline)
    }

    .focus-visible\:ring-red-500:focus-visible {
      --tw-ring-color: var(--color-red-500)
    }

    .focus-visible\:ring-ring:focus-visible {
      --tw-ring-color: var(--ring)
    }

    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .focus-visible\:ring-ring\/50:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
      }
    }

    .focus-visible\:ring-offset-0:focus-visible {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-1:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-2:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-background:focus-visible {
      --tw-ring-offset-color: var(--background)
    }

    .focus-visible\:outline-hidden:focus-visible {
      --tw-outline-style: none;
      outline-style: none
    }

    @media (forced-colors:active) {
      .focus-visible\:outline-hidden:focus-visible {
        outline-offset: 2px;
        outline: 2px solid transparent
      }
    }

    .focus-visible\:outline:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .focus-visible\:outline-1:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .focus-visible\:outline-2:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px
    }

    .focus-visible\:outline-4:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 4px
    }

    .focus-visible\:outline-offset-1:focus-visible {
      outline-offset: 1px
    }

    .focus-visible\:outline-amber-700:focus-visible {
      outline-color: var(--color-amber-700)
    }

    .focus-visible\:outline-ring:focus-visible {
      outline-color: var(--ring)
    }

    .focus-visible\:outline-ring\/70:focus-visible {
      outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .focus-visible\:outline-ring\/70:focus-visible {
        outline-color: color-mix(in oklab, var(--ring) 70%, transparent)
      }
    }

    .focus-visible\:coz-stroke-hglt:focus-visible border-color {
      -d-e-f-a-u-l-t: var(--brand-5);
      light: var(--brand-5-light);
      dark: var(--brand-5-dark)
    }

    .focus-visible\:coz-stroke-hglt:focus-visible border-color __CSS_VALUES__ {
      -d-e-f-a-u-l-t: 1;
      light: 1;
      dark: 1
    }

    .focus-visible\:outline-none:focus-visible {
      --tw-outline-style: none;
      outline-style: none
    }

    .active\:scale-\[0\.98\]:active {
      scale: .98
    }

    .active\:bg-\[\#5234CB\]:active {
      background-color: #5234cb
    }

    .active\:bg-\[var\(--grey-fill-2\)\]:active {
      background-color: var(--grey-fill-2)
    }

    .active\:bg-primary:active {
      background-color: var(--primary)
    }

    .active\:bg-sidebar-accent:active {
      background-color: var(--sidebar-accent)
    }

    .active\:text-primary-foreground:active {
      color: var(--primary-foreground)
    }

    .active\:text-sidebar-accent-foreground:active {
      color: var(--sidebar-accent-foreground)
    }

    .active\:coz-mg-hglt-pressed:active background-color {
      -d-e-f-a-u-l-t: var(--brand-3);
      light: var(--brand-3-light);
      dark: var(--brand-3-dark)
    }

    .active\:coz-mg-hglt-pressed:active background-color __CSS_VALUES__ {
      -d-e-f-a-u-l-t: 1;
      light: 1;
      dark: 1
    }

    @media (hover:hover) {
      :where(.group):hover .enabled\:group-hover\:text-foreground:enabled {
        color: var(--foreground)
      }

      .enabled\:hover\:border-border-1:enabled:hover {
        border-color: var(--border-1)
      }

      .enabled\:hover\:bg-fog-gray-low:enabled:hover {
        background-color: var(--fog-gray-low)
      }
    }

    .disabled\:pointer-events-none:disabled {
      pointer-events: none
    }

    .disabled\:opacity-50:disabled {
      opacity: .5
    }

    @media (hover:hover) {
      .disabled\:hover\:bg-\[\#FDECC8\]:disabled:hover {
        background-color: #fdecc8
      }
    }

    .has-focus\:border-ring:has(:focus) {
      border-color: var(--ring)
    }

    .has-focus\:ring-\[0\.1875rem\]:has(:focus) {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.1875rem + 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)
    }

    .has-focus\:ring-outline:has(:focus) {
      --tw-ring-color: var(--outline)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-none:has([data-slot=input-group-control]:focus-visible) {
      --tw-border-style: none;
      border-style: none
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) {
      border-color: var(--ring)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-0:has([data-slot=input-group-control]:focus-visible) {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + 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)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[0\.1875rem\]:has([data-slot=input-group-control]:focus-visible) {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(.1875rem + 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)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-outline:has([data-slot=input-group-control]:focus-visible) {
      --tw-ring-color: var(--outline)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-0:has([data-slot=input-group-control]:focus-visible) {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .has-\[\>svg\]\:px-3:has(>svg) {
      padding-inline: calc(var(--spacing)*3)
    }

    @media (hover:hover) {
      .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
        background-color: var(--accent)
      }
    }

    .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
      background-color: var(--accent)
    }

    .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
      content: var(--tw-content);
      left: calc(var(--spacing)*0)
    }

    .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
      content: var(--tw-content);
      height: calc(var(--spacing)*1)
    }

    .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
      content: var(--tw-content);
      width: 100%
    }

    .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2*100%)*-1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 [data-slot=navigation-menu-link]:focus {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + 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)
    }

    .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none [data-slot=navigation-menu-link]:focus {
      --tw-outline-style: none;
      outline-style: none
    }

    .data-\[state\=active\]\:after\:bg-primary[data-state=active]:after {
      content: var(--tw-content);
      background-color: var(--primary)
    }

    @media (hover:hover) {
      .data-\[state\=checked\]\:hover\:bg-background[data-state=checked]:hover {
        background-color: var(--background)
      }
    }

    @media (hover:hover) {
      .data-\[state\=on\]\:hover\:bg-muted[data-state=on]:hover {
        background-color: var(--muted)
      }
    }

    @media (hover:hover) {
      .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
        background-color: var(--accent)
      }

      .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
        background-color: var(--sidebar-accent)
      }

      .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
        color: var(--sidebar-accent-foreground)
      }
    }

    .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
      background-color: var(--accent)
    }

    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
      }
    }

    .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
      color: var(--destructive)
    }

    @media (min-width:40rem) {
      .sm\:h-64 {
        height: calc(var(--spacing)*64)
      }

      .sm\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
      }

      .sm\:grid-flow-col-dense {
        grid-auto-flow: column dense
      }

      .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
      }

      .sm\:gap-16 {
        gap: calc(var(--spacing)*16)
      }

      .sm\:p-10 {
        padding: calc(var(--spacing)*10)
      }

      .sm\:text-5xl {
        font-size: var(--text-5xl-48)
      }

      .sm\:leading-\[3\.5rem\] {
        --tw-leading: 3.5rem;
        line-height: 3.5rem
      }
    }

    @media (min-width:48rem) {
      .md\:max-w-3xl {
        max-width: var(--container-3xl)
      }

      .md\:after\:hidden:after {
        content: var(--tw-content);
        display: none
      }
    }

    @media (min-width:64rem) {
      .lg\:h-36 {
        height: calc(var(--spacing)*36)
      }

      .lg\:max-w-7xl {
        max-width: var(--container-7xl)
      }

      .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .lg\:p-6 {
        padding: calc(var(--spacing)*6)
      }

      .lg\:px-10 {
        padding-inline: calc(var(--spacing)*10)
      }

      .lg\:whitespace-nowrap {
        white-space: nowrap
      }
    }

    @media (min-width:80rem) {
      .xl\:flex {
        display: flex
      }
    }

    .dark\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }

    .dark\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):before {
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:after\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):after {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:after\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):after {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }

    .dark\:after\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):after {
      --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))
    }

    @media (hover:hover) {
      .dark\:hover\:border-brand-3:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        border-color: var(--brand-3)
      }

      .dark\:hover\:bg-accent:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        background-color: var(--accent)
      }

      .dark\:hover\:bg-accent\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        background-color: var(--accent)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-accent\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
      }

      .dark\:hover\:bg-brand-3:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        background-color: var(--brand-3)
      }

      .dark\:hover\:bg-destructive\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        background-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-destructive\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
          background-color: color-mix(in oklab, var(--destructive) 50%, transparent)
        }
      }

      .dark\:hover\:bg-input\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        background-color: var(--input)
      }

      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-input\/50:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
          background-color: color-mix(in oklab, var(--input) 50%, transparent)
        }
      }

      .dark\:hover\:text-accent-foreground:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):hover {
        color: var(--accent-foreground)
      }
    }

    .dark\:focus-visible\:ring-destructive\/40:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):focus-visible {
      --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:focus-visible\:ring-destructive\/40:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
      }
    }

    @media (hover:hover) {
      .dark\:disabled\:hover\:bg-\[\#B54708\]\/25:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)):disabled:hover {
        background-color: rgba(181, 71, 8, .25);
        background-color: lab(45.3766%43.7699 54.0825/.25)
      }
    }

    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *))[data-variant=destructive]:focus {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *))[data-variant=destructive]:focus {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent)
      }
    }

    .\[\&_\.cm-scroller\]\:overscroll-none .cm-scroller {
      overscroll-behavior: none
    }

    .\[\&_svg\]\:pointer-events-none svg {
      pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
      flex-shrink: 0
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*=size-]) {
      width: calc(var(--spacing)*4.5);
      height: calc(var(--spacing)*4.5)
    }

    .\[\&_td\]\:before\:opacity-100 td:before {
      content: var(--tw-content);
      opacity: 1
    }

    .\[\&_td\:last-child\]\:before\:absolute td:last-child:before {
      content: var(--tw-content);
      position: absolute
    }

    .\[\&_td\:last-child\]\:before\:top-0 td:last-child:before {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }

    .\[\&_td\:last-child\]\:before\:bottom-0 td:last-child:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing)*0)
    }

    .\[\&_td\:last-child\]\:before\:-left-6 td:last-child:before {
      content: var(--tw-content);
      left: calc(var(--spacing)*-6)
    }

    .\[\&_td\:last-child\]\:before\:z-\[60\] td:last-child:before {
      content: var(--tw-content);
      z-index: 60
    }

    .\[\&_td\:last-child\]\:before\:w-6 td:last-child:before {
      content: var(--tw-content);
      width: calc(var(--spacing)*6)
    }

    .\[\&_td\:last-child\]\:before\:bg-gradient-to-l td:last-child:before {
      content: var(--tw-content);
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .05)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }

    .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
      --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))
    }

    .\[\&_td\:last-child\]\:before\:to-transparent td:last-child:before {
      content: var(--tw-content);
      --tw-gradient-to: 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))
    }

    .\[\&_td\:last-child\]\:before\:opacity-0 td:last-child:before {
      content: var(--tw-content);
      opacity: 0
    }

    .\[\&_td\:last-child\]\:before\:transition-all td:last-child:before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_td\:last-child\]\:before\:duration-400 td:last-child:before {
      content: var(--tw-content);
      --tw-duration: .4s;
      transition-duration: .4s
    }

    .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) td:last-child:before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) td:last-child:before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }

    .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) td:last-child:before {
      --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))
    }

    .\[\&_th\:last-child\]\:before\:absolute th:last-child:before {
      content: var(--tw-content);
      position: absolute
    }

    .\[\&_th\:last-child\]\:before\:top-0 th:last-child:before {
      content: var(--tw-content);
      top: calc(var(--spacing)*0)
    }

    .\[\&_th\:last-child\]\:before\:bottom-0 th:last-child:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing)*0)
    }

    .\[\&_th\:last-child\]\:before\:-left-6 th:last-child:before {
      content: var(--tw-content);
      left: calc(var(--spacing)*-6)
    }

    .\[\&_th\:last-child\]\:before\:z-\[60\] th:last-child:before {
      content: var(--tw-content);
      z-index: 60
    }

    .\[\&_th\:last-child\]\:before\:w-6 th:last-child:before {
      content: var(--tw-content);
      width: calc(var(--spacing)*6)
    }

    .\[\&_th\:last-child\]\:before\:bg-gradient-to-l th:last-child:before {
      content: var(--tw-content);
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .05)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }

    .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
      --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))
    }

    .\[\&_th\:last-child\]\:before\:to-transparent th:last-child:before {
      content: var(--tw-content);
      --tw-gradient-to: 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))
    }

    .\[\&_th\:last-child\]\:before\:opacity-0 th:last-child:before {
      content: var(--tw-content);
      opacity: 0
    }

    .\[\&_th\:last-child\]\:before\:opacity-100 th:last-child:before {
      content: var(--tw-content);
      opacity: 1
    }

    .\[\&_th\:last-child\]\:before\:transition-all th:last-child:before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_th\:last-child\]\:before\:duration-400 th:last-child:before {
      content: var(--tw-content);
      --tw-duration: .4s;
      transition-duration: .4s
    }

    .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) th:last-child:before {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, .2)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) th:last-child:before {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }

    .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where(.dark, .dark *, .force-dark-mode, .force-dark-mode *):not(:where(.force-light-mode, .force-light-mode *)) th:last-child:before {
      --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))
    }

    .\[\&_tr\:hover\>\*\:last-child\]\:bg-transparent tr:hover>:last-child {
      background-color: transparent
    }

    .\[\&_tr\:hover\>td\:last-child\]\:\!bg-accent tr:hover>td:last-child {
      background-color: var(--accent) !important
    }

    .\[\&_tr\>\*\:last-child\]\:before\:opacity-100 tr>:last-child:before {
      content: var(--tw-content);
      opacity: 1
    }

    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:h-2::-webkit-slider-thumb {
      height: calc(var(--spacing)*2)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
      height: calc(var(--spacing)*3)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:w-2::-webkit-slider-thumb {
      width: calc(var(--spacing)*2)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
      width: calc(var(--spacing)*3)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
      cursor: pointer
    }

    .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
      border-radius: 3.40282e38px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
      background-color: var(--color-white)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .08)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 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)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:transition-all::-webkit-slider-thumb {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&\:\:-webkit-slider-thumb\]\:duration-200::-webkit-slider-thumb {
      --tw-duration: .2s;
      transition-duration: .2s
    }

    @media (hover:hover) {
      :where(.group\/progress):hover .group-hover\/progress\:\[\&\:\:-webkit-slider-thumb\]\:scale-125::-webkit-slider-thumb {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }
    }

    @media (hover:hover) {
      a.\[a\]\:hover\:bg-accent\/50:hover {
        background-color: var(--accent)
      }

      @supports (color:color-mix(in lab, red, red)) {
        a.\[a\]\:hover\:bg-accent\/50:hover {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
      }
    }

    .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
      position: relative
    }

    .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
      z-index: 10
    }

    .\[\&\>a\:hover\]\:text-primary>a:hover {
      color: var(--primary)
    }

    .\[\&\>div\]\:native-scrollbar>div::-webkit-scrollbar {
      width: .625rem;
      height: .625rem
    }

    .\[\&\>div\]\:native-scrollbar>div::-webkit-scrollbar-track {
      background: 0 0
    }

    .\[\&\>div\]\:native-scrollbar>div::-webkit-scrollbar-thumb {
      background: var(--border);
      background-clip: padding-box;
      border: .125rem solid transparent;
      border-radius: 624.938rem
    }

    @media (hover:hover) {
      a.\[a\&\]\:hover\:bg-accent:hover {
        background-color: var(--accent)
      }

      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
        a.\[a\&\]\:hover\:bg-destructive\/90:hover {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
        }
      }

      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: var(--primary)
      }

      @supports (color:color-mix(in lab, red, red)) {
        a.\[a\&\]\:hover\:bg-primary\/90:hover {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent)
        }
      }

      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: var(--secondary)
      }

      @supports (color:color-mix(in lab, red, red)) {
        a.\[a\&\]\:hover\:bg-secondary\/90:hover {
          background-color: color-mix(in oklab, var(--secondary) 90%, transparent)
        }
      }

      a.\[a\&\]\:hover\:text-accent-foreground:hover {
        color: var(--accent-foreground)
      }
    }
  }

  @property --tw-animation-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s
  }

  @property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal
  }

  @property --tw-animation-duration {
    syntax: "*";
    inherits: false
  }

  @property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none
  }

  @property --tw-animation-iteration-count {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-enter-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-enter-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-enter-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-enter-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-enter-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-enter-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-exit-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-exit-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-exit-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-exit-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-exit-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-exit-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  :root {
    --primary: #1c1917;
    --primary-light: #1c1917;
    --primary-rgb: 28, 25, 23;
    --primary-dark: #e7e5e4;
    --background: #fff;
    --background-light: #fff;
    --background-rgb: 255, 255, 255;
    --background-dark: #0c0a09;
    --accent: #f5f5f4;
    --accent-light: #f5f5f4;
    --accent-rgb: 245, 245, 244;
    --accent-dark: #44403c;
    --border: #e7e5e4;
    --border-light: #e7e5e4;
    --border-rgb: 231, 229, 228;
    --border-dark: rgba(255, 255, 255, .1);
    --card-foreground: #0c0a09;
    --card-foreground-light: #0c0a09;
    --card-foreground-rgb: 12, 10, 9;
    --card-foreground-dark: #fafaf9;
    --accent-foreground: #1c1917;
    --accent-foreground-light: #1c1917;
    --accent-foreground-rgb: 28, 25, 23;
    --accent-foreground-dark: #fafaf9;
    --foreground: #0c0a09;
    --foreground-light: #0c0a09;
    --foreground-rgb: 12, 10, 9;
    --foreground-dark: #fafaf9;
    --input: #e7e5e4;
    --input-light: #e7e5e4;
    --input-rgb: 231, 229, 228;
    --input-dark: rgba(255, 255, 255, .15);
    --muted: #f5f5f4;
    --muted-light: #f5f5f4;
    --muted-rgb: 245, 245, 244;
    --muted-dark: #292524;
    --popover: #fff;
    --popover-light: #fff;
    --popover-rgb: 255, 255, 255;
    --popover-dark: #292524;
    --card: #fff;
    --card-light: #fff;
    --card-rgb: 255, 255, 255;
    --card-dark: #1c1917;
    --popover-foreground: #0c0a09;
    --popover-foreground-light: #0c0a09;
    --popover-foreground-rgb: 12, 10, 9;
    --popover-foreground-dark: #fafaf9;
    --primary-foreground: #fafaf9;
    --primary-foreground-light: #fafaf9;
    --primary-foreground-rgb: 250, 250, 249;
    --primary-foreground-dark: #1c1917;
    --destructive: #e40014;
    --destructive-light: #e40014;
    --destructive-rgb: 231, 0, 11;
    --destructive-dark: #ff6568;
    --destructive-foreground: #fef2f2;
    --destructive-foreground-light: #fef2f2;
    --destructive-foreground-rgb: 254, 242, 242;
    --destructive-foreground-dark: #fef2f2;
    --ring: #a8a29e;
    --ring-light: #a8a29e;
    --ring-rgb: 168, 162, 158;
    --ring-dark: #78716c;
    --secondary: #f5f5f4;
    --secondary-light: #f5f5f4;
    --secondary-rgb: 245, 245, 244;
    --secondary-dark: #292524;
    --secondary-foreground: #1c1917;
    --secondary-foreground-light: #1c1917;
    --secondary-foreground-rgb: 28, 25, 23;
    --secondary-foreground-dark: #fafaf9;
    --muted-foreground: #78716c;
    --muted-foreground-light: #78716c;
    --muted-foreground-rgb: 120, 113, 108;
    --muted-foreground-dark: #a8a29e;
    --sidebar-foreground: #0c0a09;
    --sidebar-foreground-light: #0c0a09;
    --sidebar-foreground-rgb: 12, 10, 9;
    --sidebar-foreground-dark: #fafaf9;
    --sidebar-background: #fafaf9;
    --sidebar-background-light: #fafaf9;
    --sidebar-background-rgb: 250, 250, 249;
    --sidebar-background-dark: #1c1917;
    --sidebar-primary: #0c0a09;
    --sidebar-primary-light: #0c0a09;
    --sidebar-primary-rgb: 12, 10, 9;
    --sidebar-primary-dark: #1a4eda;
    --sidebar-primary-foreground: #fafaf9;
    --sidebar-primary-foreground-light: #fafaf9;
    --sidebar-primary-foreground-rgb: 250, 250, 249;
    --sidebar-primary-foreground-dark: #fafaf9;
    --sidebar-accent: #f5f5f4;
    --sidebar-accent-light: #f5f5f4;
    --sidebar-accent-rgb: 245, 245, 244;
    --sidebar-accent-dark: #292524;
    --sidebar-accent-foreground: #1c1917;
    --sidebar-accent-foreground-light: #1c1917;
    --sidebar-accent-foreground-rgb: 28, 25, 23;
    --sidebar-accent-foreground-dark: #fafaf9;
    --sidebar-border: #e7e5e4;
    --sidebar-border-light: #e7e5e4;
    --sidebar-border-rgb: 231, 229, 228;
    --sidebar-border-dark: rgba(255, 255, 255, .1);
    --sidebar-ring: #a8a29e;
    --sidebar-ring-light: #a8a29e;
    --sidebar-ring-rgb: 168, 162, 158;
    --sidebar-ring-dark: #57534e;
    --sidebar-notice: rgba(161, 85, 85, .1);
    --sidebar-notice-light: rgba(161, 85, 85, .1);
    --sidebar-notice-rgb: 161, 85, 85;
    --sidebar-notice-opacity: .1;
    --sidebar-notice-dark: #7a4e4e;
    --sidebar-notice-text: #a15555;
    --sidebar-notice-text-light: #a15555;
    --sidebar-notice-text-rgb: 161, 85, 85;
    --sidebar-notice-text-dark: #d7caca;
    --grey-fill-1: #f8f9fb;
    --grey-fill-1-light: #f8f9fb;
    --grey-fill-1-rgb: 248, 249, 251;
    --grey-fill-1-dark: #18181b;
    --grey-fill-2: #f2f3f7;
    --grey-fill-2-light: #f2f3f7;
    --grey-fill-2-rgb: 242, 243, 247;
    --grey-fill-2-dark: #27272a;
    --grey-fill-3: #eaebf2;
    --grey-fill-3-light: #eaebf2;
    --grey-fill-3-rgb: 234, 235, 242;
    --grey-fill-3-dark: #3f3f46;
    --brand-purple-fill-1: #eef0ff;
    --brand-purple-fill-1-light: #eef0ff;
    --brand-purple-fill-1-rgb: 238, 240, 255;
    --brand-purple-fill-1-dark: #313252;
    --brand-purple-fill-2: #e6e9ff;
    --brand-purple-fill-2-light: #e6e9ff;
    --brand-purple-fill-2-rgb: 230, 233, 255;
    --brand-purple-fill-2-dark: #38395f;
    --brand-purple-fill-3: #dbdfff;
    --brand-purple-fill-3-light: #dbdfff;
    --brand-purple-fill-3-rgb: 219, 223, 255;
    --brand-purple-fill-3-dark: #3e3f75;
    --border-1: #f7f9ff;
    --border-1-light: #f7f9ff;
    --border-1-rgb: 247, 249, 255;
    --border-1-dark: rgba(115, 115, 115, .15);
    --border-2: #e4e4e7;
    --border-2-light: #e4e4e7;
    --border-2-rgb: 228, 228, 231;
    --border-2-dark: #27272a;
    --border-3: #a1a1aa;
    --border-3-light: #a1a1aa;
    --border-3-rgb: 161, 161, 170;
    --border-3-dark: #3f3f46;
    --brand-1: #dee8ff;
    --brand-1-light: #dee8ff;
    --brand-1-rgb: 222, 232, 255;
    --brand-1-dark: #1f2570;
    --brand-2: #a7baff;
    --brand-2-light: #a7baff;
    --brand-2-rgb: 167, 186, 255;
    --brand-2-dark: #412bff;
    --brand-3: #412bff;
    --brand-3-light: #412bff;
    --brand-3-rgb: 65, 43, 255;
    --brand-3-dark: #a7baff;
    --brand-4: #6366f1;
    --brand-4-light: #6366f1;
    --brand-4-rgb: 99, 102, 241;
    --brand-4-dark: #818cf8;
    --brand-5: #818cf8;
    --brand-5-light: #818cf8;
    --brand-5-rgb: 129, 140, 248;
    --brand-5-dark: #4f46e5;
    --brand-6: #a5b4fc;
    --brand-6-light: #a5b4fc;
    --brand-6-rgb: 165, 180, 252;
    --brand-6-dark: #312e81;
    --brand-7: #e0e7ff;
    --brand-7-light: #e0e7ff;
    --brand-7-rgb: 224, 231, 255;
    --brand-7-dark: #1e1b4b;
    --text-1: #09090b;
    --text-1-light: #09090b;
    --text-1-rgb: 9, 9, 11;
    --text-1-dark: #fafafa;
    --text-4: #e4e4e7;
    --text-4-light: #e4e4e7;
    --text-4-rgb: 228, 228, 231;
    --text-4-dark: #52525b;
    --text-2: #3f3f46;
    --text-2-light: #3f3f46;
    --text-2-rgb: 63, 63, 70;
    --text-2-dark: #e4e4e7;
    --text-3: #a1a1aa;
    --text-3-light: #a1a1aa;
    --text-3-rgb: 161, 161, 170;
    --text-3-dark: #a1a1aa;
    --text-5: #808087;
    --text-5-light: #808087;
    --text-5-rgb: 128, 128, 135;
    --text-5-dark: #c6c6cc;
    --red-1: #fee2e2;
    --red-1-light: #fee2e2;
    --red-1-rgb: 254, 226, 226;
    --red-1-dark: #450a0a;
    --red-2: #fca5a5;
    --red-2-light: #fca5a5;
    --red-2-rgb: 252, 165, 165;
    --red-2-dark: #7f1d1d;
    --red-3: #ef4444;
    --red-3-light: #ef4444;
    --red-3-rgb: 239, 68, 68;
    --red-3-dark: #b91c1c;
    --orange-1: #ffedd5;
    --orange-1-light: #ffedd5;
    --orange-1-rgb: 255, 237, 213;
    --orange-1-dark: #431407;
    --orange-2: #fdba74;
    --orange-2-light: #fdba74;
    --orange-2-rgb: 253, 186, 116;
    --orange-2-dark: #7c2d12;
    --orange-3: #f97315;
    --orange-3-light: #f97315;
    --orange-3-rgb: 249, 115, 21;
    --orange-3-dark: #c2410b;
    --yellow-1: #fef9c3;
    --yellow-1-light: #fef9c3;
    --yellow-1-rgb: 254, 249, 195;
    --yellow-1-dark: #422006;
    --yellow-2: #fde046;
    --yellow-2-light: #fde046;
    --yellow-2-rgb: 253, 224, 70;
    --yellow-2-dark: #713f12;
    --yellow-3: #eab305;
    --yellow-3-light: #eab305;
    --yellow-3-rgb: 234, 179, 5;
    --yellow-3-dark: #a16206;
    --green-1: #dcfce7;
    --green-1-light: #dcfce7;
    --green-1-rgb: 220, 252, 231;
    --green-1-dark: #052e16;
    --green-2: #86efac;
    --green-2-light: #86efac;
    --green-2-rgb: 134, 239, 172;
    --green-2-dark: #14532d;
    --green-3: #22c55e;
    --green-3-light: #22c55e;
    --green-3-rgb: 34, 197, 94;
    --green-3-dark: #15803d;
    --blue-1: #dbeafe;
    --blue-1-light: #dbeafe;
    --blue-1-rgb: 219, 234, 254;
    --blue-1-dark: #172554;
    --blue-2: #93c5fd;
    --blue-2-light: #93c5fd;
    --blue-2-rgb: 147, 197, 253;
    --blue-2-dark: #1e3a8a;
    --blue-3: #3b82f6;
    --blue-3-light: #3b82f6;
    --blue-3-rgb: 59, 130, 246;
    --blue-3-dark: #1d4ed8;
    --indigo-1: #e0e7ff;
    --indigo-1-light: #e0e7ff;
    --indigo-1-rgb: 224, 231, 255;
    --indigo-1-dark: #1e1b4b;
    --indigo-2: #a5b4fc;
    --indigo-2-light: #a5b4fc;
    --indigo-2-rgb: 165, 180, 252;
    --indigo-2-dark: #312e81;
    --indigo-3: #6366f1;
    --indigo-3-light: #6366f1;
    --indigo-3-rgb: 99, 102, 241;
    --indigo-3-dark: #4338ca;
    --purple-1: #f3e8ff;
    --purple-1-light: #f3e8ff;
    --purple-1-rgb: 243, 232, 255;
    --purple-1-dark: #3b0764;
    --purple-2: #d8b4fe;
    --purple-2-light: #d8b4fe;
    --purple-2-rgb: 216, 180, 254;
    --purple-2-dark: #581c87;
    --purple-3: #a855f7;
    --purple-3-light: #a855f7;
    --purple-3-rgb: 168, 85, 247;
    --purple-3-dark: #7e22ce;
    --pink-1: #fce7f3;
    --pink-1-light: #fce7f3;
    --pink-1-rgb: 252, 231, 243;
    --pink-1-dark: #500724;
    --pink-2: #f9a8d4;
    --pink-2-light: #f9a8d4;
    --pink-2-rgb: 249, 168, 212;
    --pink-2-dark: #831843;
    --pink-3: #ec4899;
    --pink-3-light: #ec4899;
    --pink-3-rgb: 236, 72, 153;
    --pink-3-dark: #be185d;
    --alpha-5: rgba(255, 255, 255, .95);
    --alpha-5-light: rgba(255, 255, 255, .95);
    --alpha-5-rgb: 255, 255, 255;
    --alpha-5-opacity: .95;
    --alpha-5-dark: rgba(10, 10, 10, .95);
    --alpha-10: rgba(255, 255, 255, .9);
    --alpha-10-light: rgba(255, 255, 255, .9);
    --alpha-10-rgb: 255, 255, 255;
    --alpha-10-opacity: .9;
    --alpha-10-dark: rgba(10, 10, 10, .9);
    --alpha-20: rgba(255, 255, 255, .8);
    --alpha-20-light: rgba(255, 255, 255, .8);
    --alpha-20-rgb: 255, 255, 255;
    --alpha-20-opacity: .8;
    --alpha-20-dark: rgba(10, 10, 10, .8);
    --alpha-30: rgba(255, 255, 255, .7);
    --alpha-30-light: rgba(255, 255, 255, .7);
    --alpha-30-rgb: 255, 255, 255;
    --alpha-30-opacity: .7;
    --alpha-30-dark: rgba(10, 10, 10, .7);
    --alpha-40: rgba(255, 255, 255, .6);
    --alpha-40-light: rgba(255, 255, 255, .6);
    --alpha-40-rgb: 255, 255, 255;
    --alpha-40-opacity: .6;
    --alpha-40-dark: rgba(10, 10, 10, .6);
    --alpha-50: rgba(255, 255, 255, .5);
    --alpha-50-light: rgba(255, 255, 255, .5);
    --alpha-50-rgb: 255, 255, 255;
    --alpha-50-opacity: .5;
    --alpha-50-dark: rgba(10, 10, 10, .5);
    --alpha-60: rgba(255, 255, 255, .4);
    --alpha-60-light: rgba(255, 255, 255, .4);
    --alpha-60-rgb: 255, 255, 255;
    --alpha-60-opacity: .4;
    --alpha-60-dark: rgba(10, 10, 10, .4);
    --alpha-70: rgba(255, 255, 255, .3);
    --alpha-70-light: rgba(255, 255, 255, .3);
    --alpha-70-rgb: 255, 255, 255;
    --alpha-70-opacity: .3;
    --alpha-70-dark: rgba(10, 10, 10, .3);
    --alpha-80: rgba(255, 255, 255, .2);
    --alpha-80-light: rgba(255, 255, 255, .2);
    --alpha-80-rgb: 255, 255, 255;
    --alpha-80-opacity: .2;
    --alpha-80-dark: rgba(10, 10, 10, .2);
    --alpha-90: rgba(255, 255, 255, .1);
    --alpha-90-light: rgba(255, 255, 255, .1);
    --alpha-90-rgb: 255, 255, 255;
    --alpha-90-opacity: .1;
    --alpha-90-dark: rgba(10, 10, 10, .1);
    --alpha-95: rgba(255, 255, 255, .05);
    --alpha-95-light: rgba(255, 255, 255, .05);
    --alpha-95-rgb: 255, 255, 255;
    --alpha-95-opacity: .05;
    --alpha-95-dark: rgba(10, 10, 10, .05);
    --alpha-black-5: rgba(10, 10, 10, .95);
    --alpha-black-5-light: rgba(10, 10, 10, .95);
    --alpha-black-5-rgb: 10, 10, 10;
    --alpha-black-5-opacity: .95;
    --alpha-black-5-dark: rgba(255, 255, 255, .95);
    --alpha-black-10: rgba(10, 10, 10, .9);
    --alpha-black-10-light: rgba(10, 10, 10, .9);
    --alpha-black-10-rgb: 10, 10, 10;
    --alpha-black-10-opacity: .9;
    --alpha-black-10-dark: rgba(255, 255, 255, .9);
    --alpha-black-20: rgba(10, 10, 10, .8);
    --alpha-black-20-light: rgba(10, 10, 10, .8);
    --alpha-black-20-rgb: 10, 10, 10;
    --alpha-black-20-opacity: .8;
    --alpha-black-20-dark: rgba(255, 255, 255, .8);
    --alpha-black-30: rgba(10, 10, 10, .7);
    --alpha-black-30-light: rgba(10, 10, 10, .7);
    --alpha-black-30-rgb: 10, 10, 10;
    --alpha-black-30-opacity: .7;
    --alpha-black-30-dark: rgba(255, 255, 255, .7);
    --alpha-black-40: rgba(10, 10, 10, .6);
    --alpha-black-40-light: rgba(10, 10, 10, .6);
    --alpha-black-40-rgb: 10, 10, 10;
    --alpha-black-40-opacity: .6;
    --alpha-black-40-dark: rgba(255, 255, 255, .6);
    --alpha-black-50: rgba(10, 10, 10, .5);
    --alpha-black-50-light: rgba(10, 10, 10, .5);
    --alpha-black-50-rgb: 10, 10, 10;
    --alpha-black-50-opacity: .5;
    --alpha-black-50-dark: rgba(255, 255, 255, .5);
    --alpha-black-60: rgba(10, 10, 10, .4);
    --alpha-black-60-light: rgba(10, 10, 10, .4);
    --alpha-black-60-rgb: 10, 10, 10;
    --alpha-black-60-opacity: .4;
    --alpha-black-60-dark: rgba(255, 255, 255, .4);
    --alpha-black-70: rgba(10, 10, 10, .3);
    --alpha-black-70-light: rgba(10, 10, 10, .3);
    --alpha-black-70-rgb: 10, 10, 10;
    --alpha-black-70-opacity: .3;
    --alpha-black-70-dark: rgba(255, 255, 255, .3);
    --alpha-black-80: rgba(10, 10, 10, .2);
    --alpha-black-80-light: rgba(10, 10, 10, .2);
    --alpha-black-80-rgb: 10, 10, 10;
    --alpha-black-80-opacity: .2;
    --alpha-black-80-dark: rgba(255, 255, 255, .2);
    --alpha-black-90: rgba(10, 10, 10, .1);
    --alpha-black-90-light: rgba(10, 10, 10, .1);
    --alpha-black-90-rgb: 10, 10, 10;
    --alpha-black-90-opacity: .1;
    --alpha-black-90-dark: rgba(255, 255, 255, .1);
    --alpha-black-95: rgba(10, 10, 10, .05);
    --alpha-black-95-light: rgba(10, 10, 10, .05);
    --alpha-black-95-rgb: 10, 10, 10;
    --alpha-black-95-opacity: .05;
    --alpha-black-95-dark: rgba(255, 255, 255, .05);
    --alpha-black-97: rgba(0, 0, 0, .03);
    --alpha-black-97-light: rgba(0, 0, 0, .03);
    --alpha-black-97-rgb: 0, 0, 0;
    --alpha-black-97-opacity: .03;
    --alpha-black-97-dark: rgba(255, 255, 255, .03);
    --chart-1: #ea5b18;
    --chart-1-light: #ea5b18;
    --chart-1-rgb: 234, 91, 24;
    --chart-1-dark: #1a4eda;
    --chart-2: #1b9388;
    --chart-2-light: #1b9388;
    --chart-2-rgb: 27, 147, 136;
    --chart-2-dark: #15ba81;
    --chart-3: #114f65;
    --chart-3-light: #114f65;
    --chart-3-rgb: 17, 79, 101;
    --chart-3-dark: #f49f1e;
    --chart-4: #fbc031;
    --chart-4-light: #fbc031;
    --chart-4-rgb: 251, 192, 49;
    --chart-4-dark: #a957f7;
    --chart-5: #f49f1e;
    --chart-5-light: #f49f1e;
    --chart-5-rgb: 244, 159, 30;
    --chart-5-dark: #f83e5e;
    --red-low-1: #f8f2f2;
    --red-low-1-light: #f8f2f2;
    --red-low-1-rgb: 248, 242, 242;
    --red-low-1-dark: #5c3d3d;
    --red-low-2: #e8d4d4;
    --red-low-2-light: #e8d4d4;
    --red-low-2-rgb: 232, 212, 212;
    --red-low-2-dark: #7a4e4e;
    --red-low-3: #c8a5a5;
    --red-low-3-light: #c8a5a5;
    --red-low-3-rgb: 200, 165, 165;
    --red-low-3-dark: #a86a6a;
    --orange-low-1: #f8f5f2;
    --orange-low-1-light: #f8f5f2;
    --orange-low-1-rgb: 248, 245, 242;
    --orange-low-1-dark: #5c4d3d;
    --orange-low-2: #e8dfd8;
    --orange-low-2-light: #e8dfd8;
    --orange-low-2-rgb: 232, 223, 216;
    --orange-low-2-dark: #7a644e;
    --orange-low-3: #c8b5a5;
    --orange-low-3-light: #c8b5a5;
    --orange-low-3-rgb: 200, 181, 165;
    --orange-low-3-dark: #a8856a;
    --yellow-low-1: #f8f7f2;
    --yellow-low-1-light: #f8f7f2;
    --yellow-low-1-rgb: 248, 247, 242;
    --yellow-low-1-dark: #5c543d;
    --yellow-low-2: #e8e4d8;
    --yellow-low-2-light: #e8e4d8;
    --yellow-low-2-rgb: 232, 228, 216;
    --yellow-low-2-dark: #7a6f4e;
    --yellow-low-3: #c8c1a5;
    --yellow-low-3-light: #c8c1a5;
    --yellow-low-3-rgb: 200, 193, 165;
    --yellow-low-3-dark: #a8976a;
    --green-low-1: #f2f5f2;
    --green-low-1-light: #f2f5f2;
    --green-low-1-rgb: 242, 245, 242;
    --green-low-1-dark: #3d5c3d;
    --green-low-2: #d8e0d8;
    --green-low-2-light: #d8e0d8;
    --green-low-2-rgb: 216, 224, 216;
    --green-low-2-dark: #4e7a4e;
    --green-low-3: #a5b5a5;
    --green-low-3-light: #a5b5a5;
    --green-low-3-rgb: 165, 181, 165;
    --green-low-3-dark: #6aa86a;
    --blue-low-1: #f2f4f8;
    --blue-low-1-light: #f2f4f8;
    --blue-low-1-rgb: 242, 244, 248;
    --blue-low-1-dark: #3d455c;
    --blue-low-2: #d8dde8;
    --blue-low-2-light: #d8dde8;
    --blue-low-2-rgb: 216, 221, 232;
    --blue-low-2-dark: #4e587a;
    --blue-low-3: #a5afc8;
    --blue-low-3-light: #a5afc8;
    --blue-low-3-rgb: 165, 175, 200;
    --blue-low-3-dark: #6a78a8;
    --indigo-low-1: #f3f2f8;
    --indigo-low-1-light: #f3f2f8;
    --indigo-low-1-rgb: 243, 242, 248;
    --indigo-low-1-dark: #443d5c;
    --indigo-low-2: #ddd8e8;
    --indigo-low-2-light: #ddd8e8;
    --indigo-low-2-rgb: 221, 216, 232;
    --indigo-low-2-dark: #584e7a;
    --indigo-low-3: #a89fc8;
    --indigo-low-3-light: #a89fc8;
    --indigo-low-3-rgb: 168, 159, 200;
    --indigo-low-3-dark: #7a6aa8;
    --purple-low-1: #f5f2f8;
    --purple-low-1-light: #f5f2f8;
    --purple-low-1-rgb: 245, 242, 248;
    --purple-low-1-dark: #503d5c;
    --purple-low-2: #dfd8e8;
    --purple-low-2-light: #dfd8e8;
    --purple-low-2-rgb: 223, 216, 232;
    --purple-low-2-dark: #684e7a;
    --purple-low-3: #b0a5c8;
    --purple-low-3-light: #b0a5c8;
    --purple-low-3-rgb: 176, 165, 200;
    --purple-low-3-dark: #8a6aa8;
    --pink-low-1: #f8f2f5;
    --pink-low-1-light: #f8f2f5;
    --pink-low-1-rgb: 248, 242, 245;
    --pink-low-1-dark: #5c3d4d;
    --pink-low-2: #e8d8df;
    --pink-low-2-light: #e8d8df;
    --pink-low-2-rgb: 232, 216, 223;
    --pink-low-2-dark: #7a4e64;
    --pink-low-3: #c8a5b3;
    --pink-low-3-light: #c8a5b3;
    --pink-low-3-rgb: 200, 165, 179;
    --pink-low-3-dark: #a86a85;
    --background-dark-input-30: var(--background);
    --background-dark-input-30-light: var(--background);
    --background-dark-input-30-dark: rgba(255, 255, 255, .043);
    --accent-dark-input-50: var(--accent);
    --accent-dark-input-50-light: var(--accent);
    --accent-dark-input-50-dark: rgba(255, 255, 255, .075);
    --input-dark-input-80: var(--input);
    --input-dark-input-80-light: var(--input);
    --input-dark-input-80-dark: rgba(255, 255, 255, .12);
    --destructive-dark-destructive-60: var(--destructive);
    --destructive-dark-destructive-60-light: var(--destructive);
    --destructive-dark-destructive-60-dark: rgba(255, 101, 104, .6);
    --destructive-dark-destructive-70: var(--destructive);
    --destructive-dark-destructive-70-light: var(--destructive);
    --destructive-dark-destructive-70-dark: rgba(255, 101, 104, .7);
    --destructive-dark-destructive-90: var(--destructive);
    --destructive-dark-destructive-90-light: var(--destructive);
    --destructive-dark-destructive-90-dark: rgba(255, 101, 104, .9);
    --destructive-20-dark-destructive-40: rgba(228, 0, 20, .2);
    --destructive-20-dark-destructive-40-light: rgba(228, 0, 20, .2);
    --destructive-20-dark-destructive-40-rgb: 231, 0, 11;
    --destructive-20-dark-destructive-40-opacity: .2;
    --destructive-20-dark-destructive-40-dark: rgba(255, 101, 104, .4);
    --destructive-40-dark-destructive-60: rgba(228, 0, 20, .4);
    --destructive-40-dark-destructive-60-light: rgba(228, 0, 20, .4);
    --destructive-40-dark-destructive-60-rgb: 231, 0, 11;
    --destructive-40-dark-destructive-60-opacity: .4;
    --destructive-40-dark-destructive-60-dark: rgba(255, 101, 104, .6);
    --dark-input: rgba(255, 255, 255, 0);
    --dark-input-light: rgba(255, 255, 255, 0);
    --dark-input-rgb: 255, 255, 255;
    --dark-input-opacity: 0;
    --dark-input-dark: var(--input);
    --outline: rgba(163, 163, 163, .15);
    --outline-light: rgba(163, 163, 163, .15);
    --outline-rgb: 163, 163, 163;
    --outline-opacity: .15;
    --outline-dark: rgba(115, 115, 115, .15);
    --outline-10-dark-outline-20: rgba(163, 163, 163, .1);
    --outline-10-dark-outline-20-light: rgba(163, 163, 163, .1);
    --outline-10-dark-outline-20-rgb: 163, 163, 163;
    --outline-10-dark-outline-20-opacity: .1;
    --outline-10-dark-outline-20-dark: rgba(115, 115, 115, .2);
    --shadow-2xs: 0 1px 0 0 rgba(0, 0, 0, .05);
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);
    --shadow-md: 0 4px 22px 0 rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .03);
    --shadow-lg: 0 4px 22px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .03);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --gray-green-low: #dedfca;
    --gray-green-low-light: #dedfca;
    --gray-green-low-rgb: 222, 223, 202;
    --gray-green-low-dark: #3b3c2c;
    --oat-yellow-low: #ede6d6;
    --oat-yellow-low-light: #ede6d6;
    --oat-yellow-low-rgb: 237, 230, 214;
    --oat-yellow-low-dark: #473e35;
    --cloud-Blue-low: #dbe5ee;
    --cloud-Blue-low-light: #dbe5ee;
    --cloud-Blue-low-rgb: 219, 229, 238;
    --cloud-Blue-low-dark: #2a3440;
    --fog-gray-low: #eaeaea;
    --fog-gray-low-light: #eaeaea;
    --fog-gray-low-rgb: 234, 234, 234;
    --fog-gray-low-dark: #2c2c2c;
    --mint-green-low: #c9d7ca;
    --mint-green-low-light: #c9d7ca;
    --mint-green-low-rgb: 201, 215, 202;
    --mint-green-low-dark: #38423a;
    --lavender-purple-low: #e9e3f1;
    --lavender-purple-low-light: #e9e3f1;
    --lavender-purple-low-rgb: 233, 227, 241;
    --lavender-purple-low-dark: #312c3d;
    --ivory-yellow-1: #f4f4ef;
    --ivory-yellow-1-light: #f4f4ef;
    --ivory-yellow-1-rgb: 244, 244, 239;
    --ivory-yellow-1-dark: #2d2a27;
    --ivory-yellow-2: #e0dfd6;
    --ivory-yellow-2-light: #e0dfd6;
    --ivory-yellow-2-rgb: 224, 223, 214;
    --ivory-yellow-2-dark: #403b37;
    --ivory-yellow-3: #edece5;
    --ivory-yellow-3-light: #edece5;
    --ivory-yellow-3-rgb: 237, 236, 229;
    --ivory-yellow-3-dark: #35312e;
    --flax-yellow: #f4f2ed;
    --flax-yellow-light: #f4f2ed;
    --flax-yellow-rgb: 244, 242, 237;
    --flax-yellow-dark: #2c2926;
    --base-highlight: #b08358;
    --base-highlight-light: #b08358;
    --base-highlight-rgb: 176, 131, 88;
    --base-highlight-dark: #b08358
  }

  @supports (color:lab(0%0 0)) {
    :root {
      --primary: lab(9.03835%1.15298 1.92955);
      --primary-light: lab(9.03835%1.15298 1.92955);
      --primary-dark: lab(91.055%.663072 .865579);
      --background: lab(100%0 0);
      --background-light: lab(100%0 0);
      --background-dark: lab(2.86037%.455312 .568903);
      --accent: lab(96.5286% -.0991821 .364268);
      --accent-light: lab(96.5286% -.0991821 .364268);
      --accent-dark: lab(27.3818%1.18983 3.21545);
      --border: lab(91.055%.663072 .865579);
      --border-light: lab(91.055%.663072 .865579);
      --border-dark: lab(100%0 0/.1);
      --card-foreground: lab(2.86037%.455312 .568903);
      --card-foreground-light: lab(2.86037%.455312 .568903);
      --card-foreground-dark: lab(98.2686% -.0991523 .364268);
      --accent-foreground: lab(9.03835%1.15298 1.92955);
      --accent-foreground-light: lab(9.03835%1.15298 1.92955);
      --accent-foreground-dark: lab(98.2686% -.0991523 .364268);
      --foreground: lab(2.86037%.455312 .568903);
      --foreground-light: lab(2.86037%.455312 .568903);
      --foreground-dark: lab(98.2686% -.0991523 .364268);
      --input: lab(91.055%.663072 .865579);
      --input-light: lab(91.055%.663072 .865579);
      --input-dark: lab(100%0 0/.15);
      --muted: lab(96.5286% -.0991821 .364268);
      --muted-light: lab(96.5286% -.0991821 .364268);
      --muted-dark: lab(15.0429%1.67838 1.31322);
      --popover: lab(100%0 0);
      --popover-light: lab(100%0 0);
      --popover-dark: lab(15.0429%1.67838 1.31322);
      --card: lab(100%0 0);
      --card-light: lab(100%0 0);
      --card-dark: lab(9.03835%1.15298 1.92955);
      --popover-foreground: lab(2.86037%.455312 .568903);
      --popover-foreground-light: lab(2.86037%.455312 .568903);
      --popover-foreground-dark: lab(98.2686% -.0991523 .364268);
      --primary-foreground: lab(98.2686% -.0991523 .364268);
      --primary-foreground-light: lab(98.2686% -.0991523 .364268);
      --primary-foreground-dark: lab(9.03835%1.15298 1.92955);
      --destructive: lab(48.4493%77.4328 61.5452);
      --destructive-light: lab(48.4493%77.4328 61.5452);
      --destructive-dark: lab(63.7053%60.745 31.3109);
      --destructive-foreground: lab(96.5005%4.18508 1.52328);
      --destructive-foreground-light: lab(96.5005%4.18508 1.52328);
      --destructive-foreground-dark: lab(96.5005%4.18508 1.52328);
      --secondary: lab(96.5286% -.0991821 .364268);
      --secondary-light: lab(96.5286% -.0991821 .364268);
      --secondary-dark: lab(15.0429%1.67838 1.31322);
      --secondary-foreground: lab(9.03835%1.15298 1.92955);
      --secondary-foreground-light: lab(9.03835%1.15298 1.92955);
      --secondary-foreground-dark: lab(98.2686% -.0991523 .364268);
      --muted-foreground: lab(48.1191%2.17071 3.93659);
      --muted-foreground-light: lab(48.1191%2.17071 3.93659);
      --muted-foreground-dark: lab(67.0315%1.68929 2.88084);
      --sidebar-foreground: lab(2.86037%.455312 .568903);
      --sidebar-foreground-light: lab(2.86037%.455312 .568903);
      --sidebar-foreground-dark: lab(98.2686% -.0991523 .364268);
      --sidebar-background: lab(98.2686% -.0991523 .364268);
      --sidebar-background-light: lab(98.2686% -.0991523 .364268);
      --sidebar-background-dark: lab(9.03835%1.15298 1.92955);
      --sidebar-primary: lab(2.86037%.455312 .568903);
      --sidebar-primary-light: lab(2.86037%.455312 .568903);
      --sidebar-primary-dark: lab(37.8262%27.3087-77.4425);
      --sidebar-primary-foreground: lab(98.2686% -.0991523 .364268);
      --sidebar-primary-foreground-light: lab(98.2686% -.0991523 .364268);
      --sidebar-primary-foreground-dark: lab(98.2686% -.0991523 .364268);
      --sidebar-accent: lab(96.5286% -.0991821 .364268);
      --sidebar-accent-light: lab(96.5286% -.0991821 .364268);
      --sidebar-accent-dark: lab(15.0429%1.67838 1.31322);
      --sidebar-accent-foreground: lab(9.03835%1.15298 1.92955);
      --sidebar-accent-foreground-light: lab(9.03835%1.15298 1.92955);
      --sidebar-accent-foreground-dark: lab(98.2686% -.0991523 .364268);
      --sidebar-border: lab(91.055%.663072 .865579);
      --sidebar-border-light: lab(91.055%.663072 .865579);
      --sidebar-border-dark: lab(100%0 0/.1);
      --sidebar-ring: lab(67.0315%1.68929 2.88084);
      --sidebar-ring-light: lab(67.0315%1.68929 2.88084);
      --sidebar-ring-dark: lab(35.516%.980973 3.70295);
      --sidebar-notice: lab(45.6067%32.1437 14.9521/.1);
      --sidebar-notice-light: lab(45.6067%32.1437 14.9521/.1);
      --sidebar-notice-dark: lab(38.25%19.1635 8.11875);
      --sidebar-notice-text: lab(45.6067%32.1437 14.9521);
      --sidebar-notice-text-light: lab(45.6067%32.1437 14.9521);
      --sidebar-notice-text-dark: lab(82.4437%4.82759 1.76554);
      --grey-fill-1: lab(97.8996% -.0823736-1.13579);
      --grey-fill-1-light: lab(97.8996% -.0823736-1.13579);
      --grey-fill-1-dark: lab(8.30603%.618205-2.16572);
      --grey-fill-2: lab(95.9077%.172824-1.88974);
      --grey-fill-2-light: lab(95.9077%.172824-1.88974);
      --grey-fill-2-dark: lab(15.7397%.507146-1.81055);
      --grey-fill-3: lab(93.0886%.569046-3.35705);
      --grey-fill-3-light: lab(93.0886%.569046-3.35705);
      --grey-fill-3-dark: lab(26.8115%1.24207-4.32703);
      --brand-purple-fill-1: lab(94.9733%1.35276-7.41918);
      --brand-purple-fill-1-light: lab(94.9733%1.35276-7.41918);
      --brand-purple-fill-1-dark: lab(21.9098%6.48779-19.845);
      --brand-purple-fill-2: lab(92.5721%2.06319-11.0913);
      --brand-purple-fill-2-light: lab(92.5721%2.06319-11.0913);
      --brand-purple-fill-2-dark: lab(25.2792%7.71518-22.9941);
      --brand-purple-fill-3: lab(89.3155%3.27304-16.1601);
      --brand-purple-fill-3-light: lab(89.3155%3.27304-16.1601);
      --brand-purple-fill-3-dark: lab(28.6389%11.5535-31.7051);
      --border-1: lab(97.8662%.112355-3.03165);
      --border-1-light: lab(97.8662%.112355-3.03165);
      --border-1-dark: lab(48.496%0 0/.15);
      --border-2: lab(90.6853%.399232-1.45452);
      --border-2-light: lab(90.6853%.399232-1.45452);
      --border-2-dark: lab(15.7397%.507146-1.81055);
      --border-3: lab(66.4768%1.32108-4.70662);
      --border-3-light: lab(66.4768%1.32108-4.70662);
      --border-3-dark: lab(26.8115%1.24207-4.32703);
      --brand-1: lab(91.7073% -.121981-12.3556);
      --brand-1-light: lab(91.7073% -.121981-12.3556);
      --brand-1-dark: lab(18.4156%19.2875-45.2936);
      --brand-2: lab(75.9955%5.35402-36.4487);
      --brand-2-light: lab(75.9955%5.35402-36.4487);
      --brand-2-dark: lab(35.9695%59.5114-101.393);
      --brand-3: lab(35.9695%59.5114-101.393);
      --brand-3-light: lab(35.9695%59.5114-101.393);
      --brand-3-dark: lab(75.9955%5.35402-36.4487);
      --brand-4: lab(49.0017%30.3458-71.8538);
      --brand-4-light: lab(49.0017%30.3458-71.8538);
      --brand-4-dark: lab(61.1029%17.6719-56.1725);
      --brand-5: lab(61.1029%17.6719-56.1725);
      --brand-5-light: lab(61.1029%17.6719-56.1725);
      --brand-5-dark: lab(39.4313%41.5033-80.9464);
      --brand-6: lab(74.1515%7.28303-37.7401);
      --brand-6-light: lab(74.1515%7.28303-37.7401);
      --brand-6-dark: lab(23.6211%22.1091-47.3369);
      --brand-7: lab(91.6649%1.00482-12.3508);
      --brand-7-light: lab(91.6649%1.00482-12.3508);
      --brand-7-dark: lab(12.5771%13.913-29.9687);
      --text-1: lab(2.51549%.190966-.702757);
      --text-1-light: lab(2.51549%.190966-.702757);
      --text-1-dark: lab(98.26%0 0);
      --text-4: lab(90.6853%.399232-1.45452);
      --text-4-light: lab(90.6853%.399232-1.45452);
      --text-4-dark: lab(35.136%1.55637-5.40635);
      --text-2: lab(26.8115%1.24207-4.32703);
      --text-2-light: lab(26.8115%1.24207-4.32703);
      --text-2-dark: lab(90.6853%.399232-1.45452);
      --text-3: lab(66.4768%1.32108-4.70662);
      --text-3-light: lab(66.4768%1.32108-4.70662);
      --text-3-dark: lab(66.4768%1.32108-4.70662);
      --text-5: lab(53.7623%1.06579-3.80247);
      --text-5-light: lab(53.7623%1.06579-3.80247);
      --text-5-dark: lab(80.0101%.834674-3.01257);
      --red-1: lab(92.2535%9.96476 3.71765);
      --red-1-light: lab(92.2535%9.96476 3.71765);
      --red-1-dark: lab(13.0362%28.0665 16.279);
      --red-2: lab(76.6675%32.8921 13.9676);
      --red-2-light: lab(76.6675%32.8921 13.9676);
      --red-2-dark: lab(28.6023%41.9593 26.8062);
      --red-3: lab(55.8029%65.665 40.8325);
      --red-3-light: lab(55.8029%65.665 40.8325);
      --red-3-dark: lab(40.6872%59.7609 43.7241);
      --orange-1: lab(94.712%3.47891 13.9295);
      --orange-1-light: lab(94.712%3.47891 13.9295);
      --orange-1-dark: lab(14.205%22.5046 18.8073);
      --orange-2: lab(80.8497%19.5312 45.3697);
      --orange-2-light: lab(80.8497%19.5312 45.3697);
      --orange-2-dark: lab(30.365%33.8476 34.3842);
      --orange-3: lab(64.5088%49.448 68.8278);
      --orange-3-light: lab(64.5088%49.448 68.8278);
      --orange-3-dark: lab(46.6794%51.0623 55.3663);
      --yellow-1: lab(97.3448% -4.41992 26.5361);
      --yellow-1-light: lab(97.3448% -4.41992 26.5361);
      --yellow-1-dark: lab(16.8297%15.1999 22.4568);
      --yellow-2: lab(89.6798% -1.08922 74.1454);
      --yellow-2-light: lab(89.6798% -1.08922 74.1454);
      --yellow-2-dark: lab(32.421%19.8418 35.6053);
      --yellow-3: lab(76.4301%11.7884 77.6362);
      --yellow-3-light: lab(76.4301%11.7884 77.6362);
      --yellow-3-dark: lab(47.9016%22.0552 54.1218);
      --green-1: lab(96.1727% -13.5295 6.37435);
      --green-1-light: lab(96.1727% -13.5295 6.37435);
      --green-1-dark: lab(15.6605% -19.7658 11.3363);
      --green-2: lab(86.8191% -42.7349 22.5855);
      --green-2-light: lab(86.8191% -42.7349 22.5855);
      --green-2-dark: lab(30.7371% -28.0648 16.398);
      --green-3: lab(70.2482% -57.9775 39.4353);
      --green-3-light: lab(70.2482% -57.9775 39.4353);
      --green-3-dark: lab(46.8394% -41.6171 27.596);
      --blue-1: lab(92.0301% -2.24757-11.6453);
      --blue-1-light: lab(92.0301% -2.24757-11.6453);
      --blue-1-dark: lab(15.7478%8.03711-30.9023);
      --blue-2: lab(77.5526% -6.26406-33.3891);
      --blue-2-light: lab(77.5526% -6.26406-33.3891);
      --blue-2-dark: lab(26.3281%13.8225-48.7552);
      --blue-3: lab(54.6093%8.76376-65.7855);
      --blue-3-light: lab(54.6093%8.76376-65.7855);
      --blue-3-dark: lab(37.6384%26.9844-76.439);
      --indigo-1: lab(91.6649%1.00482-12.3508);
      --indigo-1-light: lab(91.6649%1.00482-12.3508);
      --indigo-1-dark: lab(12.5771%13.913-29.9687);
      --indigo-2: lab(74.1515%7.28303-37.7401);
      --indigo-2-light: lab(74.1515%7.28303-37.7401);
      --indigo-2-dark: lab(23.6211%22.1091-47.3369);
      --indigo-3: lab(49.0017%30.3458-71.8538);
      --indigo-3-light: lab(49.0017%30.3458-71.8538);
      --indigo-3-dark: lab(33.2878%40.2569-75.69);
      --purple-1: lab(93.3333%6.97437-9.83434);
      --purple-1-light: lab(93.3333%6.97437-9.83434);
      --purple-1-dark: lab(15.0073%36.8609-42.777);
      --purple-2: lab(78.4966%23.6286-31.7962);
      --purple-2-light: lab(78.4966%23.6286-31.7962);
      --purple-2-dark: lab(25.2082%42.0847-48.3707);
      --purple-3: lab(52.8066%56.406-68.8859);
      --purple-3-light: lab(52.8066%56.406-68.8859);
      --purple-3-dark: lab(37.0403%60.2458-71.5062);
      --pink-1: lab(93.5864%9.01193-3.15079);
      --pink-1-light: lab(93.5864%9.01193-3.15079);
      --pink-1-dark: lab(15.6607%33.9665 3.39448);
      --pink-2: lab(77.9689%35.3827-9.6691);
      --pink-2-light: lab(77.9689%35.3827-9.6691);
      --pink-2-dark: lab(29.5483%46.5896 3.13489);
      --pink-3: lab(57.3143%67.9399-7.12436);
      --pink-3-light: lab(57.3143%67.9399-7.12436);
      --pink-3-dark: lab(42.4686%64.3245 6.52499);
      --alpha-5: lab(100%0 0/.95);
      --alpha-5-light: lab(100%0 0/.95);
      --alpha-5-dark: lab(2.75381%0 0/.95);
      --alpha-10: lab(100%0 0/.9);
      --alpha-10-light: lab(100%0 0/.9);
      --alpha-10-dark: lab(2.75381%0 0/.9);
      --alpha-20: lab(100%0 0/.8);
      --alpha-20-light: lab(100%0 0/.8);
      --alpha-20-dark: lab(2.75381%0 0/.8);
      --alpha-30: lab(100%0 0/.7);
      --alpha-30-light: lab(100%0 0/.7);
      --alpha-30-dark: lab(2.75381%0 0/.7);
      --alpha-40: lab(100%0 0/.6);
      --alpha-40-light: lab(100%0 0/.6);
      --alpha-40-dark: lab(2.75381%0 0/.6);
      --alpha-50: lab(100%0 0/.5);
      --alpha-50-light: lab(100%0 0/.5);
      --alpha-50-dark: lab(2.75381%0 0/.5);
      --alpha-60: lab(100%0 0/.4);
      --alpha-60-light: lab(100%0 0/.4);
      --alpha-60-dark: lab(2.75381%0 0/.4);
      --alpha-70: lab(100%0 0/.3);
      --alpha-70-light: lab(100%0 0/.3);
      --alpha-70-dark: lab(2.75381%0 0/.3);
      --alpha-80: lab(100%0 0/.2);
      --alpha-80-light: lab(100%0 0/.2);
      --alpha-80-dark: lab(2.75381%0 0/.2);
      --alpha-90: lab(100%0 0/.1);
      --alpha-90-light: lab(100%0 0/.1);
      --alpha-90-dark: lab(2.75381%0 0/.1);
      --alpha-95: lab(100%0 0/.05);
      --alpha-95-light: lab(100%0 0/.05);
      --alpha-95-dark: lab(2.75381%0 0/.05);
      --alpha-black-5: lab(2.75381%0 0/.95);
      --alpha-black-5-light: lab(2.75381%0 0/.95);
      --alpha-black-5-dark: lab(100%0 0/.95);
      --alpha-black-10: lab(2.75381%0 0/.9);
      --alpha-black-10-light: lab(2.75381%0 0/.9);
      --alpha-black-10-dark: lab(100%0 0/.9);
      --alpha-black-20: lab(2.75381%0 0/.8);
      --alpha-black-20-light: lab(2.75381%0 0/.8);
      --alpha-black-20-dark: lab(100%0 0/.8);
      --alpha-black-30: lab(2.75381%0 0/.7);
      --alpha-black-30-light: lab(2.75381%0 0/.7);
      --alpha-black-30-dark: lab(100%0 0/.7);
      --alpha-black-40: lab(2.75381%0 0/.6);
      --alpha-black-40-light: lab(2.75381%0 0/.6);
      --alpha-black-40-dark: lab(100%0 0/.6);
      --alpha-black-50: lab(2.75381%0 0/.5);
      --alpha-black-50-light: lab(2.75381%0 0/.5);
      --alpha-black-50-dark: lab(100%0 0/.5);
      --alpha-black-60: lab(2.75381%0 0/.4);
      --alpha-black-60-light: lab(2.75381%0 0/.4);
      --alpha-black-60-dark: lab(100%0 0/.4);
      --alpha-black-70: lab(2.75381%0 0/.3);
      --alpha-black-70-light: lab(2.75381%0 0/.3);
      --alpha-black-70-dark: lab(100%0 0/.3);
      --alpha-black-80: lab(2.75381%0 0/.2);
      --alpha-black-80-light: lab(2.75381%0 0/.2);
      --alpha-black-80-dark: lab(100%0 0/.2);
      --alpha-black-90: lab(2.75381%0 0/.1);
      --alpha-black-90-light: lab(2.75381%0 0/.1);
      --alpha-black-90-dark: lab(100%0 0/.1);
      --alpha-black-95: lab(2.75381%0 0/.05);
      --alpha-black-95-light: lab(2.75381%0 0/.05);
      --alpha-black-95-dark: lab(100%0 0/.05);
      --alpha-black-97: lab(0%0 0/.03);
      --alpha-black-97-light: lab(0%0 0/.03);
      --alpha-black-97-dark: lab(100%0 0/.03);
      --chart-1: lab(57.8902%54.228 62.5666);
      --chart-1-light: lab(57.8902%54.228 62.5666);
      --chart-1-dark: lab(37.8262%27.3087-77.4425);
      --chart-2: lab(54.8023% -34.5804-3.51812);
      --chart-2-light: lab(54.8023% -34.5804-3.51812);
      --chart-2-dark: lab(67.182% -50.8239 17.65);
      --chart-3: lab(30.6123% -13.3517-18.6774);
      --chart-3-light: lab(30.6123% -13.3517-18.6774);
      --chart-3-dark: lab(72.9786%25.9459 72.0044);
      --chart-4: lab(81.6195%12.7193 73.9378);
      --chart-4-light: lab(81.6195%12.7193 73.9378);
      --chart-4-dark: lab(53.2318%55.5216-67.9392);
      --chart-5: lab(72.9786%25.9459 72.0044);
      --chart-5-light: lab(72.9786%25.9459 72.0044);
      --chart-5-dark: lab(56.98%71.065 27.3996);
      --red-low-1: lab(95.9934%1.93256 .697553);
      --red-low-1-light: lab(95.9934%1.93256 .697553);
      --red-low-1-dark: lab(29.482%14.0668 5.82786);
      --red-low-2: lab(86.5469%7.07605 2.61341);
      --red-low-2-light: lab(86.5469%7.07605 2.61341);
      --red-low-2-dark: lab(38.25%19.1635 8.11875);
      --red-low-3: lab(70.9225%13.1579 5.04814);
      --red-low-3-light: lab(70.9225%13.1579 5.04814);
      --red-low-3-dark: lab(51.7328%25.5371 10.9595);
      --orange-low-1: lab(96.7524%.629693 1.77181);
      --orange-low-1-light: lab(96.7524%.629693 1.77181);
      --orange-low-1-dark: lab(33.9735%4.46494 11.8862);
      --orange-low-2: lab(89.4194%2.33611 4.69619);
      --orange-low-2-light: lab(89.4194%2.33611 4.69619);
      --orange-low-2-dark: lab(44.1497%6.54146 15.8444);
      --orange-low-3: lab(75.0096%5.05266 10.7224);
      --orange-low-3-light: lab(75.0096%5.05266 10.7224);
      --orange-low-3-dark: lab(58.4153%11.0722 20.0711);
      --yellow-low-1: lab(97.2632% -.31653 2.64802);
      --yellow-low-1-light: lab(97.2632% -.31653 2.64802);
      --yellow-low-1-dark: lab(36.007%.447735 14.815);
      --yellow-low-2: lab(90.6945% -.133395 6.52559);
      --yellow-low-2-light: lab(90.6945% -.133395 6.52559);
      --yellow-low-2-dark: lab(47.1974%.527471 20.1653);
      --yellow-low-3: lab(78.0656% -.916004 15.1495);
      --yellow-low-3-light: lab(78.0656% -.916004 15.1495);
      --yellow-low-3-dark: lab(63.119%1.56894 26.3273);
      --green-low-1: lab(96.2386% -1.40634 1.0645);
      --green-low-1-light: lab(96.2386% -1.40634 1.0645);
      --green-low-1-dark: lab(35.9307% -17.2013 14.1251);
      --green-low-2: lab(88.3536% -3.93415 2.99362);
      --green-low-2-light: lab(88.3536% -3.93415 2.99362);
      --green-low-2-dark: lab(47.0897% -22.9851 19.0829);
      --green-low-3: lab(72.0765% -8.13261 6.26358);
      --green-low-3-light: lab(72.0765% -8.13261 6.26358);
      --green-low-3-dark: lab(63.4269% -30.4308 25.4254);
      --blue-low-1: lab(96.1469% -.159532-2.2682);
      --blue-low-1-light: lab(96.1469% -.159532-2.2682);
      --blue-low-1-dark: lab(29.297%1.3531-15.032);
      --blue-low-2: lab(87.9756% -.206172-6.03044);
      --blue-low-2-light: lab(87.9756% -.206172-6.03044);
      --blue-low-2-dark: lab(37.6089%2.78729-20.7969);
      --blue-low-3: lab(71.2444%.309259-14.16);
      --blue-low-3-light: lab(71.2444%.309259-14.16);
      --blue-low-3-dark: lab(50.7879%3.89886-27.6753);
      --indigo-low-1: lab(95.7436%1.13821-2.76355);
      --indigo-low-1-light: lab(95.7436%1.13821-2.76355);
      --indigo-low-1-dark: lab(27.5532%8.93642-17.6194);
      --indigo-low-2: lab(87.1093%3.89832-7.13964);
      --indigo-low-2-light: lab(87.1093%3.89832-7.13964);
      --indigo-low-2-dark: lab(35.6687%12.1146-23.5847);
      --indigo-low-3: lab(67.3042%9.69511-20.0747);
      --indigo-low-3-light: lab(67.3042%9.69511-20.0747);
      --indigo-low-3-dark: lab(48.3306%16.9368-31.1923);
      --purple-low-1: lab(95.8316%1.92618-2.65936);
      --purple-low-1-light: lab(95.8316%1.92618-2.65936);
      --purple-low-1-dark: lab(28.8147%13.4399-15.2456);
      --purple-low-2: lab(87.3139%4.67086-7.01648);
      --purple-low-2-light: lab(87.3139%4.67086-7.01648);
      --purple-low-2-dark: lab(37.3421%18.0769-20.9722);
      --purple-low-3: lab(69.5896%9.22561-16.4421);
      --purple-low-3-light: lab(69.5896%9.22561-16.4421);
      --purple-low-3-dark: lab(49.9063%22.4332-28.6267);
      --pink-low-1: lab(96.064%2.62332-.744426);
      --pink-low-1-light: lab(96.064%2.62332-.744426);
      --pink-low-1-dark: lab(29.8387%16.1803-3.99987);
      --pink-low-2: lab(87.785%6.63275-1.37242);
      --pink-low-2-light: lab(87.785%6.63275-1.37242);
      --pink-low-2-dark: lab(38.7766%21.7194-4.81889);
      --pink-low-3: lab(71.2186%14.9443-2.15834);
      --pink-low-3-light: lab(71.2186%14.9443-2.15834);
      --pink-low-3-dark: lab(52.3473%28.1557-4.04286);
      --background-dark-input-30-dark: lab(100%0 0/.045);
      --accent-dark-input-50-dark: lab(100%0 0/.075);
      --input-dark-input-80-dark: lab(100%0 0/.12);
      --destructive-dark-destructive-60-dark: lab(63.7053%60.745 31.3109/.6);
      --destructive-dark-destructive-70-dark: lab(63.7053%60.745 31.3109/.7);
      --destructive-dark-destructive-90-dark: lab(63.7053%60.745 31.3109/.9);
      --destructive-20-dark-destructive-40: lab(48.4493%77.4328 61.5452/.2);
      --destructive-20-dark-destructive-40-light: lab(48.4493%77.4328 61.5452/.2);
      --destructive-20-dark-destructive-40-dark: lab(63.7053%60.745 31.3109/.4);
      --destructive-40-dark-destructive-60: lab(48.4493%77.4328 61.5452/.4);
      --destructive-40-dark-destructive-60-light: lab(48.4493%77.4328 61.5452/.4);
      --destructive-40-dark-destructive-60-dark: lab(63.7053%60.745 31.3109/.6);
      --dark-input: lab(100%0 0/0);
      --dark-input-light: lab(100%0 0/0);
      --gray-green-low: lab(88.2943% -3.0275 10.181);
      --gray-green-low-light: lab(88.2943% -3.0275 10.181);
      --gray-green-low-dark: lab(24.8232% -2.89753 9.98012);
      --oat-yellow-low: lab(91.5137%.462919 8.85837);
      --oat-yellow-low-light: lab(91.5137%.462919 8.85837);
      --oat-yellow-low-dark: lab(26.9064%2.68777 6.8772);
      --cloud-Blue-low: lab(90.3758% -2.14842-5.50207);
      --cloud-Blue-low-light: lab(90.3758% -2.14842-5.50207);
      --cloud-Blue-low-dark: lab(21.1685% -1.75981-8.86032);
      --fog-gray-low: lab(92.692%0 0);
      --fog-gray-low-light: lab(92.692%0 0);
      --fog-gray-low-dark: lab(17.988%0 0);
      --mint-green-low: lab(84.6459% -6.61406 4.67664);
      --mint-green-low-light: lab(84.6459% -6.61406 4.67664);
      --mint-green-low-dark: lab(26.8256% -5.69893 3.46242);
      --lavender-purple-low: lab(91.0634%4.02203-6.13377);
      --lavender-purple-low-light: lab(91.0634%4.02203-6.13377);
      --lavender-purple-low-dark: lab(19.1233%5.56217-10.0532);
      --ivory-yellow-1: lab(96.1157% -.688165 2.55562);
      --ivory-yellow-1-light: lab(96.1157% -.688165 2.55562);
      --ivory-yellow-1-dark: lab(17.2902%.92648 2.50114);
      --ivory-yellow-2: lab(88.7217% -.815034 4.49516);
      --ivory-yellow-2-light: lab(88.7217% -.815034 4.49516);
      --ivory-yellow-2-dark: lab(25.2783%1.66763 3.39663);
      --ivory-yellow-3: lab(93.3371% -.540465 3.38308);
      --ivory-yellow-3-light: lab(93.3371% -.540465 3.38308);
      --ivory-yellow-3-dark: lab(20.6388%1.40117 2.66592);
      --flax-yellow: lab(95.5101%.0438988 2.67316);
      --flax-yellow-light: lab(95.5101%.0438988 2.67316);
      --flax-yellow-dark: lab(16.8262%.927329 2.50151);
      --base-highlight: lab(58.5165%14.0735 30.4084);
      --base-highlight-light: lab(58.5165%14.0735 30.4084);
      --base-highlight-dark: lab(58.5165%14.0735 30.4084)
    }
  }

  .dark {
    --primary: #e7e5e4;
    --primary-rgb: 231, 229, 228;
    --background: #0c0a09;
    --background-rgb: 12, 10, 9;
    --accent: #44403c;
    --accent-rgb: 68, 64, 60;
    --border: rgba(255, 255, 255, .1);
    --border-rgb: 255, 255, 255;
    --border-opacity: .1;
    --card-foreground: #fafaf9;
    --card-foreground-rgb: 250, 250, 249;
    --accent-foreground: #fafaf9;
    --accent-foreground-rgb: 250, 250, 249;
    --foreground: #fafaf9;
    --foreground-rgb: 250, 250, 249;
    --input: rgba(255, 255, 255, .15);
    --input-rgb: 255, 255, 255;
    --input-opacity: .15;
    --muted: #292524;
    --muted-rgb: 41, 37, 36;
    --popover: #292524;
    --popover-rgb: 41, 37, 36;
    --card: #1c1917;
    --card-rgb: 28, 25, 23;
    --popover-foreground: #fafaf9;
    --popover-foreground-rgb: 250, 250, 249;
    --primary-foreground: #1c1917;
    --primary-foreground-rgb: 28, 25, 23;
    --destructive: #ff6568;
    --destructive-rgb: 255, 100, 103;
    --destructive-foreground: #fef2f2;
    --destructive-foreground-rgb: 254, 242, 242;
    --ring: #78716c;
    --ring-rgb: 120, 113, 108;
    --secondary: #292524;
    --secondary-rgb: 41, 37, 36;
    --secondary-foreground: #fafaf9;
    --secondary-foreground-rgb: 250, 250, 249;
    --muted-foreground: #a8a29e;
    --muted-foreground-rgb: 168, 162, 158;
    --sidebar-foreground: #fafaf9;
    --sidebar-foreground-rgb: 250, 250, 249;
    --sidebar-background: #1c1917;
    --sidebar-background-rgb: 28, 25, 23;
    --sidebar-primary: #1a4eda;
    --sidebar-primary-rgb: 26, 78, 218;
    --sidebar-primary-foreground: #fafaf9;
    --sidebar-primary-foreground-rgb: 250, 250, 249;
    --sidebar-accent: #292524;
    --sidebar-accent-rgb: 41, 37, 36;
    --sidebar-accent-foreground: #fafaf9;
    --sidebar-accent-foreground-rgb: 250, 250, 249;
    --sidebar-border: rgba(255, 255, 255, .1);
    --sidebar-border-rgb: 255, 255, 255;
    --sidebar-border-opacity: .1;
    --sidebar-ring: #57534e;
    --sidebar-ring-rgb: 87, 83, 78;
    --sidebar-notice: #7a4e4e;
    --sidebar-notice-rgb: 122, 78, 78;
    --sidebar-notice-text: #d7caca;
    --sidebar-notice-text-rgb: 215, 202, 202;
    --grey-fill-1: #18181b;
    --grey-fill-1-rgb: 24, 24, 27;
    --grey-fill-2: #27272a;
    --grey-fill-2-rgb: 39, 39, 42;
    --grey-fill-3: #3f3f46;
    --grey-fill-3-rgb: 63, 63, 70;
    --brand-purple-fill-1: #313252;
    --brand-purple-fill-1-rgb: 49, 50, 82;
    --brand-purple-fill-2: #38395f;
    --brand-purple-fill-2-rgb: 56, 57, 95;
    --brand-purple-fill-3: #3e3f75;
    --brand-purple-fill-3-rgb: 62, 63, 117;
    --border-1: rgba(115, 115, 115, .15);
    --border-1-rgb: 115, 115, 115;
    --border-1-opacity: .15;
    --border-2: #27272a;
    --border-2-rgb: 39, 39, 42;
    --border-3: #3f3f46;
    --border-3-rgb: 63, 63, 70;
    --brand-1: #1f2570;
    --brand-1-rgb: 31, 37, 112;
    --brand-2: #412bff;
    --brand-2-rgb: 65, 43, 255;
    --brand-3: #a7baff;
    --brand-3-rgb: 167, 186, 255;
    --brand-4: #818cf8;
    --brand-4-rgb: 129, 140, 248;
    --brand-5: #4f46e5;
    --brand-5-rgb: 79, 70, 229;
    --brand-6: #312e81;
    --brand-6-rgb: 49, 46, 129;
    --brand-7: #1e1b4b;
    --brand-7-rgb: 30, 27, 75;
    --text-1: #fafafa;
    --text-1-rgb: 250, 250, 250;
    --text-4: #52525b;
    --text-4-rgb: 82, 82, 91;
    --text-2: #e4e4e7;
    --text-2-rgb: 228, 228, 231;
    --text-3: #a1a1aa;
    --text-3-rgb: 161, 161, 170;
    --text-5: #c6c6cc;
    --text-5-rgb: 198, 198, 204;
    --red-1: #450a0a;
    --red-1-rgb: 69, 10, 10;
    --red-2: #7f1d1d;
    --red-2-rgb: 127, 29, 29;
    --red-3: #b91c1c;
    --red-3-rgb: 185, 28, 28;
    --orange-1: #431407;
    --orange-1-rgb: 67, 20, 7;
    --orange-2: #7c2d12;
    --orange-2-rgb: 124, 45, 18;
    --orange-3: #c2410b;
    --orange-3-rgb: 194, 65, 11;
    --yellow-1: #422006;
    --yellow-1-rgb: 66, 32, 6;
    --yellow-2: #713f12;
    --yellow-2-rgb: 113, 63, 18;
    --yellow-3: #a16206;
    --yellow-3-rgb: 161, 98, 6;
    --green-1: #052e16;
    --green-1-rgb: 5, 46, 22;
    --green-2: #14532d;
    --green-2-rgb: 20, 83, 45;
    --green-3: #15803d;
    --green-3-rgb: 21, 128, 61;
    --blue-1: #172554;
    --blue-1-rgb: 23, 37, 84;
    --blue-2: #1e3a8a;
    --blue-2-rgb: 30, 58, 138;
    --blue-3: #1d4ed8;
    --blue-3-rgb: 29, 78, 216;
    --indigo-1: #1e1b4b;
    --indigo-1-rgb: 30, 27, 75;
    --indigo-2: #312e81;
    --indigo-2-rgb: 49, 46, 129;
    --indigo-3: #4338ca;
    --indigo-3-rgb: 67, 56, 202;
    --purple-1: #3b0764;
    --purple-1-rgb: 59, 7, 100;
    --purple-2: #581c87;
    --purple-2-rgb: 88, 28, 135;
    --purple-3: #7e22ce;
    --purple-3-rgb: 126, 34, 206;
    --pink-1: #500724;
    --pink-1-rgb: 80, 7, 36;
    --pink-2: #831843;
    --pink-2-rgb: 131, 24, 67;
    --pink-3: #be185d;
    --pink-3-rgb: 190, 24, 93;
    --alpha-5: rgba(10, 10, 10, .95);
    --alpha-5-rgb: 10, 10, 10;
    --alpha-5-opacity: .95;
    --alpha-10: rgba(10, 10, 10, .9);
    --alpha-10-rgb: 10, 10, 10;
    --alpha-10-opacity: .9;
    --alpha-20: rgba(10, 10, 10, .8);
    --alpha-20-rgb: 10, 10, 10;
    --alpha-20-opacity: .8;
    --alpha-30: rgba(10, 10, 10, .7);
    --alpha-30-rgb: 10, 10, 10;
    --alpha-30-opacity: .7;
    --alpha-40: rgba(10, 10, 10, .6);
    --alpha-40-rgb: 10, 10, 10;
    --alpha-40-opacity: .6;
    --alpha-50: rgba(10, 10, 10, .5);
    --alpha-50-rgb: 10, 10, 10;
    --alpha-50-opacity: .5;
    --alpha-60: rgba(10, 10, 10, .4);
    --alpha-60-rgb: 10, 10, 10;
    --alpha-60-opacity: .4;
    --alpha-70: rgba(10, 10, 10, .3);
    --alpha-70-rgb: 10, 10, 10;
    --alpha-70-opacity: .3;
    --alpha-80: rgba(10, 10, 10, .2);
    --alpha-80-rgb: 10, 10, 10;
    --alpha-80-opacity: .2;
    --alpha-90: rgba(10, 10, 10, .1);
    --alpha-90-rgb: 10, 10, 10;
    --alpha-90-opacity: .1;
    --alpha-95: rgba(10, 10, 10, .05);
    --alpha-95-rgb: 10, 10, 10;
    --alpha-95-opacity: .05;
    --alpha-black-5: rgba(255, 255, 255, .95);
    --alpha-black-5-rgb: 255, 255, 255;
    --alpha-black-5-opacity: .95;
    --alpha-black-10: rgba(255, 255, 255, .9);
    --alpha-black-10-rgb: 255, 255, 255;
    --alpha-black-10-opacity: .9;
    --alpha-black-20: rgba(255, 255, 255, .8);
    --alpha-black-20-rgb: 255, 255, 255;
    --alpha-black-20-opacity: .8;
    --alpha-black-30: rgba(255, 255, 255, .7);
    --alpha-black-30-rgb: 255, 255, 255;
    --alpha-black-30-opacity: .7;
    --alpha-black-40: rgba(255, 255, 255, .6);
    --alpha-black-40-rgb: 255, 255, 255;
    --alpha-black-40-opacity: .6;
    --alpha-black-50: rgba(255, 255, 255, .5);
    --alpha-black-50-rgb: 255, 255, 255;
    --alpha-black-50-opacity: .5;
    --alpha-black-60: rgba(255, 255, 255, .4);
    --alpha-black-60-rgb: 255, 255, 255;
    --alpha-black-60-opacity: .4;
    --alpha-black-70: rgba(255, 255, 255, .3);
    --alpha-black-70-rgb: 255, 255, 255;
    --alpha-black-70-opacity: .3;
    --alpha-black-80: rgba(255, 255, 255, .2);
    --alpha-black-80-rgb: 255, 255, 255;
    --alpha-black-80-opacity: .2;
    --alpha-black-90: rgba(255, 255, 255, .1);
    --alpha-black-90-rgb: 255, 255, 255;
    --alpha-black-90-opacity: .1;
    --alpha-black-95: rgba(255, 255, 255, .05);
    --alpha-black-95-rgb: 255, 255, 255;
    --alpha-black-95-opacity: .05;
    --alpha-black-97: rgba(255, 255, 255, .03);
    --alpha-black-97-rgb: 255, 255, 255;
    --alpha-black-97-opacity: .03;
    --chart-1: #1a4eda;
    --chart-1-rgb: 26, 78, 218;
    --chart-2: #15ba81;
    --chart-2-rgb: 21, 186, 129;
    --chart-3: #f49f1e;
    --chart-3-rgb: 244, 159, 30;
    --chart-4: #a957f7;
    --chart-4-rgb: 169, 87, 247;
    --chart-5: #f83e5e;
    --chart-5-rgb: 248, 62, 94;
    --red-low-1: #5c3d3d;
    --red-low-1-rgb: 92, 61, 61;
    --red-low-2: #7a4e4e;
    --red-low-2-rgb: 122, 78, 78;
    --red-low-3: #a86a6a;
    --red-low-3-rgb: 168, 106, 106;
    --orange-low-1: #5c4d3d;
    --orange-low-1-rgb: 92, 77, 61;
    --orange-low-2: #7a644e;
    --orange-low-2-rgb: 122, 100, 78;
    --orange-low-3: #a8856a;
    --orange-low-3-rgb: 168, 133, 106;
    --yellow-low-1: #5c543d;
    --yellow-low-1-rgb: 92, 84, 61;
    --yellow-low-2: #7a6f4e;
    --yellow-low-2-rgb: 122, 111, 78;
    --yellow-low-3: #a8976a;
    --yellow-low-3-rgb: 168, 151, 106;
    --green-low-1: #3d5c3d;
    --green-low-1-rgb: 61, 92, 61;
    --green-low-2: #4e7a4e;
    --green-low-2-rgb: 78, 122, 78;
    --green-low-3: #6aa86a;
    --green-low-3-rgb: 106, 168, 106;
    --blue-low-1: #3d455c;
    --blue-low-1-rgb: 61, 69, 92;
    --blue-low-2: #4e587a;
    --blue-low-2-rgb: 78, 88, 122;
    --blue-low-3: #6a78a8;
    --blue-low-3-rgb: 106, 120, 168;
    --indigo-low-1: #443d5c;
    --indigo-low-1-rgb: 68, 61, 92;
    --indigo-low-2: #584e7a;
    --indigo-low-2-rgb: 88, 78, 122;
    --indigo-low-3: #7a6aa8;
    --indigo-low-3-rgb: 122, 106, 168;
    --purple-low-1: #503d5c;
    --purple-low-1-rgb: 80, 61, 92;
    --purple-low-2: #684e7a;
    --purple-low-2-rgb: 104, 78, 122;
    --purple-low-3: #8a6aa8;
    --purple-low-3-rgb: 138, 106, 168;
    --pink-low-1: #5c3d4d;
    --pink-low-1-rgb: 92, 61, 77;
    --pink-low-2: #7a4e64;
    --pink-low-2-rgb: 122, 78, 100;
    --pink-low-3: #a86a85;
    --pink-low-3-rgb: 168, 106, 133;
    --background-dark-input-30: rgba(255, 255, 255, .043);
    --background-dark-input-30-rgb: 255, 255, 255;
    --background-dark-input-30-opacity: .045;
    --accent-dark-input-50: rgba(255, 255, 255, .075);
    --accent-dark-input-50-rgb: 255, 255, 255;
    --accent-dark-input-50-opacity: .075;
    --input-dark-input-80: rgba(255, 255, 255, .12);
    --input-dark-input-80-rgb: 255, 255, 255;
    --input-dark-input-80-opacity: .12;
    --destructive-dark-destructive-60: rgba(255, 101, 104, .6);
    --destructive-dark-destructive-60-rgb: 255, 100, 103;
    --destructive-dark-destructive-60-opacity: .6;
    --destructive-dark-destructive-70: rgba(255, 101, 104, .7);
    --destructive-dark-destructive-70-rgb: 255, 100, 103;
    --destructive-dark-destructive-70-opacity: .7;
    --destructive-dark-destructive-90: rgba(255, 101, 104, .9);
    --destructive-dark-destructive-90-rgb: 255, 100, 103;
    --destructive-dark-destructive-90-opacity: .9;
    --destructive-20-dark-destructive-40: rgba(255, 101, 104, .4);
    --destructive-20-dark-destructive-40-rgb: 255, 100, 103;
    --destructive-20-dark-destructive-40-opacity: .4;
    --destructive-40-dark-destructive-60: rgba(255, 101, 104, .6);
    --destructive-40-dark-destructive-60-rgb: 255, 100, 103;
    --destructive-40-dark-destructive-60-opacity: .6;
    --dark-input: var(--input);
    --outline: rgba(115, 115, 115, .15);
    --outline-rgb: 115, 115, 115;
    --outline-opacity: .15;
    --outline-10-dark-outline-20: rgba(115, 115, 115, .2);
    --outline-10-dark-outline-20-rgb: 115, 115, 115;
    --outline-10-dark-outline-20-opacity: .2;
    --gray-green-low: #3b3c2c;
    --gray-green-low-rgb: 59, 60, 44;
    --oat-yellow-low: #473e35;
    --oat-yellow-low-rgb: 71, 62, 53;
    --cloud-Blue-low: #2a3440;
    --cloud-Blue-low-rgb: 42, 52, 64;
    --fog-gray-low: #2c2c2c;
    --fog-gray-low-rgb: 44, 44, 44;
    --mint-green-low: #38423a;
    --mint-green-low-rgb: 56, 66, 58;
    --lavender-purple-low: #312c3d;
    --lavender-purple-low-rgb: 49, 44, 61;
    --ivory-yellow-1: #2d2a27;
    --ivory-yellow-1-rgb: 45, 42, 39;
    --ivory-yellow-2: #403b37;
    --ivory-yellow-2-rgb: 64, 59, 55;
    --ivory-yellow-3: #35312e;
    --ivory-yellow-3-rgb: 53, 49, 46;
    --flax-yellow: #2c2926;
    --flax-yellow-rgb: 44, 41, 38;
    --base-highlight: #b08358;
    --base-highlight-rgb: 176, 131, 88
  }

  @supports (color:lab(0%0 0)) {
    .dark {
      --primary: lab(91.055%.663072 .865579);
      --background: lab(2.86037%.455312 .568903);
      --accent: lab(27.3818%1.18983 3.21545);
      --border: lab(100%0 0/.1);
      --card-foreground: lab(98.2686% -.0991523 .364268);
      --accent-foreground: lab(98.2686% -.0991523 .364268);
      --foreground: lab(98.2686% -.0991523 .364268);
      --input: lab(100%0 0/.15);
      --muted: lab(15.0429%1.67838 1.31322);
      --popover: lab(15.0429%1.67838 1.31322);
      --card: lab(9.03835%1.15298 1.92955);
      --popover-foreground: lab(98.2686% -.0991523 .364268);
      --primary-foreground: lab(9.03835%1.15298 1.92955);
      --destructive: lab(63.7053%60.745 31.3109);
      --destructive-foreground: lab(96.5005%4.18508 1.52328);
      --secondary: lab(15.0429%1.67838 1.31322);
      --secondary-foreground: lab(98.2686% -.0991523 .364268);
      --muted-foreground: lab(67.0315%1.68929 2.88084);
      --sidebar-foreground: lab(98.2686% -.0991523 .364268);
      --sidebar-background: lab(9.03835%1.15298 1.92955);
      --sidebar-primary: lab(37.8262%27.3087-77.4425);
      --sidebar-primary-foreground: lab(98.2686% -.0991523 .364268);
      --sidebar-accent: lab(15.0429%1.67838 1.31322);
      --sidebar-accent-foreground: lab(98.2686% -.0991523 .364268);
      --sidebar-border: lab(100%0 0/.1);
      --sidebar-ring: lab(35.516%.980973 3.70295);
      --sidebar-notice: lab(38.25%19.1635 8.11875);
      --sidebar-notice-text: lab(82.4437%4.82759 1.76554);
      --grey-fill-1: lab(8.30603%.618205-2.16572);
      --grey-fill-2: lab(15.7397%.507146-1.81055);
      --grey-fill-3: lab(26.8115%1.24207-4.32703);
      --brand-purple-fill-1: lab(21.9098%6.48779-19.845);
      --brand-purple-fill-2: lab(25.2792%7.71518-22.9941);
      --brand-purple-fill-3: lab(28.6389%11.5535-31.7051);
      --border-1: lab(48.496%0 0/.15);
      --border-2: lab(15.7397%.507146-1.81055);
      --border-3: lab(26.8115%1.24207-4.32703);
      --brand-1: lab(18.4156%19.2875-45.2936);
      --brand-2: lab(35.9695%59.5114-101.393);
      --brand-3: lab(75.9955%5.35402-36.4487);
      --brand-4: lab(61.1029%17.6719-56.1725);
      --brand-5: lab(39.4313%41.5033-80.9464);
      --brand-6: lab(23.6211%22.1091-47.3369);
      --brand-7: lab(12.5771%13.913-29.9687);
      --text-1: lab(98.26%0 0);
      --text-4: lab(35.136%1.55637-5.40635);
      --text-2: lab(90.6853%.399232-1.45452);
      --text-3: lab(66.4768%1.32108-4.70662);
      --text-5: lab(80.0101%.834674-3.01257);
      --red-1: lab(13.0362%28.0665 16.279);
      --red-2: lab(28.6023%41.9593 26.8062);
      --red-3: lab(40.6872%59.7609 43.7241);
      --orange-1: lab(14.205%22.5046 18.8073);
      --orange-2: lab(30.365%33.8476 34.3842);
      --orange-3: lab(46.6794%51.0623 55.3663);
      --yellow-1: lab(16.8297%15.1999 22.4568);
      --yellow-2: lab(32.421%19.8418 35.6053);
      --yellow-3: lab(47.9016%22.0552 54.1218);
      --green-1: lab(15.6605% -19.7658 11.3363);
      --green-2: lab(30.7371% -28.0648 16.398);
      --green-3: lab(46.8394% -41.6171 27.596);
      --blue-1: lab(15.7478%8.03711-30.9023);
      --blue-2: lab(26.3281%13.8225-48.7552);
      --blue-3: lab(37.6384%26.9844-76.439);
      --indigo-1: lab(12.5771%13.913-29.9687);
      --indigo-2: lab(23.6211%22.1091-47.3369);
      --indigo-3: lab(33.2878%40.2569-75.69);
      --purple-1: lab(15.0073%36.8609-42.777);
      --purple-2: lab(25.2082%42.0847-48.3707);
      --purple-3: lab(37.0403%60.2458-71.5062);
      --pink-1: lab(15.6607%33.9665 3.39448);
      --pink-2: lab(29.5483%46.5896 3.13489);
      --pink-3: lab(42.4686%64.3245 6.52499);
      --alpha-5: lab(2.75381%0 0/.95);
      --alpha-10: lab(2.75381%0 0/.9);
      --alpha-20: lab(2.75381%0 0/.8);
      --alpha-30: lab(2.75381%0 0/.7);
      --alpha-40: lab(2.75381%0 0/.6);
      --alpha-50: lab(2.75381%0 0/.5);
      --alpha-60: lab(2.75381%0 0/.4);
      --alpha-70: lab(2.75381%0 0/.3);
      --alpha-80: lab(2.75381%0 0/.2);
      --alpha-90: lab(2.75381%0 0/.1);
      --alpha-95: lab(2.75381%0 0/.05);
      --alpha-black-5: lab(100%0 0/.95);
      --alpha-black-10: lab(100%0 0/.9);
      --alpha-black-20: lab(100%0 0/.8);
      --alpha-black-30: lab(100%0 0/.7);
      --alpha-black-40: lab(100%0 0/.6);
      --alpha-black-50: lab(100%0 0/.5);
      --alpha-black-60: lab(100%0 0/.4);
      --alpha-black-70: lab(100%0 0/.3);
      --alpha-black-80: lab(100%0 0/.2);
      --alpha-black-90: lab(100%0 0/.1);
      --alpha-black-95: lab(100%0 0/.05);
      --alpha-black-97: lab(100%0 0/.03);
      --chart-1: lab(37.8262%27.3087-77.4425);
      --chart-2: lab(67.182% -50.8239 17.65);
      --chart-3: lab(72.9786%25.9459 72.0044);
      --chart-4: lab(53.2318%55.5216-67.9392);
      --chart-5: lab(56.98%71.065 27.3996);
      --red-low-1: lab(29.482%14.0668 5.82786);
      --red-low-2: lab(38.25%19.1635 8.11875);
      --red-low-3: lab(51.7328%25.5371 10.9595);
      --orange-low-1: lab(33.9735%4.46494 11.8862);
      --orange-low-2: lab(44.1497%6.54146 15.8444);
      --orange-low-3: lab(58.4153%11.0722 20.0711);
      --yellow-low-1: lab(36.007%.447735 14.815);
      --yellow-low-2: lab(47.1974%.527471 20.1653);
      --yellow-low-3: lab(63.119%1.56894 26.3273);
      --green-low-1: lab(35.9307% -17.2013 14.1251);
      --green-low-2: lab(47.0897% -22.9851 19.0829);
      --green-low-3: lab(63.4269% -30.4308 25.4254);
      --blue-low-1: lab(29.297%1.3531-15.032);
      --blue-low-2: lab(37.6089%2.78729-20.7969);
      --blue-low-3: lab(50.7879%3.89886-27.6753);
      --indigo-low-1: lab(27.5532%8.93642-17.6194);
      --indigo-low-2: lab(35.6687%12.1146-23.5847);
      --indigo-low-3: lab(48.3306%16.9368-31.1923);
      --purple-low-1: lab(28.8147%13.4399-15.2456);
      --purple-low-2: lab(37.3421%18.0769-20.9722);
      --purple-low-3: lab(49.9063%22.4332-28.6267);
      --pink-low-1: lab(29.8387%16.1803-3.99987);
      --pink-low-2: lab(38.7766%21.7194-4.81889);
      --pink-low-3: lab(52.3473%28.1557-4.04286);
      --background-dark-input-30: lab(100%0 0/.045);
      --accent-dark-input-50: lab(100%0 0/.075);
      --input-dark-input-80: lab(100%0 0/.12);
      --destructive-dark-destructive-60: lab(63.7053%60.745 31.3109/.6);
      --destructive-dark-destructive-70: lab(63.7053%60.745 31.3109/.7);
      --destructive-dark-destructive-90: lab(63.7053%60.745 31.3109/.9);
      --destructive-20-dark-destructive-40: lab(63.7053%60.745 31.3109/.4);
      --destructive-40-dark-destructive-60: lab(63.7053%60.745 31.3109/.6);
      --gray-green-low: lab(24.8232% -2.89753 9.98012);
      --oat-yellow-low: lab(26.9064%2.68777 6.8772);
      --cloud-Blue-low: lab(21.1685% -1.75981-8.86032);
      --fog-gray-low: lab(17.988%0 0);
      --mint-green-low: lab(26.8256% -5.69893 3.46242);
      --lavender-purple-low: lab(19.1233%5.56217-10.0532);
      --ivory-yellow-1: lab(17.2902%.92648 2.50114);
      --ivory-yellow-2: lab(25.2783%1.66763 3.39663);
      --ivory-yellow-3: lab(20.6388%1.40117 2.66592);
      --flax-yellow: lab(16.8262%.927329 2.50151);
      --base-highlight: lab(58.5165%14.0735 30.4084)
    }
  }

  .force-light-mode {
    --primary: #1c1917;
    --background: #fff;
    --accent: #f5f5f4;
    --border: #e7e5e4;
    --card-foreground: #0c0a09;
    --accent-foreground: #1c1917;
    --foreground: #0c0a09;
    --input: #e7e5e4;
    --muted: #f5f5f4;
    --popover: #fff;
    --card: #fff;
    --popover-foreground: #0c0a09;
    --primary-foreground: #fafaf9;
    --destructive: #e40014;
    --destructive-foreground: #fef2f2;
    --ring: #a8a29e;
    --secondary: #f5f5f4;
    --secondary-foreground: #1c1917;
    --muted-foreground: #78716c;
    --sidebar-foreground: #0c0a09;
    --sidebar-background: #fafaf9;
    --sidebar-primary: #0c0a09;
    --sidebar-primary-foreground: #fafaf9;
    --sidebar-accent: #f5f5f4;
    --sidebar-accent-foreground: #1c1917;
    --sidebar-border: #e7e5e4;
    --sidebar-ring: #a8a29e;
    --sidebar-notice: rgba(161, 85, 85, .1);
    --sidebar-notice-text: #a15555;
    --grey-fill-1: #f8f9fb;
    --grey-fill-2: #f2f3f7;
    --grey-fill-3: #eaebf2;
    --brand-purple-fill-1: #eef0ff;
    --brand-purple-fill-2: #e6e9ff;
    --brand-purple-fill-3: #dbdfff;
    --border-1: #f7f9ff;
    --border-2: #e4e4e7;
    --border-3: #a1a1aa;
    --brand-1: #dee8ff;
    --brand-2: #a7baff;
    --brand-3: #412bff;
    --brand-4: #6366f1;
    --brand-5: #818cf8;
    --brand-6: #a5b4fc;
    --brand-7: #e0e7ff;
    --text-1: #09090b;
    --text-4: #e4e4e7;
    --text-2: #3f3f46;
    --text-3: #a1a1aa;
    --text-5: #808087;
    --red-1: #fee2e2;
    --red-2: #fca5a5;
    --red-3: #ef4444;
    --orange-1: #ffedd5;
    --orange-2: #fdba74;
    --orange-3: #f97315;
    --yellow-1: #fef9c3;
    --yellow-2: #fde046;
    --yellow-3: #eab305;
    --green-1: #dcfce7;
    --green-2: #86efac;
    --green-3: #22c55e;
    --blue-1: #dbeafe;
    --blue-2: #93c5fd;
    --blue-3: #3b82f6;
    --indigo-1: #e0e7ff;
    --indigo-2: #a5b4fc;
    --indigo-3: #6366f1;
    --purple-1: #f3e8ff;
    --purple-2: #d8b4fe;
    --purple-3: #a855f7;
    --pink-1: #fce7f3;
    --pink-2: #f9a8d4;
    --pink-3: #ec4899;
    --alpha-5: rgba(255, 255, 255, .95);
    --alpha-10: rgba(255, 255, 255, .9);
    --alpha-20: rgba(255, 255, 255, .8);
    --alpha-30: rgba(255, 255, 255, .7);
    --alpha-40: rgba(255, 255, 255, .6);
    --alpha-50: rgba(255, 255, 255, .5);
    --alpha-60: rgba(255, 255, 255, .4);
    --alpha-70: rgba(255, 255, 255, .3);
    --alpha-80: rgba(255, 255, 255, .2);
    --alpha-90: rgba(255, 255, 255, .1);
    --alpha-95: rgba(255, 255, 255, .05);
    --alpha-black-5: rgba(10, 10, 10, .95);
    --alpha-black-10: rgba(10, 10, 10, .9);
    --alpha-black-20: rgba(10, 10, 10, .8);
    --alpha-black-30: rgba(10, 10, 10, .7);
    --alpha-black-40: rgba(10, 10, 10, .6);
    --alpha-black-50: rgba(10, 10, 10, .5);
    --alpha-black-60: rgba(10, 10, 10, .4);
    --alpha-black-70: rgba(10, 10, 10, .3);
    --alpha-black-80: rgba(10, 10, 10, .2);
    --alpha-black-90: rgba(10, 10, 10, .1);
    --alpha-black-95: rgba(10, 10, 10, .05);
    --alpha-black-97: rgba(0, 0, 0, .03);
    --chart-1: #ea5b18;
    --chart-2: #1b9388;
    --chart-3: #114f65;
    --chart-4: #fbc031;
    --chart-5: #f49f1e;
    --red-low-1: #f8f2f2;
    --red-low-2: #e8d4d4;
    --red-low-3: #c8a5a5;
    --orange-low-1: #f8f5f2;
    --orange-low-2: #e8dfd8;
    --orange-low-3: #c8b5a5;
    --yellow-low-1: #f8f7f2;
    --yellow-low-2: #e8e4d8;
    --yellow-low-3: #c8c1a5;
    --green-low-1: #f2f5f2;
    --green-low-2: #d8e0d8;
    --green-low-3: #a5b5a5;
    --blue-low-1: #f2f4f8;
    --blue-low-2: #d8dde8;
    --blue-low-3: #a5afc8;
    --indigo-low-1: #f3f2f8;
    --indigo-low-2: #ddd8e8;
    --indigo-low-3: #a89fc8;
    --purple-low-1: #f5f2f8;
    --purple-low-2: #dfd8e8;
    --purple-low-3: #b0a5c8;
    --pink-low-1: #f8f2f5;
    --pink-low-2: #e8d8df;
    --pink-low-3: #c8a5b3;
    --background-dark-input-30: var(--background);
    --accent-dark-input-50: var(--accent);
    --input-dark-input-80: var(--input);
    --destructive-dark-destructive-60: var(--destructive);
    --destructive-dark-destructive-70: var(--destructive);
    --destructive-dark-destructive-90: var(--destructive);
    --destructive-20-dark-destructive-40: rgba(228, 0, 20, .2);
    --destructive-40-dark-destructive-60: rgba(228, 0, 20, .4);
    --dark-input: rgba(255, 255, 255, 0);
    --outline: rgba(163, 163, 163, .15);
    --outline-10-dark-outline-20: rgba(163, 163, 163, .1);
    --gray-green-low: #dedfca;
    --oat-yellow-low: #ede6d6;
    --cloud-Blue-low: #dbe5ee;
    --fog-gray-low: #eaeaea;
    --mint-green-low: #c9d7ca;
    --lavender-purple-low: #e9e3f1;
    --ivory-yellow-1: #f4f4ef;
    --ivory-yellow-2: #e0dfd6;
    --ivory-yellow-3: #edece5;
    --flax-yellow: #f4f2ed;
    --base-highlight: #b08358
  }

  @supports (color:lab(0%0 0)) {
    .force-light-mode {
      --primary: lab(9.03835%1.15298 1.92955);
      --background: lab(100%0 0);
      --accent: lab(96.5286% -.0991821 .364268);
      --border: lab(91.055%.663072 .865579);
      --card-foreground: lab(2.86037%.455312 .568903);
      --accent-foreground: lab(9.03835%1.15298 1.92955);
      --foreground: lab(2.86037%.455312 .568903);
      --input: lab(91.055%.663072 .865579);
      --muted: lab(96.5286% -.0991821 .364268);
      --popover: lab(100%0 0);
      --card: lab(100%0 0);
      --popover-foreground: lab(2.86037%.455312 .568903);
      --primary-foreground: lab(98.2686% -.0991523 .364268);
      --destructive: lab(48.4493%77.4328 61.5452);
      --destructive-foreground: lab(96.5005%4.18508 1.52328);
      --secondary: lab(96.5286% -.0991821 .364268);
      --secondary-foreground: lab(9.03835%1.15298 1.92955);
      --muted-foreground: lab(48.1191%2.17071 3.93659);
      --sidebar-foreground: lab(2.86037%.455312 .568903);
      --sidebar-background: lab(98.2686% -.0991523 .364268);
      --sidebar-primary: lab(2.86037%.455312 .568903);
      --sidebar-primary-foreground: lab(98.2686% -.0991523 .364268);
      --sidebar-accent: lab(96.5286% -.0991821 .364268);
      --sidebar-accent-foreground: lab(9.03835%1.15298 1.92955);
      --sidebar-border: lab(91.055%.663072 .865579);
      --sidebar-ring: lab(67.0315%1.68929 2.88084);
      --sidebar-notice: lab(45.6067%32.1437 14.9521/.1);
      --sidebar-notice-text: lab(45.6067%32.1437 14.9521);
      --grey-fill-1: lab(97.8996% -.0823736-1.13579);
      --grey-fill-2: lab(95.9077%.172824-1.88974);
      --grey-fill-3: lab(93.0886%.569046-3.35705);
      --brand-purple-fill-1: lab(94.9733%1.35276-7.41918);
      --brand-purple-fill-2: lab(92.5721%2.06319-11.0913);
      --brand-purple-fill-3: lab(89.3155%3.27304-16.1601);
      --border-1: lab(97.8662%.112355-3.03165);
      --border-2: lab(90.6853%.399232-1.45452);
      --border-3: lab(66.4768%1.32108-4.70662);
      --brand-1: lab(91.7073% -.121981-12.3556);
      --brand-2: lab(75.9955%5.35402-36.4487);
      --brand-3: lab(35.9695%59.5114-101.393);
      --brand-4: lab(49.0017%30.3458-71.8538);
      --brand-5: lab(61.1029%17.6719-56.1725);
      --brand-6: lab(74.1515%7.28303-37.7401);
      --brand-7: lab(91.6649%1.00482-12.3508);
      --text-1: lab(2.51549%.190966-.702757);
      --text-4: lab(90.6853%.399232-1.45452);
      --text-2: lab(26.8115%1.24207-4.32703);
      --text-3: lab(66.4768%1.32108-4.70662);
      --text-5: lab(53.7623%1.06579-3.80247);
      --red-1: lab(92.2535%9.96476 3.71765);
      --red-2: lab(76.6675%32.8921 13.9676);
      --red-3: lab(55.8029%65.665 40.8325);
      --orange-1: lab(94.712%3.47891 13.9295);
      --orange-2: lab(80.8497%19.5312 45.3697);
      --orange-3: lab(64.5088%49.448 68.8278);
      --yellow-1: lab(97.3448% -4.41992 26.5361);
      --yellow-2: lab(89.6798% -1.08922 74.1454);
      --yellow-3: lab(76.4301%11.7884 77.6362);
      --green-1: lab(96.1727% -13.5295 6.37435);
      --green-2: lab(86.8191% -42.7349 22.5855);
      --green-3: lab(70.2482% -57.9775 39.4353);
      --blue-1: lab(92.0301% -2.24757-11.6453);
      --blue-2: lab(77.5526% -6.26406-33.3891);
      --blue-3: lab(54.6093%8.76376-65.7855);
      --indigo-1: lab(91.6649%1.00482-12.3508);
      --indigo-2: lab(74.1515%7.28303-37.7401);
      --indigo-3: lab(49.0017%30.3458-71.8538);
      --purple-1: lab(93.3333%6.97437-9.83434);
      --purple-2: lab(78.4966%23.6286-31.7962);
      --purple-3: lab(52.8066%56.406-68.8859);
      --pink-1: lab(93.5864%9.01193-3.15079);
      --pink-2: lab(77.9689%35.3827-9.6691);
      --pink-3: lab(57.3143%67.9399-7.12436);
      --alpha-5: lab(100%0 0/.95);
      --alpha-10: lab(100%0 0/.9);
      --alpha-20: lab(100%0 0/.8);
      --alpha-30: lab(100%0 0/.7);
      --alpha-40: lab(100%0 0/.6);
      --alpha-50: lab(100%0 0/.5);
      --alpha-60: lab(100%0 0/.4);
      --alpha-70: lab(100%0 0/.3);
      --alpha-80: lab(100%0 0/.2);
      --alpha-90: lab(100%0 0/.1);
      --alpha-95: lab(100%0 0/.05);
      --alpha-black-5: lab(2.75381%0 0/.95);
      --alpha-black-10: lab(2.75381%0 0/.9);
      --alpha-black-20: lab(2.75381%0 0/.8);
      --alpha-black-30: lab(2.75381%0 0/.7);
      --alpha-black-40: lab(2.75381%0 0/.6);
      --alpha-black-50: lab(2.75381%0 0/.5);
      --alpha-black-60: lab(2.75381%0 0/.4);
      --alpha-black-70: lab(2.75381%0 0/.3);
      --alpha-black-80: lab(2.75381%0 0/.2);
      --alpha-black-90: lab(2.75381%0 0/.1);
      --alpha-black-95: lab(2.75381%0 0/.05);
      --alpha-black-97: lab(0%0 0/.03);
      --chart-1: lab(57.8902%54.228 62.5666);
      --chart-2: lab(54.8023% -34.5804-3.51812);
      --chart-3: lab(30.6123% -13.3517-18.6774);
      --chart-4: lab(81.6195%12.7193 73.9378);
      --chart-5: lab(72.9786%25.9459 72.0044);
      --red-low-1: lab(95.9934%1.93256 .697553);
      --red-low-2: lab(86.5469%7.07605 2.61341);
      --red-low-3: lab(70.9225%13.1579 5.04814);
      --orange-low-1: lab(96.7524%.629693 1.77181);
      --orange-low-2: lab(89.4194%2.33611 4.69619);
      --orange-low-3: lab(75.0096%5.05266 10.7224);
      --yellow-low-1: lab(97.2632% -.31653 2.64802);
      --yellow-low-2: lab(90.6945% -.133395 6.52559);
      --yellow-low-3: lab(78.0656% -.916004 15.1495);
      --green-low-1: lab(96.2386% -1.40634 1.0645);
      --green-low-2: lab(88.3536% -3.93415 2.99362);
      --green-low-3: lab(72.0765% -8.13261 6.26358);
      --blue-low-1: lab(96.1469% -.159532-2.2682);
      --blue-low-2: lab(87.9756% -.206172-6.03044);
      --blue-low-3: lab(71.2444%.309259-14.16);
      --indigo-low-1: lab(95.7436%1.13821-2.76355);
      --indigo-low-2: lab(87.1093%3.89832-7.13964);
      --indigo-low-3: lab(67.3042%9.69511-20.0747);
      --purple-low-1: lab(95.8316%1.92618-2.65936);
      --purple-low-2: lab(87.3139%4.67086-7.01648);
      --purple-low-3: lab(69.5896%9.22561-16.4421);
      --pink-low-1: lab(96.064%2.62332-.744426);
      --pink-low-2: lab(87.785%6.63275-1.37242);
      --pink-low-3: lab(71.2186%14.9443-2.15834);
      --destructive-20-dark-destructive-40: lab(48.4493%77.4328 61.5452/.2);
      --destructive-40-dark-destructive-60: lab(48.4493%77.4328 61.5452/.4);
      --dark-input: lab(100%0 0/0);
      --gray-green-low: lab(88.2943% -3.0275 10.181);
      --oat-yellow-low: lab(91.5137%.462919 8.85837);
      --cloud-Blue-low: lab(90.3758% -2.14842-5.50207);
      --fog-gray-low: lab(92.692%0 0);
      --mint-green-low: lab(84.6459% -6.61406 4.67664);
      --lavender-purple-low: lab(91.0634%4.02203-6.13377);
      --ivory-yellow-1: lab(96.1157% -.688165 2.55562);
      --ivory-yellow-2: lab(88.7217% -.815034 4.49516);
      --ivory-yellow-3: lab(93.3371% -.540465 3.38308);
      --flax-yellow: lab(95.5101%.0438988 2.67316);
      --base-highlight: lab(58.5165%14.0735 30.4084)
    }
  }

  :root {
    --font-font-sans: var(--font-sans);
    --font-font-mono: var(--font-mono);
    --font-font-serif: var(--font-serif);
    --border-radius-rounded-xs: var(--radius-xs);
    --border-radius-rounded-sm: var(--radius-sm);
    --border-radius-rounded-md: var(--radius-md);
    --border-radius-rounded-lg: var(--radius-lg);
    --border-radius-rounded-xl: var(--radius-xl);
    --border-radius-rounded-2xl: var(--radius-2xl);
    --border-radius-rounded-3xl: var(--radius-3xl);
    --border-radius-rounded-4xl: var(--radius-4xl);
    --border-radius-rounded-max: var(--radius-max);
    --text-mini-13-font-size: var(--text-mini-13);
    --text-sm-14-font-size: var(--text-sm-14);
    --text-base-16-font-size: var(--text-base-16);
    --text-lg-18-font-size: var(--text-lg-18);
    --text-xs-12-font-size: var(--text-xs-12);
    --text-xl-20-font-size: var(--text-xl-20);
    --text-2xl-24-font-size: var(--text-2xl-24);
    --text-4xl-36-font-size: var(--text-4xl-36);
    --text-3xl-28-font-size: var(--text-3xl-28);
    --text-5xl-48-font-size: var(--text-5xl-48);
    --text-6xl-60-font-size: var(--text-6xl-60);
    --text-7xl-72-font-size: var(--text-7xl-72);
    --text-8xl-96-font-size: var(--text-8xl-96);
    --text-9xl-128-font-size: var(--text-9xl-128);
    --text-sm-14or13: var(--text-sm-14);
    --text-sm-14or13-font-size: var(--text-sm-14or13);
    --base-primary: var(--primary);
    --base-background: var(--background);
    --base-accent: var(--accent);
    --base-border: var(--border);
    --base-card-foreground: var(--card-foreground);
    --base-accent-foreground: var(--accent-foreground);
    --base-foreground: var(--foreground);
    --base-input: var(--input);
    --base-muted: var(--muted);
    --base-popover: var(--popover);
    --base-card: var(--card);
    --base-popover-foreground: var(--popover-foreground);
    --base-primary-foreground: var(--primary-foreground);
    --base-destructive: var(--destructive);
    --base-destructive-foreground: var(--destructive-foreground);
    --base-ring: var(--ring);
    --base-secondary: var(--secondary);
    --base-secondary-foreground: var(--secondary-foreground);
    --base-muted-foreground: var(--muted-foreground);
    --base-sidebar-foreground: var(--sidebar-foreground);
    --base-sidebar-background: var(--sidebar-background);
    --base-sidebar-primary: var(--sidebar-primary);
    --base-sidebar-primary-foreground: var(--sidebar-primary-foreground);
    --base-sidebar-accent: var(--sidebar-accent);
    --base-sidebar-accent-foreground: var(--sidebar-accent-foreground);
    --base-sidebar-border: var(--sidebar-border);
    --base-sidebar-ring: var(--sidebar-ring);
    --base-chart-1: var(--chart-1);
    --base-chart-2: var(--chart-2);
    --base-chart-3: var(--chart-3);
    --base-chart-4: var(--chart-4);
    --base-chart-5: var(--chart-5);
    --custom-CozeSpace-fill-brand-purple-fill-1: var(--brand-purple-fill-1);
    --custom-CozeSpace-fill-brand-purple-fill-2: var(--brand-purple-fill-2);
    --custom-CozeSpace-fill-brand-purple-fill-3: var(--brand-purple-fill-3);
    --custom-CozeSpace-fill-grey-fill-1: var(--grey-fill-1);
    --custom-CozeSpace-fill-grey-fill-2: var(--grey-fill-2);
    --custom-CozeSpace-fill-grey-fill-3: var(--grey-fill-3);
    --custom-CozeSpace-text-text-1: var(--text-1);
    --custom-CozeSpace-text-text-2: var(--text-2);
    --custom-CozeSpace-text-text-3: var(--text-3);
    --custom-CozeSpace-text-text-4: var(--text-4);
    --custom-CozeSpace-text-text-5: var(--text-5);
    --custom-CozeSpace-border-border-1: var(--border-1);
    --custom-CozeSpace-border-border-2: var(--border-2);
    --custom-CozeSpace-border-border-3: var(--border-3);
    --custom-CozeSpace-brand-brand-1: var(--brand-1);
    --custom-CozeSpace-brand-brand-2: var(--brand-2);
    --custom-CozeSpace-brand-brand-3: var(--brand-3);
    --custom-CozeSpace-brand-brand-4: var(--brand-4);
    --custom-CozeSpace-brand-brand-5: var(--brand-5);
    --custom-CozeSpace-brand-brand-6: var(--brand-6);
    --custom-CozeSpace-brand-brand-7: var(--brand-7);
    --custom-CozeSpace-chromatic-red-1: var(--red-1);
    --custom-CozeSpace-chromatic-red-2: var(--red-2);
    --custom-CozeSpace-chromatic-red-3: var(--red-3);
    --custom-CozeSpace-chromatic-red-low-1: var(--red-low-1);
    --custom-CozeSpace-chromatic-red-low-2: var(--red-low-2);
    --custom-CozeSpace-chromatic-red-low-3: var(--red-low-3);
    --custom-CozeSpace-chromatic-orange-1: var(--orange-1);
    --custom-CozeSpace-chromatic-orange-2: var(--orange-2);
    --custom-CozeSpace-chromatic-orange-3: var(--orange-3);
    --custom-CozeSpace-chromatic-orange-low-1: var(--orange-low-1);
    --custom-CozeSpace-chromatic-orange-low-2: var(--orange-low-2);
    --custom-CozeSpace-chromatic-orange-low-3: var(--orange-low-3);
    --custom-CozeSpace-chromatic-yellow-1: var(--yellow-1);
    --custom-CozeSpace-chromatic-yellow-2: var(--yellow-2);
    --custom-CozeSpace-chromatic-yellow-3: var(--yellow-3);
    --custom-CozeSpace-chromatic-yellow-low-1: var(--yellow-low-1);
    --custom-CozeSpace-chromatic-yellow-low-2: var(--yellow-low-2);
    --custom-CozeSpace-chromatic-yellow-low-3: var(--yellow-low-3);
    --custom-CozeSpace-chromatic-green-1: var(--green-1);
    --custom-CozeSpace-chromatic-green-2: var(--green-2);
    --custom-CozeSpace-chromatic-green-3: var(--green-3);
    --custom-CozeSpace-chromatic-green-low-1: var(--green-low-1);
    --custom-CozeSpace-chromatic-green-low-2: var(--green-low-2);
    --custom-CozeSpace-chromatic-green-low-3: var(--green-low-3);
    --custom-CozeSpace-chromatic-blue-1: var(--blue-1);
    --custom-CozeSpace-chromatic-blue-2: var(--blue-2);
    --custom-CozeSpace-chromatic-blue-3: var(--blue-3);
    --custom-CozeSpace-chromatic-blue-low-1: var(--blue-low-1);
    --custom-CozeSpace-chromatic-blue-low-2: var(--blue-low-2);
    --custom-CozeSpace-chromatic-blue-low-3: var(--blue-low-3);
    --custom-CozeSpace-chromatic-indigo-1: var(--indigo-1);
    --custom-CozeSpace-chromatic-indigo-2: var(--indigo-2);
    --custom-CozeSpace-chromatic-indigo-3: var(--indigo-3);
    --custom-CozeSpace-chromatic-indigo-low-1: var(--indigo-low-1);
    --custom-CozeSpace-chromatic-indigo-low-2: var(--indigo-low-2);
    --custom-CozeSpace-chromatic-indigo-low-3: var(--indigo-low-3);
    --custom-CozeSpace-chromatic-purple-1: var(--purple-1);
    --custom-CozeSpace-chromatic-purple-2: var(--purple-2);
    --custom-CozeSpace-chromatic-purple-3: var(--purple-3);
    --custom-CozeSpace-chromatic-purple-low-1: var(--purple-low-1);
    --custom-CozeSpace-chromatic-purple-low-2: var(--purple-low-2);
    --custom-CozeSpace-chromatic-purple-low-3: var(--purple-low-3);
    --custom-CozeSpace-chromatic-pink-1: var(--pink-1);
    --custom-CozeSpace-chromatic-pink-2: var(--pink-2);
    --custom-CozeSpace-chromatic-pink-3: var(--pink-3);
    --custom-CozeSpace-chromatic-pink-low-1: var(--pink-low-1);
    --custom-CozeSpace-chromatic-pink-low-2: var(--pink-low-2);
    --custom-CozeSpace-chromatic-pink-low-3: var(--pink-low-3);
    --custom-CozeSpace-chromatic-gray-green-low: var(--gray-green-low);
    --custom-CozeSpace-chromatic-oat-yellow-low: var(--oat-yellow-low);
    --custom-CozeSpace-chromatic-cloud-blue-low: var(--cloud-blue-low);
    --custom-CozeSpace-chromatic-fog-gray-low: var(--fog-gray-low);
    --custom-CozeSpace-chromatic-mint-green-low: var(--mint-green-low);
    --custom-CozeSpace-chromatic-lavender-purple-low: var(--lavender-purple-low);
    --custom-CozeSpace-chromatic-ivory-yellow-1: var(--ivory-yellow-1);
    --custom-CozeSpace-chromatic-ivory-yellow-2: var(--ivory-yellow-2);
    --custom-CozeSpace-chromatic-ivory-yellow-3: var(--ivory-yellow-3);
    --custom-CozeSpace-chromatic-flax-yellow: var(--flax-yellow);
    --alpha-white-alpha-5: var(--alpha-5);
    --alpha-white-alpha-10: var(--alpha-10);
    --alpha-white-alpha-20: var(--alpha-20);
    --alpha-white-alpha-30: var(--alpha-30);
    --alpha-white-alpha-40: var(--alpha-40);
    --alpha-white-alpha-50: var(--alpha-50);
    --alpha-white-alpha-60: var(--alpha-60);
    --alpha-white-alpha-70: var(--alpha-70);
    --alpha-white-alpha-80: var(--alpha-80);
    --alpha-white-alpha-90: var(--alpha-90);
    --alpha-white-5: var(--alpha-5);
    --alpha-white-10: var(--alpha-10);
    --alpha-white-20: var(--alpha-20);
    --alpha-white-30: var(--alpha-30);
    --alpha-white-40: var(--alpha-40);
    --alpha-white-50: var(--alpha-50);
    --alpha-white-60: var(--alpha-60);
    --alpha-white-70: var(--alpha-70);
    --alpha-white-80: var(--alpha-80);
    --alpha-white-90: var(--alpha-90);
    --alpha-black-alpha-black-5: var(--alpha-black-5);
    --alpha-black-alpha-black-10: var(--alpha-black-10);
    --alpha-black-alpha-black-20: var(--alpha-black-20);
    --alpha-black-alpha-black-30: var(--alpha-black-30);
    --alpha-black-alpha-black-40: var(--alpha-black-40);
    --alpha-black-alpha-black-50: var(--alpha-black-50);
    --alpha-black-alpha-black-60: var(--alpha-black-60);
    --alpha-black-alpha-black-70: var(--alpha-black-70);
    --alpha-black-alpha-black-80: var(--alpha-black-80);
    --alpha-black-alpha-black-90: var(--alpha-black-90);
    --alpha-black-alpha-black-95: var(--alpha-black-95);
    --custom-shadcn-custom-background-dark-input-30: var(--background-dark-input-30);
    --custom-shadcn-custom-accent-dark-input-50: var(--accent-dark-input-50);
    --custom-shadcn-custom-input-dark-input-80: var(--input-dark-input-80);
    --custom-shadcn-custom-destructive-dark-destructive-60: var(--destructive-dark-destructive-60);
    --custom-shadcn-custom-destructive-dark-destructive-70: var(--destructive-dark-destructive-70);
    --custom-shadcn-custom-destructive-dark-destructive-90: var(--destructive-dark-destructive-90);
    --custom-shadcn-custom-destructive-20-dark-destructive-40: var(--destructive-20-dark-destructive-40);
    --custom-shadcn-custom-destructive-40-dark-destructive-60: var(--destructive-40-dark-destructive-60);
    --custom-shadcn-custom-dark-input: var(--dark-input);
    --custom-shadcn-custom-outline: var(--outline);
    --custom-shadcn-custom-outline-10-dark-outline-20: var(--outline-10-dark-outline-20)
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 100 900;
    font-style: normal;
    src: url(assets/font-1.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 100 900;
    font-style: italic;
    src: url(assets/font-2.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 100;
    font-style: normal;
    src: url(assets/font-3.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 100;
    font-style: italic;
    src: url(assets/font-4.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 200;
    font-style: normal;
    src: url(assets/font-5.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 200;
    font-style: italic;
    src: url(assets/font-6.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 300;
    font-style: normal;
    src: url(assets/font-7.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 300;
    font-style: italic;
    src: url(assets/font-8.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 400;
    font-style: normal;
    src: url(assets/font-9.woff2)format("woff2")
  }

  @font-face {
    font-family: Geist Mono;
    font-weight: 400;
    font-style: italic;
    src: url(assets/font-10.woff2)format("woff2")
  }

  :root {
    --app-height: 100dvh
  }

  .disable-transitions :before,
  .disable-transitions :after {
    transition: none !important
  }

  #root {
    width: 100%;
    height: 100%
  }

  @property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }

  @property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }

  @property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
  }

  @property --tw-rotate-x {
    syntax: "*";
    inherits: false
  }

  @property --tw-rotate-y {
    syntax: "*";
    inherits: false
  }

  @property --tw-rotate-z {
    syntax: "*";
    inherits: false
  }

  @property --tw-skew-x {
    syntax: "*";
    inherits: false
  }

  @property --tw-skew-y {
    syntax: "*";
    inherits: false
  }

  @property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }

  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
  }

  @property --tw-gradient-position {
    syntax: "*";
    inherits: false
  }

  @property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
  }

  @property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
  }

  @property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
  }

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

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

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

  @property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
  }

  @property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
  }

  @property --tw-ring-inset {
    syntax: "*";
    inherits: false
  }

  @property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }

  @property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
  }

  @property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
  }

  @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: "*";
    inherits: false;
    initial-value: ""
  }

  @keyframes spin {
    to {
      transform: rotate(360deg)
    }
  }

  @keyframes pulse {
    50% {
      opacity: .5
    }
  }

  @keyframes enter {
    0% {
      opacity: var(--tw-enter-opacity, 1);
      transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
      -webkit-filter: blur(var(--tw-enter-blur, 0));
      filter: blur(var(--tw-enter-blur, 0))
    }
  }

  @keyframes exit {
    to {
      opacity: var(--tw-exit-opacity, 1);
      transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
      -webkit-filter: blur(var(--tw-exit-blur, 0));
      filter: blur(var(--tw-exit-blur, 0))
    }
  }

  @keyframes accordion-down {
    0% {
      height: 0
    }

    to {
      height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }
  }

  @keyframes accordion-up {
    0% {
      height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }

    to {
      height: 0
    }
  }

  @keyframes collapsible-down {
    0% {
      height: 0
    }

    to {
      height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto))))
    }
  }

  @keyframes collapsible-up {
    0% {
      height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto))))
    }

    to {
      height: 0
    }
  }

  @keyframes caret-blink {

    0%,
    70%,
    to {
      opacity: 1
    }

    20%,
    50% {
      opacity: 0
    }
  }

@keyframes typing-wj0yV5 {
    0% {
      max-width: 0
    }

    to {
      max-width: 100%
    }
  }

  @keyframes cursor-blink-yE6k23 {
    50% {
      opacity: 0
    }
  }

@keyframes typing {

    0%,
    to {
      opacity: .5;
      transform: translateY(0)
    }

    50% {
      opacity: 1;
      transform: translateY(-.125rem)
    }
  }

  @keyframes loading-dots {

    0%,
    to {
      opacity: 0
    }

    50% {
      opacity: 1
    }
  }

  @keyframes wave {

    0%,
    to {
      transform: scaleY(1)
    }

    50% {
      transform: scaleY(.6)
    }
  }

  @keyframes blink {

    0%,
    to {
      opacity: 1
    }

    50% {
      opacity: 0
    }
  }

  @keyframes text-blink {

    0%,
    to {
      color: var(--primary)
    }

    50% {
      color: var(--muted-foreground)
    }
  }

  @keyframes bounce-dots {

    0%,
    to {
      opacity: .5;
      transform: scale(.8)
    }

    50% {
      opacity: 1;
      transform: scale(1.2)
    }
  }

  @keyframes thin-pulse {

    0%,
    to {
      opacity: .8;
      transform: scale(.95)
    }

    50% {
      opacity: .4;
      transform: scale(1.05)
    }
  }

  @keyframes pulse-dot {

    0%,
    to {
      opacity: .8;
      transform: scale(1)
    }

    50% {
      opacity: 1;
      transform: scale(1.5)
    }
  }

  @keyframes shimmer-text {
    0% {
      background-position: 150%
    }

    to {
      background-position: -150%
    }
  }

  @keyframes wave-bars {

    0%,
    to {
      opacity: .5;
      transform: scaleY(1)
    }

    50% {
      opacity: 1;
      transform: scaleY(.6)
    }
  }

  @keyframes shimmer {
    0% {
      background-position: 200%
    }

    to {
      background-position: -200%
    }
  }

  @keyframes spinner-fade {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

.os-size-observer:before {
    content: "";
    box-sizing: inherit;
    flex: none;
    width: 10px;
    height: 10px;
    padding: 10px
  }

  .os-size-observer-listener:empty:before {
    content: "";
    width: 100%;
    height: 100%
  }

  .os-size-observer-listener:empty:before {
    padding: inherit;
    border: inherit;
    box-sizing: content-box;
    flex: auto;
    display: block;
    position: relative
  }

  @keyframes os-size-observer-appear-animation {
    0% {
      cursor: auto
    }

    to {
      cursor: none
    }
  }

  [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important
  }

  [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
    outline: none
  }

  [data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
    content: "";
    pointer-events: none;
    z-index: -1;
    min-width: 1px;
    min-height: 1px;
    width: var(--os-vaw);
    height: var(--os-vah);
    position: absolute
  }

  [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,
  [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    display: none !important;
    position: absolute !important;
    overflow: hidden !important
  }

  @property --os-scroll-percent {
    syntax: "<number>";
    inherits: true;
    initial-value: 0
  }

  @property --os-viewport-percent {
    syntax: "<number>";
    inherits: true;
    initial-value: 0
  }

  .os-scrollbar-track:hover {
    border: var(--os-track-border-hover);
    background: var(--os-track-bg-hover)
  }

  .os-scrollbar-track:active {
    border: var(--os-track-border-active);
    background: var(--os-track-bg-active)
  }

  .os-scrollbar-handle:hover {
    border: var(--os-handle-border-hover);
    background: var(--os-handle-bg-hover)
  }

  .os-scrollbar-handle:active {
    border: var(--os-handle-border-active);
    background: var(--os-handle-bg-active)
  }

  .os-scrollbar-track:before,
  .os-scrollbar-handle:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }

  .os-scrollbar-horizontal .os-scrollbar-track:before {
    top: calc(var(--os-padding-perpendicular)*-1);
    bottom: calc(var(--os-padding-perpendicular)*-1)
  }

  .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    bottom: calc(var(--os-padding-perpendicular)*-1)
  }

  .os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover)
  }

  .os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active)
  }

  .os-scrollbar-vertical .os-scrollbar-track:before {
    left: calc(var(--os-padding-perpendicular)*-1);
    right: calc(var(--os-padding-perpendicular)*-1)
  }

  .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    right: calc(var(--os-padding-perpendicular)*-1)
  }

  .os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    left: calc(var(--os-padding-perpendicular)*-1)
  }

  .os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover)
  }

  .os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active)
  }

@keyframes loading-W5nx5_ {
    0% {
      background-position: -1px -1px
    }

    to {
      background-position: -1096px -1px
    }
  }

  @keyframes finish-_slDS0 {
    0% {
      background-position: -1px -1px
    }

    to {
      background-position: -365px -1px
    }
  }

  @keyframes fade-in-T3wK8R {
    0% {
      -webkit-filter: brightness(1.5) blur(6px);
      filter: brightness(1.5) blur(6px);
      mix-blend-mode: hard-light
    }

    30% {
      mix-blend-mode: unset
    }

    to {
      -webkit-filter: brightness() blur();
      filter: brightness() blur();
      mix-blend-mode: unset
    }
  }

.sf-hidden {
    display: none !important
  }

.guest-query-row-wrap {
                        display: flex;
                        overflow: hidden
                      }

                      .guest-query-track {
                        display: flex;
                        width: max-content;
                        min-width: max-content;
                        will-change: transform
                      }

                      .guest-query-segment {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        flex-shrink: 0;
                        padding-right: 12px
                      }

                      .guest-query-track--row1 {
                        animation: guest-query-left 56s linear infinite
                      }

                      .guest-query-track--row2 {
                        animation: guest-query-right 64s linear infinite
                      }

                      .guest-query-track--row3 {
                        animation: guest-query-left 72s linear infinite
                      }

                      .guest-query-row-wrap:hover .guest-query-track {
                        animation-play-state: paused
                      }

                      .guest-query-pill {
                        display: inline-flex;
                        align-items: center;
                        border-radius: 9999px;
                        border: 1px solid rgba(0, 0, 0, 0.05);
                        background: rgba(0, 0, 0, 0.04);
                        padding: 6px 14px;
                        font-size: 13px;
                        line-height: 1.5;
                        font-weight: 400;
                        color: rgba(0, 0, 0, 0.6);
                        white-space: nowrap;
                        cursor: pointer;
                        transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.25s ease, color 0.2s ease
                      }

                      .guest-query-pill:hover {
                        background: rgba(0, 0, 0, 0.08);
                        border-color: rgba(0, 0, 0, 0.08);
                        color: rgba(0, 0, 0, 0.92)
                      }

                      @keyframes guest-query-left {
                        from {
                          transform: translateX(0)
                        }

                        to {
                          transform: translateX(-50%)
                        }
                      }

                      @keyframes guest-query-right {
                        from {
                          transform: translateX(-50%)
                        }

                        to {
                          transform: translateX(0)
                        }
                      }