/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-bubble-link: var(--cui-primary-bubble-link);
    --color-primary-bubble-link-hover: var(--cui-primary-bubble-link-hover);
    --color-primary-bubble-link-foreground: var(--cui-primary-bubble-link-foreground);
    --color-primary-bubble-link-foreground-hover: var(--cui-primary-bubble-link-foreground-hover);
    --color-primary-link: var(--cui-primary-link);
    --color-primary-link-hover: var(--cui-primary-link-hover);
    --color-primary-button: var(--cui-primary-button);
    --color-primary-button-foreground: var(--cui-primary-button-foreground);
    --color-primary-button-foreground-hover: var(--cui-primary-button-foreground-hover);
    --color-primary-button-hover: var(--cui-primary-button-hover);
    --color-foreground: var(--cui-foreground);
    --color-foreground-variant: var(--cui-foreground-variant);
    --color-foreground-subtle: var(--cui-foreground-subtle);
    --color-link-hover: var(--cui-link-hover);
    --color-button: var(--cui-button);
    --color-button-foreground: var(--cui-button-foreground);
    --color-button-foreground-hover: var(--cui-button-foreground-hover);
    --color-button-hover: var(--cui-button-hover);
    --color-accent-foreground-subtle: var(--cui-accent-foreground-subtle);
    --color-accent-button: var(--cui-accent-button);
    --color-accent-button-foreground: var(--cui-accent-button-foreground);
    --color-accent-button-hover: var(--cui-accent-button-hover);
    --color-accent-button-hover-foreground: var(--cui-accent-button-hover-foreground);
    --color-accent-button-hover-outline: var(--cui-accent-button-hover-outline);
    --color-accent-button-focus-foreground: var(--cui-accent-button-focus-foreground);
    --color-accent-input: var(--cui-accent-input);
    --color-accent-input-foreground: var(--cui-accent-input-foreground);
    --color-accent-input-hover: var(--cui-accent-input-hover);
    --color-accent-input-hover-foreground: var(--cui-accent-input-hover-foreground);
    --color-accent-input-hover-outline: var(--cui-accent-input-hover-outline);
    --color-accent-input-placeholder: var(--cui-accent-input-placeholder);
    --color-accent-input-placeholder-foreground: var(--cui-accent-input-placeholder-foreground);
    --color-accent-input-placeholder-outline: var(--cui-accent-input-placeholder-outline);
    --color-accent-input-focus: var(--cui-accent-input-focus);
    --color-accent-input-focus-foreground: var(--cui-accent-input-focus-foreground);
    --color-accent-input-focus-outline: var(--cui-accent-input-focus-outline);
    --color-accent-input-active: var(--cui-accent-input-active);
    --color-accent-input-active-foreground: var(--cui-accent-input-active-foreground);
    --color-accent-input-active-outline: var(--cui-accent-input-active-outline);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .chat-ui {
    font-family: serif;
    position: fixed;
    color: var(--cui-foreground);
    background-color: transparent;
    box-shadow: none;
    transform: translate3d(0, 0, 0);
    transition: var(--cui-transition);
    font-family: var(--cui-font-family);
    font-size: var(--cui-font-size);
    font-weight: var(--cui-font-weight);
    font-style: var(--cui-font-style);
    font-variant: var(--cui-font-variant);
    font-stretch: var(--cui-font-stretch);
    font-feature-settings: var(--cui-font-feature-settings);
    line-height: var(--cui-font-line-height);
    letter-spacing: var(--cui-font-letter-spacing);
    will-change: transform, contents, left, right, top, bottom, border-radius, background-color;
    & .chat-ui-content {
      will-change: transform, contents, opacity;
      transition: var(--cui-transition);
      transform: scale(1);
      position: relative;
      margin-inline: auto;
      max-width: var(--cui-width-max);
      width: 100%;
      height: 100%;
      opacity: 1;
    }
    &[data-mui-layout="full"] &, [data-mui-layout="full"] & {
      color: var(--cui-full-foreground);
      background-color: var(--cui-full-background);
      border-radius: 0;
      left: var(--cui-full-margin-left);
      top: var(--cui-full-margin-top);
      right: var(--cui-full-margin-right);
      bottom: var(--cui-full-margin-bottom);
      padding-left: var(--cui-full-padding-left);
      padding-right: var(--cui-full-padding-right);
      padding-top: var(--cui-full-padding-top);
      padding-bottom: var(--cui-full-padding-bottom);
      box-shadow: var(--cui-full-shadow);
    }
    &[data-mui-layout="floating-left"], [data-mui-layout="floating-left"] & {
      color: var(--cui-floating-foreground);
      background-color: var(--cui-floating-background);
      border-radius: var(--cui-floating-radius);
      top: calc(100svh - (var(--cui-floating-height) + var(--cui-floating-margin-bottom)));
      bottom: var(--cui-floating-margin-bottom);
      left: var(--cui-floating-margin-left);
      right: calc(100svw - (var(--cui-floating-width) + var(--cui-floating-margin-right)));
      padding-left: var(--cui-floating-padding-left);
      padding-right: var(--cui-floating-padding-right);
      padding-top: var(--cui-floating-padding-top);
      padding-bottom: var(--cui-floating-padding-bottom);
      box-shadow: var(--cui-floating-shadow);
    }
    &[data-mui-layout="floating-right"], [data-mui-layout="floating-right"] & {
      color: var(--cui-floating-foreground);
      background-color: var(--cui-floating-background);
      border-radius: var(--cui-floating-radius);
      top: calc(100svh - (var(--cui-floating-height) + var(--cui-floating-margin-bottom)));
      bottom: var(--cui-floating-margin-bottom);
      right: var(--cui-floating-margin-right);
      left: calc(100svw - (var(--cui-floating-width) + var(--cui-floating-margin-left)));
      padding-left: var(--cui-floating-padding-left);
      padding-right: var(--cui-floating-padding-right);
      padding-top: var(--cui-floating-padding-top);
      padding-bottom: var(--cui-floating-padding-bottom);
      box-shadow: var(--cui-floating-shadow);
    }
    &[data-mui-layout="pinned-left"], [data-mui-layout="pinned-left"] & {
      color: var(--cui-pinned-foreground);
      background-color: var(--cui-pinned-background);
      left: 0;
      top: 0;
      right: calc(100svw - var(--cui-pinned-width));
      bottom: 0;
      padding-left: var(--cui-pinned-padding-left);
      padding-right: var(--cui-pinned-padding-right);
      padding-top: var(--cui-pinned-padding-top);
      padding-bottom: var(--cui-pinned-padding-bottom);
      box-shadow: var(--cui-pinned-shadow);
    }
    &[data-mui-layout="pinned-right"], [data-mui-layout="pinned-right"] & {
      color: var(--cui-pinned-foreground);
      background-color: var(--cui-pinned-background);
      left: calc(100svw - var(--cui-pinned-width));
      top: 0;
      right: 0;
      bottom: 0;
      padding-left: var(--cui-pinned-padding-left);
      padding-right: var(--cui-pinned-padding-right);
      padding-top: var(--cui-pinned-padding-top);
      padding-bottom: var(--cui-pinned-padding-bottom);
      box-shadow: var(--cui-pinned-shadow);
    }
    &[data-mui-layout="overlay"], [data-mui-layout="overlay"] & {
      color-scheme: dark;
      background-color: transparent;
      left: 0;
      right: 0;
      top: calc(100svh - var(--cui-overlay-height));
      bottom: 0;
      padding-left: var(--cui-overlay-padding-left);
      padding-right: var(--cui-overlay-padding-right);
      padding-top: var(--cui-overlay-padding-top);
      padding-bottom: var(--cui-overlay-padding-bottom);
      box-shadow: var(--cui-overlay-shadow);
    }
    &[data-mui-layout="minimized-left"], [data-mui-layout="minimized-left"] & {
      overflow: hidden;
      border-radius: 1.5rem;
      left: var(--cui-minimized-margin-left);
      top: calc(100svh - var(--cui-minimized-size) - var(--cui-minimized-margin-top));
      bottom: var(--cui-minimized-margin-bottom);
      right: calc(100svw - var(--cui-minimized-size) - var(--cui-minimized-margin-right));
      box-shadow: var(--cui-minimized-shadow);
      & .chat-ui-content {
        opacity: 0;
        transform: scale(0.25);
      }
    }
    &[data-mui-layout="minimized-right"], [data-mui-layout="minimized-right"] & {
      overflow: hidden;
      border-radius: 1.5rem;
      left: calc(100svw - var(--cui-minimized-size) - var(--cui-minimized-margin-left));
      top: calc(100svh - var(--cui-minimized-size) - var(--cui-minimized-margin-top));
      right: var(--cui-minimized-margin-right);
      bottom: var(--cui-minimized-margin-bottom);
      box-shadow: var(--cui-minimized-shadow);
      & .chat-ui-content {
        opacity: 0;
        transform: scale(0.25);
      }
    }
  }
  .chat-ui-background {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    transform: translateZ(0);
    transition: background 6s cubic-bezier(0.4, 0, 0.2, 1), top 4.5s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    &[data-mui-layout="overlay"], [data-mui-layout="overlay"] & {
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
      top: calc(100svh - var(--cui-overlay-height));
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .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);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-\[\.25rem\] {
    right: .25rem;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[\.25rem\] {
    bottom: .25rem;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .float-left {
    float: left;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-auto {
    margin: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .loading-balls-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 1.5rem;
    height: 1rem;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .chat-ui-avatar {
    aspect-ratio: 1 / 1;
    width: var(--cui-bubble-host-width);
    height: var(--cui-bubble-host-width);
    clip-path: circle(50%);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    &.host {
      background-color: var(--cui-bubble-host-background);
      color: var(--cui-bubble-host-foreground);
    }
    &.guest {
      background-color: var(--cui-bubble-guest-background);
      color: var(--cui-bubble-guest-foreground);
    }
    & img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .loading-ball {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--color-foreground-subtle);
    animation: bounce 1s infinite ease-in-out alternate;
    &:nth-child(2) {
      animation-delay: 0.1s;
    }
    &:nth-child(3) {
      animation-delay: 0.2s;
    }
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-\[3\.0rem\] {
    height: 3.0rem;
  }
  .h-full {
    height: 100%;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-max {
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-\[3\.0rem\] {
    width: 3.0rem;
  }
  .w-full {
    width: 100%;
  }
  .chat-ui-bubble {
    max-width: var(--cui-bubble-width-max);
    min-width: 0;
    padding-left: var(--cui-bubble-padding-left);
    padding-right: var(--cui-bubble-padding-right);
    padding-top: var(--cui-bubble-padding-top);
    padding-bottom: var(--cui-bubble-padding-bottom);
    border-radius: var(--cui-bubble-border-radius);
    transition: var(--cui-transition);
    background-color: transparent;
    color: var(--cui-bubble-foreground);
    &.host {
      background-color: var(--cui-bubble-host-background);
      color: var(--cui-bubble-host-foreground);
      &:hover {
        background-color: var(--cui-bubble-host-background-hover);
      }
      &:last-child {
        border-bottom-left-radius: var(--cui-bubble-border-radius-tip);
      }
    }
    &.guest {
      background-color: var(--cui-bubble-guest-background);
      color: var(--cui-bubble-guest-foreground);
      &:hover {
        background-color: var(--cui-bubble-guest-background-hover);
      }
      &:last-child {
        border-bottom-right-radius: var(--cui-bubble-border-radius-tip);
      }
    }
  }
  .max-w-\[32ch\] {
    max-width: 32ch;
  }
  .max-w-\[calc\(100\%-2\.5rem\)\] {
    max-width: calc(100% - 2.5rem);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .fadein {
    animation: fadein 1.25s forwards;
    transition: display 0s 1.5s;
  }
  .fadeout {
    animation: fadeout 1.25s forwards;
    transition: display 0s 1.5s;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-none {
    list-style-type: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-accent-button {
    background-color: var(--color-accent-button);
  }
  .bg-accent-input {
    background-color: var(--color-accent-input);
  }
  .bg-button {
    background-color: var(--color-button);
  }
  .bg-primary-bubble-link {
    background-color: var(--color-primary-bubble-link);
  }
  .bg-primary-button {
    background-color: var(--color-primary-button);
  }
  .dialogue-mask {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0rem, black 6rem, black calc(100% - 6rem), transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0rem, black 6rem, black calc(100% - 6rem), transparent 100%);
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0rem, rgba(0, 0, 0, 1) 6rem, rgba(0, 0, 0, 1) calc(100% - 6rem), transparent 100%);
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-\[5rem\] {
    padding-bottom: 5rem;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .\[text-overflow\:ellipsis\] {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-accent-button-foreground {
    color: var(--color-accent-button-foreground);
  }
  .text-accent-input-foreground {
    color: var(--color-accent-input-foreground);
  }
  .text-button-foreground {
    color: var(--color-button-foreground);
  }
  .text-foreground {
    color: var(--color-foreground);
  }
  .text-foreground-variant {
    color: var(--color-foreground-variant);
  }
  .text-primary-bubble-link-foreground {
    color: var(--color-primary-bubble-link-foreground);
  }
  .text-primary-button-foreground {
    color: var(--color-primary-button-foreground);
  }
  .text-primary-link {
    color: var(--color-primary-link);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .dark {
    color-scheme: dark;
  }
  .light {
    color-scheme: light;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 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-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, 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-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .peer-placeholder-shown\:bg-accent-button {
    &:is(:where(.peer):-moz-placeholder ~ *) {
      background-color: var(--color-accent-button);
    }
    &:is(:where(.peer):placeholder-shown ~ *) {
      background-color: var(--color-accent-button);
    }
  }
  .peer-placeholder-shown\:text-accent-button-foreground {
    &:is(:where(.peer):-moz-placeholder ~ *) {
      color: var(--color-accent-button-foreground);
    }
    &:is(:where(.peer):placeholder-shown ~ *) {
      color: var(--color-accent-button-foreground);
    }
  }
  .peer-placeholder-shown\:opacity-0 {
    &:is(:where(.peer):-moz-placeholder ~ *) {
      opacity: 0%;
    }
    &:is(:where(.peer):placeholder-shown ~ *) {
      opacity: 0%;
    }
  }
  .peer-focus\:bg-accent-button {
    &:is(:where(.peer):focus ~ *) {
      background-color: var(--color-accent-button);
    }
  }
  .peer-focus\:text-accent-button-focus-foreground {
    &:is(:where(.peer):focus ~ *) {
      color: var(--color-accent-button-focus-foreground);
    }
  }
  .after\:ml-1 {
    &::after {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 1);
    }
  }
  .after\:text-primary-button-foreground {
    &::after {
      content: var(--tw-content);
      color: var(--color-primary-button-foreground);
    }
  }
  .placeholder-shown\:bg-accent-input-placeholder {
    &:-moz-placeholder {
      background-color: var(--color-accent-input-placeholder);
    }
    &:placeholder-shown {
      background-color: var(--color-accent-input-placeholder);
    }
  }
  .placeholder-shown\:text-accent-input-placeholder-foreground {
    &:-moz-placeholder {
      color: var(--color-accent-input-placeholder-foreground);
    }
    &:placeholder-shown {
      color: var(--color-accent-input-placeholder-foreground);
    }
  }
  .placeholder-shown\:ring-accent-input-placeholder-outline {
    &:-moz-placeholder {
      --tw-ring-color: var(--color-accent-input-placeholder-outline);
    }
    &:placeholder-shown {
      --tw-ring-color: var(--color-accent-input-placeholder-outline);
    }
  }
  .hover\:bg-accent-button-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-button-hover);
      }
    }
  }
  .hover\:bg-accent-input-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-input-hover);
      }
    }
  }
  .hover\:bg-button-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-hover);
      }
    }
  }
  .hover\:bg-primary-bubble-link-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-bubble-link-hover);
      }
    }
  }
  .hover\:bg-primary-button-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-button-hover);
      }
    }
  }
  .hover\:text-accent-button-hover-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent-button-hover-foreground);
      }
    }
  }
  .hover\:text-accent-input-hover-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent-input-hover-foreground);
      }
    }
  }
  .hover\:text-button-foreground-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-foreground-hover);
      }
    }
  }
  .hover\:text-link-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-link-hover);
      }
    }
  }
  .hover\:text-primary-bubble-link-foreground-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-bubble-link-foreground-hover);
      }
    }
  }
  .hover\:text-primary-button-foreground-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-button-foreground-hover);
      }
    }
  }
  .hover\:text-primary-link-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-link-hover);
      }
    }
  }
  .hover\:ring-accent-input-hover-outline {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-accent-input-hover-outline);
      }
    }
  }
  .focus\:bg-accent-button-hover {
    &:focus {
      background-color: var(--color-accent-button-hover);
    }
  }
  .focus\:bg-accent-input-focus {
    &:focus {
      background-color: var(--color-accent-input-focus);
    }
  }
  .focus\:text-accent-input-focus-foreground {
    &:focus {
      color: var(--color-accent-input-focus-foreground);
    }
  }
  .focus\:ring-accent-button-hover-outline {
    &:focus {
      --tw-ring-color: var(--color-accent-button-hover-outline);
    }
  }
  .focus\:ring-accent-input-focus-outline {
    &:focus {
      --tw-ring-color: var(--color-accent-input-focus-outline);
    }
  }
  .active\:bg-accent-input-active {
    &:active {
      background-color: var(--color-accent-input-active);
    }
  }
  .active\:text-accent-input-active-foreground {
    &:active {
      color: var(--color-accent-input-active-foreground);
    }
  }
  .active\:ring-accent-input-active-outline {
    &:active {
      --tw-ring-color: var(--color-accent-input-active-outline);
    }
  }
  .disabled\:bg-transparent {
    &:disabled {
      background-color: transparent;
    }
  }
  .disabled\:text-center {
    &:disabled {
      text-align: center;
    }
  }
  .disabled\:text-accent-foreground-subtle {
    &:disabled {
      color: var(--color-accent-foreground-subtle);
    }
  }
  .disabled\:ring-transparent {
    &:disabled {
      --tw-ring-color: transparent;
    }
  }
  .dark\:block {
    @media (prefers-color-scheme: dark) {
      display: block;
    }
    [data-scheme="dark"] & {
      display: block;
    }
    &:is(.dark *) {
      display: block;
    }
  }
  .dark\:hidden {
    @media (prefers-color-scheme: dark) {
      display: none;
    }
    [data-scheme="dark"] & {
      display: none;
    }
    &:is(.dark *) {
      display: none;
    }
  }
  .layout-overlay\:hidden {
    &[data-mui-layout="overlay"], [data-mui-layout="overlay"] & {
      display: none;
    }
  }
  .layout-overlay\:scheme-light {
    &[data-mui-layout="overlay"], [data-mui-layout="overlay"] & {
      color-scheme: light;
    }
  }
}
@layer base {
  :root {
    --color-transparent: transparent;
    --color-current: currentColor;
    --mos-seed-color-scheme: light dark;
    --mos-seed-color-royal-ebony: oklch(0.610 0.0392 35.0);
    --mos-seed-color-gilded-caramel: oklch(0.7175 0.080 80.0);
    --mos-seed-color-opulent-indigo: oklch(0.640 0.076 295.0);
    --mos-seed-color-velvet-moss: oklch(0.645 0.056 145.0);
    --mos-seed-color-pearl-blush: oklch(0.750 0.0352 18.0);
    --mos-seed-color-luxe-sapphire: oklch(0.631 0.068 256.0);
    --mos-seed-color-midnight-plume: oklch(0.615 0.032 265.0);
    --mos-seed-color-regal-amber: oklch(0.735 0.084 75.0);
    --mos-seed-color-crimson-velour: oklch(0.670 0.096 28.0);
    --mos-seed-color-titanium-slate: oklch(0.640 0.028 295.0);
    --mos-seed-color-mink-espresso: oklch(0.605 0.032 28.0);
    --mos-seed-color-eclipse-olive: oklch(0.610 0.048 125.0);
    --mos-seed-color-onyx-royale: oklch(0.605 0.0304 270.0);
    --mos-seed-color-marble-dust: oklch(0.7575 0.0184 60.0);
    --mos-seed-color-rose-quartz: oklch(0.7275 0.076 25.0);
    --mos-seed-color-taupe-chateau: oklch(0.7125 0.024 55.0);
    --mos-seed-color-gold-mirage: oklch(0.740 0.096 87.0);
    --mos-seed-color-platinum-haze: oklch(0.760 0.020 100.0);
    --mos-seed-color-burnished-emerald: oklch(0.6525 0.0816 145.0);
    --mos-seed-color-celestial-blue: oklch(0.7075 0.0864 250.0);
    --mos-seed-color-amber-champagne: oklch(0.7525 0.0736 85.0);
    --mos-seed-color-graphite-fig: oklch(0.640 0.024 335.0);
    --mos-seed-color-sable-cashmere: oklch(0.6325 0.036 65.0);
    --mos-seed-color-obsidian-mocha: oklch(0.610 0.032 38.0);
    --mos-seed-color-sound-view: oklch(0.7145 0.2032 24.12);
    --mos-seed-color-maison: oklch(0.418813 0.106636 275);
    --mos-seed-color: var(--mos-seed-color-maison);
    --mos-seed-chroma-relative-primary: 0.75;
    --mos-seed-chroma-relative-neutral: 0.25;
    --mos-seed-chroma-relative-accent: 0.5;
    --mos-seed-chroma-relative-dark: 0.75;
    --mos-seed-lightness-min: 0.20;
    --mos-seed-lightness-max: 1;
    --mos-seed-lightness-delta: calc(var(--mos-seed-lightness-max) - var(--mos-seed-lightness-min));
    --mos-breakpoint-xl: 1280px;
    --mos-breakpoint-lg: 992px;
    --mos-breakpoint-md: 768px;
    --mos-breakpoint-sm: 478px;
    --mos-breakpoint-xs: 320px;
    --mos-unit: 0.25rem;
    --mos-unit-huge: calc(var(--mos-unit) * 9);
    --mos-unit-xxl: calc(var(--mos-unit) * 6);
    --mos-unit-xl: calc(var(--mos-unit) * 5);
    --mos-unit-lg: calc(var(--mos-unit) * 4);
    --mos-unit-md: calc(var(--mos-unit) * 3);
    --mos-unit-sm: calc(var(--mos-unit) * 2);
    --mos-unit-xs: calc(var(--mos-unit) * 1);
    --mos-unit-xxs: calc(var(--mos-unit) * 0.5);
    --mos-unit-tiny: calc(var(--mos-unit) * 0.25);
    --mos-radius-huge: 6.000000rem;
    --mos-radius-xxl: 4.00000rem;
    --mos-radius-xl: 2.5000rem;
    --mos-radius-lg: 1.000rem;
    --mos-radius-md: 0.75rem;
    --mos-radius-sm: 0.5rem;
    --mos-radius-xs: 0.25rem;
    --mos-radius-xxs: 0.125rem;
    --mos-radius-tiny: 0.0625rem;
    --mos-radius-none: 0.00000rem;
    --mos-padding-huge: var(--mos-unit-huge);
    --mos-padding-xxl: var(--mos-unit-xxl);
    --mos-padding-xl: var(--mos-unit-xl);
    --mos-padding-lg: var(--mos-unit-lg);
    --mos-padding-md: var(--mos-unit-md);
    --mos-padding-sm: var(--mos-unit-sm);
    --mos-padding-xs: var(--mos-unit-xs);
    --mos-padding-xxs: var(--mos-unit-xxs);
    --mos-padding-tiny: var(--mos-unit-tiny);
    --mos-margin-huge: var(--mos-unit-huge);
    --mos-margin-xxl: var(--mos-unit-xxl);
    --mos-margin-xl: var(--mos-unit-xl);
    --mos-margin-lg: var(--mos-unit-lg);
    --mos-margin-md: var(--mos-unit-md);
    --mos-margin-sm: var(--mos-unit-sm);
    --mos-margin-xs: var(--mos-unit-xs);
    --mos-margin-xxs: var(--mos-unit-xxs);
    --mos-margin-tiny: var(--mos-unit-tiny);
    --mos-duration-instant: 0ms;
    --mos-duration-fastest: 150ms;
    --mos-duration-fast: 225ms;
    --mos-duration-slow: 450ms;
    --mos-duration-slower: 900ms;
    --mos-duration-slowest: 1800ms;
    --mos-duration: var(--mos-duration-fast);
    --mos-easing-in: cubic-bezier(0.55, 0, 1, 0.45);
    --mos-easing-out: cubic-bezier(0, 0.55, 0.45, 1);
    --mos-easing-in-out: cubic-bezier(0.85, 0, 0.15, 1);
    --mos-easing: var(--mos-easing-out);
    --mos-transition-property: all;
    --mos-transition-duration: var(--mos-duration);
    --mos-transition-timing: var(--mos-easing);
    --mos-transition: var(--mos-transition-property) var(--mos-transition-duration) var(--mos-transition-timing);
    --mos-gap-xl: var(--mos-unit-xl);
    --mos-gap-lg: var(--mos-unit-lg);
    --mos-gap-md: var(--mos-unit-md);
    --mos-gap-sm: var(--mos-unit-sm);
    --mos-gap-xs: var(--mos-unit-xs);
    --mos-gap-xxs: var(--mos-unit-xxs);
    --mos-font-family-sans: sans-serif;
    --mos-font-family-serif: Georgia, serif;
    --mos-font-family-mono: monospace;
    --mos-font-family-display: var(--mos-font-sans);
    --mos-font-family: var(--mos-font-family-sans);
    --mos-font-weight-regular: 400;
    --mos-font-weight-medium: 500;
    --mos-font-weight-semibold: 600;
    --mos-font-weight-bold: 700;
    --mos-font-feature-settings-oldstyle: "pnum" on, "onum" on;
    --mos-font-feature-settings-tabular: "tnum" on, "lnum" on;
    --mos-font-feature-settings-smallcaps: "smcp" on, "c2sc" on;
    --mos-font-feature-settings-ligatures: "dlig" on;
    --mos-font-feature-settings-style1: "ss01" on;
    --mos-font-feature-settings-mono: "zero" on, "liga" off, "calt" off;
    --mos-font-feature-settings-normal: normal;
    --mos-font-feature-settings: var(--mos-font-feature-settings-normal);
    --mos-font-line-height-tight: 1.1;
    --mos-font-line-height-snug: 1.25;
    --mos-font-line-height-normal: 1.5;
    --mos-font-line-height-relaxed: 1.75;
    --mos-font-line-height-loose: 2;
    --mos-font-line-height-heading: 1.2;
    --mos-font-line-height-body: 1.6;
    --mos-font-line-height-code: 1.4;
    --mos-font-line-height: var(--mos-font-line-height-normal);
    --most-font-letter-spacing-tight: -0.02em;
    --most-font-letter-spacing-snug: -0.01em;
    --most-font-letter-spacing-normal: 0em;
    --most-font-letter-spacing-slight: 0.01em;
    --most-font-letter-spacing-medium: 0.025em;
    --most-font-letter-spacing-semiwide: 0.04em;
    --most-font-letter-spacing-wide: 0.05em;
    --most-font-letter-spacing-wider: 0.1em;
    --most-font-letter-spacing-widest: 0.25em;
    --most-font-letter-spacing-heading: -0.015em;
    --most-font-letter-spacing-body: 0.01em;
    --most-font-letter-spacing-uppercase: 0.08em;
    --most-font-letter-spacing: var(--most-font-letter-spacing-normal);
    --mos-text-transform-uppercase: uppercase;
    --mos-text-transform-lowercase: lowercase;
    --mos-text-transform-capitalize: capitalize;
    --mos-text-transform-title: capitalize;
    --mos-text-transform: none;
    --most-font-variant-normal: normal;
    --most-font-variant-small-caps: small-caps;
    --most-font-variant-all-small-caps: all-small-caps;
    --most-font-variant-petite-caps: petite-caps;
    --most-font-variant-all-petite-caps: all-petite-caps;
    --most-font-variant-unicase: unicase;
    --most-font-variant-titling-caps: titling-caps;
    --most-font-variant-oldstyle-nums: oldstyle-nums;
    --most-font-variant-lining-nums: lining-nums;
    --most-font-variant-tabular-nums: tabular-nums;
    --most-font-variant-proportional-nums: proportional-nums;
    --most-font-variant: var(--most-font-variant-normal);
    --mos-text-size-tiny: 0.625rem;
    --mos-text-size-xxs: 0.75rem;
    --mos-text-size-xs: 0.875rem;
    --mos-text-size-sm: 1.0rem;
    --mos-text-size-md: 1.125rem;
    --mos-text-size-lg: 1.25rem;
    --mos-text-size-xl: 1.5rem;
    --mos-text-size-xxl: 2.0rem;
    --mos-text-size-huge: 2.5rem;
    --mos-heading-size-xxs: 1.0rem;
    --mos-heading-size-xs: 1.125rem;
    --mos-heading-size-sm: 1.25rem;
    --mos-heading-size-md: 1.5rem;
    --mos-heading-size-lg: 1.75rem;
    --mos-heading-size-xl: 2.5rem;
    --mos-heading-size-xxl: 4.0rem;
    --mos-heading-size-huge: 6.0rem;
    --mos-ring-width-xxs: 1px;
    --mos-ring-width-xs: 2px;
    --mos-ring-width-sm: 3px;
    --mos-ring-width-md: 4px;
    --mos-ring-width-lg: 6px;
    --mos-ring-width-xl: 8px;
    --mos-ring-color-default: oklch(from currentColor calc(l * .875) 0 h);
    --mos-ring-color-primary: var(--mos-color-primary-500);
    --mos-ring-color-success: var(--mos-color-success-500);
    --mos-ring-color-warning: var(--mos-color-warning-500);
    --mos-ring-color-danger: var(--mos-color-critical-500);
    --mos-ring-color-focus: var(--mos-color-primary-500);
    --mos-ring-offset-xxs: 1px;
    --mos-ring-offset-xs: 2px;
    --mos-ring-offset-sm: 4px;
    --mos-ring-offset-md: 6px;
    --mos-ring-offset-lg: 8px;
    --mos-ring-offset-xl: 12px;
    --mos-border-width-none: 0px;
    --mos-border-width-xxs: 1px;
    --mos-border-width-xs: 2px;
    --mos-border-width-sm: 3px;
    --mos-border-width-md: 4px;
    --mos-border-width-lg: 6px;
    --mos-border-width-xl: 8px;
    --mos-border-style-solid: solid;
    --mos-border-style-dashed: dashed;
    --mos-border-style-dotted: dotted;
    --mos-border-style-none: none;
    --mos-border-emphasis: oklch(from currentColor l calc(c * .875) h / 1);
    --mos-border-default: oklch(from currentColor l calc(c * .750) h / .66);
    --mos-border-subtle: oklch(from currentColor l calc(c * .625) h / .33);
    --mos-border: var(--mos-border-width-xxs) var(--mos-border-style-solid) var(--mos-border-default);
    --mos-shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
    --mos-shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
    --mos-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --mos-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --mos-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    --mos-destructive-background: oklch(0.577 0.245 27.325);
    --mos-destructive-foreground: oklch(0.985 0 0);
    --mos-destructive-hover: oklch(0.527 0.245 27.325);
    --mos-destructive-active: oklch(0.477 0.245 27.325);
    --mos-success-background: oklch(0.6 0.18 142);
    --mos-success-foreground: oklch(0.985 0 0);
    --mos-warning-background: oklch(0.75 0.15 70);
    --mos-warning-foreground: oklch(0.145 0 0);
    --mos-muted-background: oklch(0.97 0 0);
    --mos-muted-foreground: oklch(0.556 0 0);
    --mos-popover-background: oklch(0.99 0 0);
    --mos-popover-foreground: oklch(0.145 0 0);
    --mos-skeleton: oklch(0.255 0 0);
    --mos-skeleton-shimmer: oklch(0.306 0 0);
    --mos-sidebar-background: oklch(0.145 0 0);
    --mos-sidebar-foreground: oklch(0.985 0 0);
    --mos-sidebar-primary: oklch(0.985 0 0);
    --mos-sidebar-primary-foreground: oklch(0.145 0 0);
    --mos-sidebar-accent: oklch(0.255 0 0);
    --mos-sidebar-accent-foreground: oklch(0.985 0 0);
    --mos-sidebar-border: oklch(0.306 0 0);
  }
}
@layer base {
  :root {
    --cui-seed-color-scheme: var(--mos-seed-color-scheme);
    --cui-seed-color: #103a50;
    --cui-seed-chroma-relative-primary: var(--mos-seed-chroma-relative-primary);
    --cui-seed-chroma-relative-neutral: var(--mos-seed-chroma-relative-neutral);
    --cui-seed-chroma-relative-accent: var(--mos-seed-chroma-relative-accent);
    --cui-seed-chroma-relative-dark: var(--mos-seed-chroma-relative-dark);
    --cui-seed-lightness-min: var(--mos-seed-lightness-min);
    --cui-seed-lightness-max: var(--mos-seed-lightness-max);
    --cui-seed-lightness-delta: calc(var(--cui-seed-lightness-max) - var(--cui-seed-lightness-min));
  }
}
@layer base {
  :root {
    color-scheme: var(--cui-seed-color-scheme);
    --cui-raw-primary: oklch(from var(--cui-seed-color) l c h);
    --cui-raw-primary-light: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-primary-dark: oklch(from var(--cui-raw-primary-light) l c h);
    --cui-raw-primary-scheme: light-dark(var(--cui-raw-primary-light), var(--cui-raw-primary-dark));
    --cui-raw-primary-c-max: var(--cui-seed-chroma-relative-primary);
    --cui-raw-primary-l-min: var(--cui-seed-lightness-min);
    --cui-raw-primary-l-max: var(--cui-seed-lightness-max);
    --cui-raw-primary-l-delta: calc(var(--cui-raw-primary-l-max) - var(--cui-raw-primary-l-min));
    --cui-raw-primary-c-max-dark: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-primary-l-min-dark: var(--cui-raw-primary-l-min);
    --cui-raw-primary-l-max-dark: var(--cui-raw-primary-l-max);
    --cui-raw-primary-l-delta-dark: calc(
      var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max)) - var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min))
    );
    --cui-raw-neutral: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-neutral-light: oklch(from var(--cui-raw-neutral) l c h);
    --cui-raw-neutral-dark: oklch(from var(--cui-raw-neutral-light) l c h);
    --cui-raw-neutral-scheme: light-dark(var(--cui-raw-neutral-light), var(--cui-raw-neutral-dark));
    --cui-raw-neutral-c-max: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-neutral));
    --cui-raw-neutral-l-min: var(--cui-raw-primary-l-min);
    --cui-raw-neutral-l-max: var(--cui-raw-primary-l-max);
    --cui-raw-neutral-l-delta: calc(var(--cui-raw-neutral-l-max) - var(--cui-raw-neutral-l-min));
    --cui-raw-neutral-c-max-dark: var(--cui-raw-neutral-c-max);
    --cui-raw-neutral-c-max-dark: calc(var(--cui-raw-neutral-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-neutral-l-min-dark: var(--cui-raw-neutral-l-min);
    --cui-raw-neutral-l-max-dark: var(--cui-raw-neutral-l-max);
    --cui-raw-neutral-l-delta-dark: calc(
      var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max)) - var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min))
    );
    --cui-raw-accent: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-accent-light: oklch(from var(--cui-raw-accent) l c h);
    --cui-raw-accent-dark: oklch(from var(--cui-raw-accent-light) l c h);
    --cui-raw-accent-scheme: light-dark(var(--cui-raw-accent-light), var(--cui-raw-accent-dark));
    --cui-raw-accent-c-max: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-accent));
    --cui-raw-accent-l-min: var(--cui-raw-primary-l-min);
    --cui-raw-accent-l-max: var(--cui-raw-primary-l-max);
    --cui-raw-accent-l-delta: calc(var(--cui-raw-accent-l-max) - var(--cui-raw-accent-l-min));
    --cui-raw-accent-c-max-dark: calc(var(--cui-raw-accent-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-accent-l-min-dark: var(--cui-raw-accent-l-min);
    --cui-raw-accent-l-max-dark: var(--cui-raw-accent-l-max);
    --cui-raw-accent-l-delta-dark: calc(
      var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max)) - var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min))
    );
  }
}
@layer base {
  :root {
    --cui-raw-primary-mid: light-dark(
      oklch(
        from var(--cui-raw-primary-scheme)
          calc(var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)) + l * var(--cui-raw-primary-l-delta-dark, var(--cui-raw-primary-l-delta)) / 2)
          calc(c * var(--cui-raw-primary-c-max)) h
      ),
      oklch(
        from var(--cui-raw-primary-scheme)
          calc(var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)) + l * var(--cui-raw-primary-l-delta-dark, var(--cui-raw-primary-l-delta)) / 2)
          calc(c * var(--cui-raw-primary-c-max-dark, var(--cui-raw-primary-c-max))) h
      )
    );
    --cui-raw-primary-tint: light-dark(
      oklch(from var(--cui-raw-primary-mid) var(--cui-raw-primary-l-max) calc(c - var(--cui-raw-primary-l-max) * c) h),
      oklch(
        from var(--cui-raw-primary-mid) var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max))
          calc(c - var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max)) * c) h
      )
    );
    --cui-raw-primary-shade: light-dark(
      oklch(from var(--cui-raw-primary-mid) calc(l * var(--cui-raw-primary-l-min)) calc(c * var(--cui-raw-primary-l-min)) h),
      oklch(
        from var(--cui-raw-primary-mid) calc(l * var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)))
          calc(c * var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min))) h
      )
    );
    --cui-raw-primary-0: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-0: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0) * 100%));
    }
    --cui-raw-primary-25: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-25: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.025) * 100%));
    }
    --cui-raw-primary-50: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-50: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.05) * 100%));
    }
    --cui-raw-primary-75: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-75: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.075) * 100%));
    }
    --cui-raw-primary-100: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-100: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.1) * 100%));
    }
    --cui-raw-primary-125: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-125: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.125) * 100%));
    }
    --cui-raw-primary-150: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-150: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.15) * 100%));
    }
    --cui-raw-primary-175: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-175: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.175) * 100%));
    }
    --cui-raw-primary-200: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-200: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.2) * 100%));
    }
    --cui-raw-primary-225: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-225: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.225) * 100%));
    }
    --cui-raw-primary-250: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-250: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.25) * 100%));
    }
    --cui-raw-primary-275: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-275: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.275) * 100%));
    }
    --cui-raw-primary-300: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-300: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.3) * 100%));
    }
    --cui-raw-primary-325: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-325: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.325) * 100%));
    }
    --cui-raw-primary-350: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-350: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.35) * 100%));
    }
    --cui-raw-primary-375: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-375: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.375) * 100%));
    }
    --cui-raw-primary-400: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-400: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.4) * 100%));
    }
    --cui-raw-primary-425: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-425: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.425) * 100%));
    }
    --cui-raw-primary-450: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-450: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.45) * 100%));
    }
    --cui-raw-primary-475: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-475: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.475) * 100%));
    }
    --cui-raw-primary-500: var(--cui-raw-primary-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-500: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.5) * 100%));
    }
    --cui-raw-primary-525: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-525: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.525) * 100%));
    }
    --cui-raw-primary-550: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-550: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.55) * 100%));
    }
    --cui-raw-primary-575: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-575: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.575) * 100%));
    }
    --cui-raw-primary-600: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-600: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.6) * 100%));
    }
    --cui-raw-primary-625: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-625: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.625) * 100%));
    }
    --cui-raw-primary-650: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-650: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.65) * 100%));
    }
    --cui-raw-primary-675: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-675: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.675) * 100%));
    }
    --cui-raw-primary-700: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-700: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.7) * 100%));
    }
    --cui-raw-primary-725: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-725: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.725) * 100%));
    }
    --cui-raw-primary-750: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-750: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.75) * 100%));
    }
    --cui-raw-primary-775: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-775: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.775) * 100%));
    }
    --cui-raw-primary-800: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-800: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.8) * 100%));
    }
    --cui-raw-primary-825: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-825: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.825) * 100%));
    }
    --cui-raw-primary-850: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-850: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.85) * 100%));
    }
    --cui-raw-primary-875: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-875: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.875) * 100%));
    }
    --cui-raw-primary-900: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-900: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.9) * 100%));
    }
    --cui-raw-primary-925: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-925: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.925) * 100%));
    }
    --cui-raw-primary-950: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-950: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.95) * 100%));
    }
    --cui-raw-primary-975: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-975: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.975) * 100%));
    }
    --cui-raw-primary-1000: var(--cui-raw-primary-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-primary-1000: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 1) * 100%));
    }
    --cui-primary: light-dark(var(--cui-raw-primary-500), var(--cui-raw-primary-500));
    --cui-primary-0: light-dark(var(--cui-raw-primary-0), var(--cui-raw-primary-1000));
    --cui-primary-25: light-dark(var(--cui-raw-primary-25), var(--cui-raw-primary-975));
    --cui-primary-50: light-dark(var(--cui-raw-primary-50), var(--cui-raw-primary-950));
    --cui-primary-75: light-dark(var(--cui-raw-primary-75), var(--cui-raw-primary-925));
    --cui-primary-100: light-dark(var(--cui-raw-primary-100), var(--cui-raw-primary-900));
    --cui-primary-125: light-dark(var(--cui-raw-primary-125), var(--cui-raw-primary-875));
    --cui-primary-150: light-dark(var(--cui-raw-primary-150), var(--cui-raw-primary-850));
    --cui-primary-175: light-dark(var(--cui-raw-primary-175), var(--cui-raw-primary-825));
    --cui-primary-200: light-dark(var(--cui-raw-primary-200), var(--cui-raw-primary-800));
    --cui-primary-225: light-dark(var(--cui-raw-primary-225), var(--cui-raw-primary-775));
    --cui-primary-250: light-dark(var(--cui-raw-primary-250), var(--cui-raw-primary-750));
    --cui-primary-275: light-dark(var(--cui-raw-primary-275), var(--cui-raw-primary-725));
    --cui-primary-300: light-dark(var(--cui-raw-primary-300), var(--cui-raw-primary-700));
    --cui-primary-325: light-dark(var(--cui-raw-primary-325), var(--cui-raw-primary-675));
    --cui-primary-350: light-dark(var(--cui-raw-primary-350), var(--cui-raw-primary-650));
    --cui-primary-375: light-dark(var(--cui-raw-primary-375), var(--cui-raw-primary-625));
    --cui-primary-400: light-dark(var(--cui-raw-primary-400), var(--cui-raw-primary-600));
    --cui-primary-425: light-dark(var(--cui-raw-primary-425), var(--cui-raw-primary-575));
    --cui-primary-450: light-dark(var(--cui-raw-primary-450), var(--cui-raw-primary-550));
    --cui-primary-475: light-dark(var(--cui-raw-primary-475), var(--cui-raw-primary-525));
    --cui-primary-500: light-dark(var(--cui-raw-primary-500), var(--cui-raw-primary-500));
    --cui-primary-525: light-dark(var(--cui-raw-primary-525), var(--cui-raw-primary-475));
    --cui-primary-550: light-dark(var(--cui-raw-primary-550), var(--cui-raw-primary-450));
    --cui-primary-575: light-dark(var(--cui-raw-primary-575), var(--cui-raw-primary-425));
    --cui-primary-600: light-dark(var(--cui-raw-primary-600), var(--cui-raw-primary-400));
    --cui-primary-625: light-dark(var(--cui-raw-primary-625), var(--cui-raw-primary-375));
    --cui-primary-650: light-dark(var(--cui-raw-primary-650), var(--cui-raw-primary-350));
    --cui-primary-675: light-dark(var(--cui-raw-primary-675), var(--cui-raw-primary-325));
    --cui-primary-700: light-dark(var(--cui-raw-primary-700), var(--cui-raw-primary-300));
    --cui-primary-725: light-dark(var(--cui-raw-primary-725), var(--cui-raw-primary-275));
    --cui-primary-750: light-dark(var(--cui-raw-primary-750), var(--cui-raw-primary-250));
    --cui-primary-775: light-dark(var(--cui-raw-primary-775), var(--cui-raw-primary-225));
    --cui-primary-800: light-dark(var(--cui-raw-primary-800), var(--cui-raw-primary-200));
    --cui-primary-825: light-dark(var(--cui-raw-primary-825), var(--cui-raw-primary-175));
    --cui-primary-850: light-dark(var(--cui-raw-primary-850), var(--cui-raw-primary-150));
    --cui-primary-875: light-dark(var(--cui-raw-primary-875), var(--cui-raw-primary-125));
    --cui-primary-900: light-dark(var(--cui-raw-primary-900), var(--cui-raw-primary-100));
    --cui-primary-925: light-dark(var(--cui-raw-primary-925), var(--cui-raw-primary-75));
    --cui-primary-950: light-dark(var(--cui-raw-primary-950), var(--cui-raw-primary-50));
    --cui-primary-975: light-dark(var(--cui-raw-primary-975), var(--cui-raw-primary-25));
    --cui-primary-1000: light-dark(var(--cui-raw-primary-1000), var(--cui-raw-primary-0));
  }
}
@layer base {
  :root {
    --cui-raw-neutral-mid: light-dark(
      oklch(
        from var(--cui-raw-neutral-scheme)
          calc(var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)) + l * var(--cui-raw-neutral-l-delta-dark, var(--cui-raw-neutral-l-delta)) / 2)
          calc(c * var(--cui-raw-neutral-c-max)) h
      ),
      oklch(
        from var(--cui-raw-neutral-scheme)
          calc(var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)) + l * var(--cui-raw-neutral-l-delta-dark, var(--cui-raw-neutral-l-delta)) / 2)
          calc(c * var(--cui-raw-neutral-c-max-dark, var(--cui-raw-neutral-c-max))) h
      )
    );
    --cui-raw-neutral-tint: light-dark(
      oklch(from var(--cui-raw-neutral-mid)
        var(--cui-raw-neutral-l-max)
        calc(c - var(--cui-raw-neutral-l-max) * c)
        h),
      oklch(from var(--cui-raw-neutral-mid)
        var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max))
        calc(c - var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max)) * c)
        h
      )
    );
    --cui-raw-neutral-shade: light-dark(
      oklch(from var(--cui-raw-neutral-mid) calc(l * var(--cui-raw-neutral-l-min)) calc(c * var(--cui-raw-neutral-l-min)) h),
      oklch(
        from var(--cui-raw-neutral-mid) calc(l * var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)))
          calc(c * var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min))) h
      )
    );
    --cui-raw-neutral-0: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-0: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0) * 100%));
    }
    --cui-raw-neutral-25: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-25: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.025) * 100%));
    }
    --cui-raw-neutral-50: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-50: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.05) * 100%));
    }
    --cui-raw-neutral-75: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-75: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.075) * 100%));
    }
    --cui-raw-neutral-100: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-100: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.1) * 100%));
    }
    --cui-raw-neutral-125: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-125: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.125) * 100%));
    }
    --cui-raw-neutral-150: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-150: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.15) * 100%));
    }
    --cui-raw-neutral-175: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-175: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.175) * 100%));
    }
    --cui-raw-neutral-200: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-200: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.2) * 100%));
    }
    --cui-raw-neutral-225: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-225: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.225) * 100%));
    }
    --cui-raw-neutral-250: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-250: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.25) * 100%));
    }
    --cui-raw-neutral-275: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-275: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.275) * 100%));
    }
    --cui-raw-neutral-300: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-300: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.3) * 100%));
    }
    --cui-raw-neutral-325: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-325: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.325) * 100%));
    }
    --cui-raw-neutral-350: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-350: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.35) * 100%));
    }
    --cui-raw-neutral-375: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-375: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.375) * 100%));
    }
    --cui-raw-neutral-400: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-400: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.4) * 100%));
    }
    --cui-raw-neutral-425: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-425: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.425) * 100%));
    }
    --cui-raw-neutral-450: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-450: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.45) * 100%));
    }
    --cui-raw-neutral-475: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-475: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.475) * 100%));
    }
    --cui-raw-neutral-500: var(--cui-raw-neutral-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-500: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.5) * 100%));
    }
    --cui-raw-neutral-525: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-525: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.525) * 100%));
    }
    --cui-raw-neutral-550: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-550: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.55) * 100%));
    }
    --cui-raw-neutral-575: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-575: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.575) * 100%));
    }
    --cui-raw-neutral-600: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-600: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.6) * 100%));
    }
    --cui-raw-neutral-625: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-625: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.625) * 100%));
    }
    --cui-raw-neutral-650: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-650: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.65) * 100%));
    }
    --cui-raw-neutral-675: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-675: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.675) * 100%));
    }
    --cui-raw-neutral-700: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-700: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.7) * 100%));
    }
    --cui-raw-neutral-725: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-725: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.725) * 100%));
    }
    --cui-raw-neutral-750: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-750: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.75) * 100%));
    }
    --cui-raw-neutral-775: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-775: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.775) * 100%));
    }
    --cui-raw-neutral-800: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-800: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.8) * 100%));
    }
    --cui-raw-neutral-825: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-825: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.825) * 100%));
    }
    --cui-raw-neutral-850: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-850: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.85) * 100%));
    }
    --cui-raw-neutral-875: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-875: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.875) * 100%));
    }
    --cui-raw-neutral-900: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-900: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.9) * 100%));
    }
    --cui-raw-neutral-925: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-925: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.925) * 100%));
    }
    --cui-raw-neutral-950: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-950: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.95) * 100%));
    }
    --cui-raw-neutral-975: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-975: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.975) * 100%));
    }
    --cui-raw-neutral-1000: var(--cui-raw-neutral-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-neutral-1000: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 1) * 100%));
    }
    --cui-neutral: light-dark(var(--cui-raw-neutral-500), var(--cui-raw-neutral-500));
    --cui-neutral-0: light-dark(var(--cui-raw-neutral-0), var(--cui-raw-neutral-1000));
    --cui-neutral-25: light-dark(var(--cui-raw-neutral-25), var(--cui-raw-neutral-975));
    --cui-neutral-50: light-dark(var(--cui-raw-neutral-50), var(--cui-raw-neutral-950));
    --cui-neutral-75: light-dark(var(--cui-raw-neutral-75), var(--cui-raw-neutral-925));
    --cui-neutral-100: light-dark(var(--cui-raw-neutral-100), var(--cui-raw-neutral-900));
    --cui-neutral-125: light-dark(var(--cui-raw-neutral-125), var(--cui-raw-neutral-875));
    --cui-neutral-150: light-dark(var(--cui-raw-neutral-150), var(--cui-raw-neutral-850));
    --cui-neutral-175: light-dark(var(--cui-raw-neutral-175), var(--cui-raw-neutral-825));
    --cui-neutral-200: light-dark(var(--cui-raw-neutral-200), var(--cui-raw-neutral-800));
    --cui-neutral-225: light-dark(var(--cui-raw-neutral-225), var(--cui-raw-neutral-775));
    --cui-neutral-250: light-dark(var(--cui-raw-neutral-250), var(--cui-raw-neutral-750));
    --cui-neutral-275: light-dark(var(--cui-raw-neutral-275), var(--cui-raw-neutral-725));
    --cui-neutral-300: light-dark(var(--cui-raw-neutral-300), var(--cui-raw-neutral-700));
    --cui-neutral-325: light-dark(var(--cui-raw-neutral-325), var(--cui-raw-neutral-675));
    --cui-neutral-350: light-dark(var(--cui-raw-neutral-350), var(--cui-raw-neutral-650));
    --cui-neutral-375: light-dark(var(--cui-raw-neutral-375), var(--cui-raw-neutral-625));
    --cui-neutral-400: light-dark(var(--cui-raw-neutral-400), var(--cui-raw-neutral-600));
    --cui-neutral-425: light-dark(var(--cui-raw-neutral-425), var(--cui-raw-neutral-575));
    --cui-neutral-450: light-dark(var(--cui-raw-neutral-450), var(--cui-raw-neutral-550));
    --cui-neutral-475: light-dark(var(--cui-raw-neutral-475), var(--cui-raw-neutral-525));
    --cui-neutral-500: light-dark(var(--cui-raw-neutral-500), var(--cui-raw-neutral-500));
    --cui-neutral-525: light-dark(var(--cui-raw-neutral-525), var(--cui-raw-neutral-475));
    --cui-neutral-550: light-dark(var(--cui-raw-neutral-550), var(--cui-raw-neutral-450));
    --cui-neutral-575: light-dark(var(--cui-raw-neutral-575), var(--cui-raw-neutral-425));
    --cui-neutral-600: light-dark(var(--cui-raw-neutral-600), var(--cui-raw-neutral-400));
    --cui-neutral-625: light-dark(var(--cui-raw-neutral-625), var(--cui-raw-neutral-375));
    --cui-neutral-650: light-dark(var(--cui-raw-neutral-650), var(--cui-raw-neutral-350));
    --cui-neutral-675: light-dark(var(--cui-raw-neutral-675), var(--cui-raw-neutral-325));
    --cui-neutral-700: light-dark(var(--cui-raw-neutral-700), var(--cui-raw-neutral-300));
    --cui-neutral-725: light-dark(var(--cui-raw-neutral-725), var(--cui-raw-neutral-275));
    --cui-neutral-750: light-dark(var(--cui-raw-neutral-750), var(--cui-raw-neutral-250));
    --cui-neutral-775: light-dark(var(--cui-raw-neutral-775), var(--cui-raw-neutral-225));
    --cui-neutral-800: light-dark(var(--cui-raw-neutral-800), var(--cui-raw-neutral-200));
    --cui-neutral-825: light-dark(var(--cui-raw-neutral-825), var(--cui-raw-neutral-175));
    --cui-neutral-850: light-dark(var(--cui-raw-neutral-850), var(--cui-raw-neutral-150));
    --cui-neutral-875: light-dark(var(--cui-raw-neutral-875), var(--cui-raw-neutral-125));
    --cui-neutral-900: light-dark(var(--cui-raw-neutral-900), var(--cui-raw-neutral-100));
    --cui-neutral-925: light-dark(var(--cui-raw-neutral-925), var(--cui-raw-neutral-75));
    --cui-neutral-950: light-dark(var(--cui-raw-neutral-950), var(--cui-raw-neutral-50));
    --cui-neutral-975: light-dark(var(--cui-raw-neutral-975), var(--cui-raw-neutral-25));
    --cui-neutral-1000: light-dark(var(--cui-raw-neutral-1000), var(--cui-raw-neutral-0));
  }
}
@layer base {
  :root {
    --cui-raw-accent-mid: light-dark(
      oklch(
        from var(--cui-raw-accent-scheme)
          calc(var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)) + l * var(--cui-raw-accent-l-delta-dark, var(--cui-raw-accent-l-delta)) / 2)
          calc(c * var(--cui-raw-accent-c-max)) h
      ),
      oklch(
        from var(--cui-raw-accent-scheme)
          calc(var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)) + l * var(--cui-raw-accent-l-delta-dark, var(--cui-raw-accent-l-delta)) / 2)
          calc(c * var(--cui-raw-accent-c-max-dark, var(--cui-raw-accent-c-max))) h
      )
    );
    --cui-raw-accent-tint: light-dark(
      oklch(from var(--cui-raw-accent-mid) var(--cui-raw-accent-l-max) calc(c - var(--cui-raw-accent-l-max) * c) h),
      oklch(
        from var(--cui-raw-accent-mid) var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max))
          calc(c - var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max)) * c) h
      )
    );
    --cui-raw-accent-shade: light-dark(
      oklch(from var(--cui-raw-accent-mid) calc(l * var(--cui-raw-accent-l-min)) calc(c * var(--cui-raw-accent-l-min)) h),
      oklch(
        from var(--cui-raw-accent-mid) calc(l * var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)))
          calc(c * var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min))) h
      )
    );
    --cui-raw-accent-0: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-0: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0) * 100%));
    }
    --cui-raw-accent-25: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-25: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.025) * 100%));
    }
    --cui-raw-accent-50: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-50: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.05) * 100%));
    }
    --cui-raw-accent-75: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-75: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.075) * 100%));
    }
    --cui-raw-accent-100: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-100: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.1) * 100%));
    }
    --cui-raw-accent-125: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-125: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.125) * 100%));
    }
    --cui-raw-accent-150: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-150: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.15) * 100%));
    }
    --cui-raw-accent-175: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-175: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.175) * 100%));
    }
    --cui-raw-accent-200: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-200: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.2) * 100%));
    }
    --cui-raw-accent-225: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-225: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.225) * 100%));
    }
    --cui-raw-accent-250: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-250: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.25) * 100%));
    }
    --cui-raw-accent-275: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-275: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.275) * 100%));
    }
    --cui-raw-accent-300: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-300: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.3) * 100%));
    }
    --cui-raw-accent-325: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-325: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.325) * 100%));
    }
    --cui-raw-accent-350: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-350: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.35) * 100%));
    }
    --cui-raw-accent-375: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-375: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.375) * 100%));
    }
    --cui-raw-accent-400: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-400: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.4) * 100%));
    }
    --cui-raw-accent-425: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-425: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.425) * 100%));
    }
    --cui-raw-accent-450: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-450: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.45) * 100%));
    }
    --cui-raw-accent-475: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-475: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.475) * 100%));
    }
    --cui-raw-accent-500: var(--cui-raw-accent-tint);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-500: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.5) * 100%));
    }
    --cui-raw-accent-525: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-525: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.525) * 100%));
    }
    --cui-raw-accent-550: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-550: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.55) * 100%));
    }
    --cui-raw-accent-575: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-575: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.575) * 100%));
    }
    --cui-raw-accent-600: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-600: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.6) * 100%));
    }
    --cui-raw-accent-625: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-625: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.625) * 100%));
    }
    --cui-raw-accent-650: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-650: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.65) * 100%));
    }
    --cui-raw-accent-675: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-675: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.675) * 100%));
    }
    --cui-raw-accent-700: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-700: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.7) * 100%));
    }
    --cui-raw-accent-725: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-725: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.725) * 100%));
    }
    --cui-raw-accent-750: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-750: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.75) * 100%));
    }
    --cui-raw-accent-775: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-775: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.775) * 100%));
    }
    --cui-raw-accent-800: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-800: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.8) * 100%));
    }
    --cui-raw-accent-825: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-825: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.825) * 100%));
    }
    --cui-raw-accent-850: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-850: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.85) * 100%));
    }
    --cui-raw-accent-875: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-875: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.875) * 100%));
    }
    --cui-raw-accent-900: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-900: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.9) * 100%));
    }
    --cui-raw-accent-925: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-925: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.925) * 100%));
    }
    --cui-raw-accent-950: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-950: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.95) * 100%));
    }
    --cui-raw-accent-975: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-975: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.975) * 100%));
    }
    --cui-raw-accent-1000: var(--cui-raw-accent-shade);
    @supports (color: color-mix(in lab, red, red)) {
      --cui-raw-accent-1000: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 1) * 100%));
    }
    --cui-accent: light-dark(var(--cui-raw-accent-500), var(--cui-raw-accent-500));
    --cui-accent-0: light-dark(var(--cui-raw-accent-0), var(--cui-raw-accent-1000));
    --cui-accent-25: light-dark(var(--cui-raw-accent-25), var(--cui-raw-accent-975));
    --cui-accent-50: light-dark(var(--cui-raw-accent-50), var(--cui-raw-accent-950));
    --cui-accent-75: light-dark(var(--cui-raw-accent-75), var(--cui-raw-accent-925));
    --cui-accent-100: light-dark(var(--cui-raw-accent-100), var(--cui-raw-accent-900));
    --cui-accent-125: light-dark(var(--cui-raw-accent-125), var(--cui-raw-accent-875));
    --cui-accent-150: light-dark(var(--cui-raw-accent-150), var(--cui-raw-accent-850));
    --cui-accent-175: light-dark(var(--cui-raw-accent-175), var(--cui-raw-accent-825));
    --cui-accent-200: light-dark(var(--cui-raw-accent-200), var(--cui-raw-accent-800));
    --cui-accent-225: light-dark(var(--cui-raw-accent-225), var(--cui-raw-accent-775));
    --cui-accent-250: light-dark(var(--cui-raw-accent-250), var(--cui-raw-accent-750));
    --cui-accent-275: light-dark(var(--cui-raw-accent-275), var(--cui-raw-accent-725));
    --cui-accent-300: light-dark(var(--cui-raw-accent-300), var(--cui-raw-accent-700));
    --cui-accent-325: light-dark(var(--cui-raw-accent-325), var(--cui-raw-accent-675));
    --cui-accent-350: light-dark(var(--cui-raw-accent-350), var(--cui-raw-accent-650));
    --cui-accent-375: light-dark(var(--cui-raw-accent-375), var(--cui-raw-accent-625));
    --cui-accent-400: light-dark(var(--cui-raw-accent-400), var(--cui-raw-accent-600));
    --cui-accent-425: light-dark(var(--cui-raw-accent-425), var(--cui-raw-accent-575));
    --cui-accent-450: light-dark(var(--cui-raw-accent-450), var(--cui-raw-accent-550));
    --cui-accent-475: light-dark(var(--cui-raw-accent-475), var(--cui-raw-accent-525));
    --cui-accent-500: light-dark(var(--cui-raw-accent-500), var(--cui-raw-accent-500));
    --cui-accent-525: light-dark(var(--cui-raw-accent-525), var(--cui-raw-accent-475));
    --cui-accent-550: light-dark(var(--cui-raw-accent-550), var(--cui-raw-accent-450));
    --cui-accent-575: light-dark(var(--cui-raw-accent-575), var(--cui-raw-accent-425));
    --cui-accent-600: light-dark(var(--cui-raw-accent-600), var(--cui-raw-accent-400));
    --cui-accent-625: light-dark(var(--cui-raw-accent-625), var(--cui-raw-accent-375));
    --cui-accent-650: light-dark(var(--cui-raw-accent-650), var(--cui-raw-accent-350));
    --cui-accent-675: light-dark(var(--cui-raw-accent-675), var(--cui-raw-accent-325));
    --cui-accent-700: light-dark(var(--cui-raw-accent-700), var(--cui-raw-accent-300));
    --cui-accent-725: light-dark(var(--cui-raw-accent-725), var(--cui-raw-accent-275));
    --cui-accent-750: light-dark(var(--cui-raw-accent-750), var(--cui-raw-accent-250));
    --cui-accent-775: light-dark(var(--cui-raw-accent-775), var(--cui-raw-accent-225));
    --cui-accent-800: light-dark(var(--cui-raw-accent-800), var(--cui-raw-accent-200));
    --cui-accent-825: light-dark(var(--cui-raw-accent-825), var(--cui-raw-accent-175));
    --cui-accent-850: light-dark(var(--cui-raw-accent-850), var(--cui-raw-accent-150));
    --cui-accent-875: light-dark(var(--cui-raw-accent-875), var(--cui-raw-accent-125));
    --cui-accent-900: light-dark(var(--cui-raw-accent-900), var(--cui-raw-accent-100));
    --cui-accent-925: light-dark(var(--cui-raw-accent-925), var(--cui-raw-accent-75));
    --cui-accent-950: light-dark(var(--cui-raw-accent-950), var(--cui-raw-accent-50));
    --cui-accent-975: light-dark(var(--cui-raw-accent-975), var(--cui-raw-accent-25));
    --cui-accent-1000: light-dark(var(--cui-raw-accent-1000), var(--cui-raw-accent-0));
  }
}
@layer base {
  :root {
    --cui-primary: var(--cui-primary-500);
    --cui-primary-background: var(--cui-primary-50);
    --cui-primary-foreground: var(--cui-primary-950);
    --cui-primary-foreground-variant: var(--cui-primary-750);
    --cui-primary-foreground-subtle: var(--cui-primary-500);
    --cui-primary-foreground-muted: var(--cui-primary-250);
    --cui-primary-card: var(--cui-primary-100);
    --cui-primary-card-outline: var(--cui-primary-100);
    --cui-primary-card-foreground: var(--cui-primary-850);
    --cui-primary-card-foreground-variant: light-dark(var(--cui-primary-250), var(--cui-primary-750));
    --cui-primary-bubble: light-dark(var(--cui-primary-600), var(--cui-primary-400));
    --cui-primary-bubble-hover: light-dark(var(--cui-primary-650), var(--cui-primary-350));
    --cui-primary-bubble-outline: light-dark(var(--cui-primary-800), var(--cui-primary-200));
    --cui-primary-bubble-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-bubble-foreground-variant: light-dark(var(--cui-primary-250), var(--cui-primary-750));
    --cui-primary-bubble-link: var(--cui-primary-300);
    --cui-primary-bubble-link-hover: var(--cui-primary-500);
    --cui-primary-bubble-link-foreground: var(--cui-primary-950);
    --cui-primary-bubble-link-foreground-hover: var(--cui-primary-975);
    --cui-primary-accent-background: var(--cui-primary-500);
    --cui-primary-accent-foreground-variant: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-link: var(--cui-primary-850);
    --cui-primary-link-hover: var(--cui-primary-500);
    --cui-primary-button: light-dark(var(--cui-primary-700), var(--cui-primary-300));
    --cui-primary-button-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-foreground-hover: light-dark(var(--cui-primary-50), var(--cui-primary-975));
    --cui-primary-button-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-button-hover: light-dark(var(--cui-primary-250), var(--cui-primary-250));
    --cui-primary-button-hover-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-hover-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-button-focus: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-button-focus-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-focus-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-input: var(--cui-primary-card);
    --cui-primary-input-foreground: var(--cui-primary-750);
    --cui-primary-input-outline: var(--cui-primary-500);
    --cui-primary-input-hover: light-dark(var(--cui-primary-25), var(--cui-primary-150));
    --cui-primary-input-hover-foreground: var(--cui-primary-950);
    --cui-primary-input-hover-outline: transparent;
    --cui-primary-input-placeholder: light-dark(var(--cui-primary-25), var(--cui-primary-100));
    --cui-primary-input-placeholder-foreground: var(--cui-primary-750);
    --cui-primary-input-placeholder-outline: transparent;
    --cui-primary-input-focus: var(--cui-primary-50);
    --cui-primary-input-focus-foreground: var(--cui-primary-950);
    --cui-primary-input-focus-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-input-active: var(--cui-primary-50);
    --cui-primary-input-active-foreground: var(--cui-primary-950);
    --cui-primary-input-active-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
  }
}
@layer base {
  :root {
    --cui-neutral: var(--cui-neutral-500);
    --cui-background: var(--cui-neutral-50);
    --cui-foreground: var(--cui-neutral-950);
    --cui-foreground-variant: var(--cui-neutral-700);
    --cui-foreground-subtle: var(--cui-neutral-500);
    --cui-foreground-muted: var(--cui-neutral-300);
    --cui-card: var(--cui-neutral-100);
    --cui-card-outline: var(--cui-neutral-100);
    --cui-card-foreground: var(--cui-neutral-850);
    --cui-card-foreground-variant: light-dark(var(--cui-neutral-250), var(--cui-neutral-750));
    --cui-bubble: light-dark(var(--cui-neutral-600), var(--cui-neutral-400));
    --cui-bubble-hover: light-dark(var(--cui-neutral-650), var(--cui-neutral-350));
    --cui-bubble-outline: light-dark(var(--cui-neutral-800), var(--cui-neutral-200));
    --cui-bubble-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-bubble-foreground-variant: light-dark(var(--cui-neutral-250), var(--cui-neutral-750));
    --cui-bubble-link: var(--cui-neutral-150);
    --cui-bubble-link-hover: var(--cui-neutral-200);
    --cui-bubble-link-foreground: var(--cui-neutral-750);
    --cui-bubble-link-foreground-hover: var(--cui-neutral-950);
    --cui-accent-background: var(--cui-neutral-500);
    --cui-accent-foreground-variant: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-link: var(--cui-neutral-750);
    --cui-link-hover: var(--cui-neutral-500);
    --cui-button: light-dark(var(--cui-neutral-700), var(--cui-neutral-300));
    --cui-button-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-foreground-hover: light-dark(var(--cui-neutral-25), var(--cui-neutral-975));
    --cui-button-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-button-hover: light-dark(var(--cui-neutral-250), var(--cui-neutral-250));
    --cui-button-hover-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-hover-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-button-focus: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-button-focus-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-focus-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-input: var(--cui-card);
    --cui-input-foreground: var(--cui-neutral-700);
    --cui-input-outline: var(--cui-neutral-500);
    --cui-input-hover: light-dark(var(--cui-neutral-25), var(--cui-neutral-150));
    --cui-input-hover-foreground: var(--cui-neutral-950);
    --cui-input-hover-outline: transparent;
    --cui-input-placeholder: light-dark(var(--cui-neutral-0), var(--cui-neutral-125));
    --cui-input-placeholder-foreground: var(--cui-neutral-700);
    --cui-input-placeholder-outline: transparent;
    --cui-input-focus: var(--cui-neutral-50);
    --cui-input-focus-foreground: var(--cui-neutral-950);
    --cui-input-focus-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-input-active: var(--cui-neutral-50);
    --cui-input-active-foreground: var(--cui-neutral-950);
    --cui-input-active-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
  }
}
@layer base {
  :root {
    --cui-accent: var(--cui-accent-500);
    --cui-accent-background: var(--cui-accent-50);
    --cui-accent-foreground: var(--cui-accent-950);
    --cui-accent-foreground-variant: var(--cui-accent-700);
    --cui-accent-foreground-subtle: var(--cui-accent-500);
    --cui-accent-foreground-muted: var(--cui-accent-300);
    --cui-accent-card: var(--cui-accent-125);
    --cui-accent-card-hover: var(--cui-accent-150);
    --cui-accent-card-outline: var(--cui-accent-100);
    --cui-accent-card-foreground: var(--cui-accent-850);
    --cui-accent-card-foreground-hover: var(--cui-accent-950);
    --cui-accent-card-foreground-variant: light-dark(var(--cui-accent-250), var(--cui-accent-750));
    --cui-accent-bubble: light-dark(var(--cui-accent-600), var(--cui-accent-400));
    --cui-accent-bubble-hover: light-dark(var(--cui-accent-650), var(--cui-accent-350));
    --cui-accent-bubble-outline: light-dark(var(--cui-accent-800), var(--cui-accent-200));
    --cui-accent-bubble-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-bubble-foreground-variant: light-dark(var(--cui-accent-250), var(--cui-accent-750));
    --cui-accent-bubble-link: var(--cui-accent-150);
    --cui-accent-bubble-link-hover: var(--cui-accent-200);
    --cui-accent-bubble-link-foreground: var(--cui-accent-750);
    --cui-accent-bubble-link-foreground-hover: var(--cui-accent-950);
    --cui-accent-accent-background: var(--cui-accent-500);
    --cui-accent-accent-foreground-variant: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-link: var(--cui-accent-750);
    --cui-accent-link-hover: var(--cui-accent-500);
    --cui-accent-button: var(--cui-accent-500);
    --cui-accent-button-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-button-hover: light-dark(var(--cui-accent-250), var(--cui-accent-250));
    --cui-accent-button-hover-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-hover-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-button-focus: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-button-focus-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-focus-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-input: var(--cui-accent-card);
    --cui-accent-input-foreground: var(--cui-accent-700);
    --cui-accent-input-outline: var(--cui-accent-500);
    --cui-accent-input-hover: light-dark(var(--cui-accent-25), var(--cui-accent-150));
    --cui-accent-input-hover-foreground: var(--cui-accent-950);
    --cui-accent-input-hover-outline: transparent;
    --cui-accent-input-placeholder: var(--cui-accent-card);
    --cui-accent-input-placeholder-foreground: var(--cui-accent-750);
    --cui-accent-input-placeholder-outline: transparent;
    --cui-accent-input-focus: var(--cui-accent-25);
    --cui-accent-input-focus-foreground: var(--cui-accent-950);
    --cui-accent-input-focus-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-input-active: var(--cui-accent-0);
    --cui-accent-input-active-foreground: var(--cui-accent-950);
    --cui-accent-input-active-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
  }
}
@supports not (color: color-mix(in oklab, white 50%, black)) {
  @layer components {
    :root {
      --base-background: oklch(0.94 0.002 275);
      --base-background-hover: oklch(0.88 0.04 275);
      --base-foreground: oklch(0.12 0.04 275);
      --base-foreground-variant: oklch(0.28 0.04 275);
      --base-foreground-subtle: oklch(0.44 0.04 275);
      --base-foreground-muted: oklch(0.6 0.04 275);
      --base-foreground-hover: oklch(0.06 0.04 275);
      --base-foreground-link: var(--cui-seed-color);
      --base-foreground-link-hover: var(--cui-seed-color);
      --base-host-background: var(--cui-seed-color);
      --base-host-background-hover: var(--cui-seed-color);
      --base-host-foreground: white;
      --base-host-foreground-hover: white;
      --base-host-foreground-link: white;
      --base-host-foreground-link-hover: white;
      --base-guest-background: oklch(0.84 0.004 275);
      --base-guest-background-hover: oklch(0.78 0.04 275);
      --base-guest-foreground: oklch(0.12 0.04 275);
      --base-guest-foreground-hover: oklch(0.06 0.04 275);
      --base-guest-foreground-link: var(--cui-seed-color);
      --base-guest-foreground-link-hover: var(--cui-seed-color);
      --base-button-background: var(--cui-seed-color);
      --base-button-background-hover: var(--cui-seed-color);
      --base-button-foreground: white;
      --base-button-foreground-hover: white;
      --base-button-outline: var(--cui-seed-color);
      --base-input-background: oklch(0.88 0.02 275);
      --base-input-background-hover: oklch(0.82 0.04 275);
      --base-input-foreground: oklch(0.12 0.04 275);
      --base-input-foreground-hover: oklch(0.06 0.04 275);
      --base-input-foreground-link: var(--cui-seed-color);
      --base-input-foreground-link-hover: var(--cui-seed-color);
      --cui-primary: var(--cui-seed-color);
      --cui-primary-bubble: var(--base-host-background);
      --cui-primary-bubble-hover: var(--base-host-background-hover);
      --cui-primary-bubble-outline: var(--base-foreground);
      --cui-primary-bubble-foreground: var(--base-host-foreground);
      --cui-primary-bubble-foreground-variant: var(--base-host-foreground-variant);
      --cui-primary-card-foreground-variant: var(--base-foreground-variant);
      --cui-primary-accent-foreground-variant: var(--base-foreground-variant);
      --cui-primary-button: var(--base-button-background);
      --cui-primary-button-foreground: var(--base-button-foreground);
      --cui-primary-button-foreground-hover: var(--base-button-foreground-hover);
      --cui-primary-button-foreground-hover-variant: var(--base-button-foreground-hover-variant);
      --cui-primary-button-outline: var(--base-button-outline);
      --cui-primary-button-hover: var(--base-button-background-hover);
      --cui-primary-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-primary-button-hover-outline: var(--base-button-outline);
      --cui-primary-button-focus: var(--base-button-background);
      --cui-primary-button-focus-foreground: var(--base-button-foreground);
      --cui-primary-button-focus-outline: var(--base-button-outline);
      --cui-primary-input-hover: var(--base-input-background-hover);
      --cui-primary-input-placeholder: var(--base-input-background);
      --cui-primary-input-focus-outline: var(--base-input-foreground-hover);
      --cui-primary-input-active-outline: var(--base-input-foreground-hover);
      --cui-input-hover: var(--base-input-background-hover);
      --cui-input-placeholder: var(--base-input-background);
      --cui-input-focus-outline: var(--base-input-foreground-hover);
      --cui-input-active-outline: var(--base-input-foreground-hover);
      --cui-card-foreground-variant: var(--base-foreground-variant);
      --cui-button: var(--base-button-background);
      --cui-button-foreground: var(--base-button-foreground);
      --cui-button-foreground-hover: var(--base-button-foreground-hover);
      --cui-button-outline: var(--base-button-outline);
      --cui-button-hover: var(--base-button-background-hover);
      --cui-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-button-hover-outline: var(--base-button-outline);
      --cui-button-focus: var(--base-button-background);
      --cui-button-focus-foreground: var(--base-button-foreground);
      --cui-button-focus-outline: var(--base-button-outline);
      --cui-accent-background: var(--base-foreground-subtle);
      --cui-accent-foreground-variant: var(--base-foreground-variant);
      --cui-accent-card-foreground-variant: var(--base-foreground-variant);
      --cui-accent-accent-foreground-variant: var(--base-foreground-variant);
      --cui-accent-button: var(--base-button-background);
      --cui-accent-button-foreground: var(--base-button-foreground);
      --cui-accent-button-outline: var(--base-button-outline);
      --cui-accent-button-hover: var(--base-button-background-hover);
      --cui-accent-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-accent-button-hover-outline: var(--base-button-outline);
      --cui-accent-button-focus: var(--base-button-background);
      --cui-accent-button-focus-foreground: var(--base-button-foreground);
      --cui-accent-button-focus-outline: var(--base-button-outline);
      --cui-accent-input: var(--base-input-background);
      --cui-accent-input-hover: var(--base-input-background-hover);
      --cui-accent-input-focus-outline: var(--base-input-foreground-hover);
      --cui-accent-input-active-outline: var(--base-input-foreground-hover);
      --cui-accent-input-active-foreground: var(--base-input-foreground-hover);
      --cui-accent-input-active-background: var(--base-input-background-hover);
      --cui-accent-bubble: var(--base-guest-background);
      --cui-accent-bubble-hover: var(--base-guest-background-hover);
      --cui-accent-bubble-outline: var(--base-guest-foreground);
      --cui-accent-bubble-foreground: var(--base-guest-foreground);
      --cui-accent-bubble-foreground-variant: var(--base-foreground-variant);
      --cui-neutral-bubble: var(--base-background-hover);
      --cui-neutral-bubble-hover: var(--base-background-hover);
      --cui-neutral-bubble-outline: var(--base-foreground);
      --cui-neutral-bubble-foreground: var(--base-background);
      --cui-neutral-bubble-foreground-variant: var(--base-foreground-variant);
      --cui-bubble-host-foreground: var(--base-host-foreground);
      --cui-bubble-host-background: var(--base-host-background);
      --cui-bubble-host-background-hover: var(--base-host-background-hover);
      --cui-bubble-guest-foreground: var(--base-guest-foreground);
      --cui-bubble-guest-background: var(--base-guest-background);
      --cui-bubble-guest-background-hover: var(--base-guest-background-hover);
      --cui-full-foreground: var(--base-foreground);
      --cui-full-background: var(--base-background);
      --cui-floating-foreground: var(--base-foreground);
      --cui-floating-background: var(--base-background);
      --cui-pinned-foreground: var(--base-foreground);
      --cui-pinned-background: var(--base-background);
      --cui-overlay-foreground: var(--base-foreground);
      --cui-minimized-foreground: var(--base-foreground);
      --cui-minimized-background: var(--base-background);
      --foreground: var(--base-foreground);
      --background: var(--base-background);
      --color-accent-input-placeholder: var(--base-input-background);
      --color-accent-input-placeholder-foreground: var(--base-foreground-muted);
    }
  }
}
@layer base {
  :root {
    --cui-breakpoint-xl: var(--mos-breakpoint-xl);
    --cui-breakpoint-lg: var(--mos-breakpoint-lg);
    --cui-breakpoint-md: var(--mos-breakpoint-md);
    --cui-breakpoint-sm: var(--mos-breakpoint-sm);
    --cui-breakpoint-xs: var(--mos-breakpoint-xs);
    --cui-transition-property: all;
    --cui-transition-duration: var(--mos-duration-slower);
    --cui-transition-timing: var(--mos-easing-out);
    --cui-transition: var(--cui-transition-property) var(--cui-transition-duration) var(--cui-transition-timing);
    --cui-font-family-sans: var(--mos-font-family-sans);
    --cui-font-family-serif: var(--mos-font-family-serif);
    --cui-font-family-mono: var(--mos-font-family-mono);
    --cui-font-family-display: var(--mos-font-display);
    --cui-font-family: var(--mos-font-family);
    --cui-shadow-xs: var(--mos-shadow-xs);
    --cui-shadow-sm: var(--mos-shadow-sm);
    --cui-shadow-md: var(--mos-shadow-md);
    --cui-shadow-lg: var(--mos-shadow-lg);
    --cui-shadow-xl: var(--mos-shadow-xl);
    --cui-radius-xl: var(--mos-radius-xl);
    --cui-radius-lg: var(--mos-radius-lg);
    --cui-radius-md: var(--mos-radius-md);
    --cui-radius-sm: var(--mos-radius-sm);
    --cui-radius-xs: var(--mos-radius-xs);
    --cui-radius-xxs: var(--mos-radius-xxs);
    --cui-radius-container: var(--cui-radius-xl);
    --cui-radius-container-left: var(--cui-radius-container);
    --cui-radius-container-top: var(--cui-radius-container);
    --cui-radius-container-right: var(--cui-radius-container);
    --cui-radius-container-bottom: var(--cui-radius-container);
    --cui-margin-container: 1rem;
    --cui-margin-container-left: var(--cui-margin-container);
    --cui-margin-container-top: var(--cui-margin-container);
    --cui-margin-container-right: var(--cui-margin-container);
    --cui-margin-container-bottom: var(--cui-margin-container);
    --mos-ring-default: oklch(0.708 0 0);
    --mos-ring-primary: var(--mos-primary-background);
    --mos-ring-destructive: var(--mos-destructive-background);
    --cui-border-emphasis: var(--mos-border-emphasis);
    --cui-border-default: var(--mos-border-default);
    --cui-border-subtle: var(--mos-border-subtle);
  }
}
@layer components {
  :root {
    --cui-transition-property: all;
    --cui-transition-duration: var(--mos-duration-slower);
    --cui-transition-timing: var(--mos-easing-out);
    --cui-transition: none;
    --cui-font-family: initial;
    --cui-font-size: var(--mos-text-size-sm);
    --cui-font-weight: var(--mos-font-weight-regular);
    --cui-font-style: normal;
    --cui-font-variant: normal;
    --cui-font-feature-settings: normal;
    --cui-font-line-height: var(--mos-font-line-height-normal);
    --cui-font-letter-spacing: var(--most-font-letter-spacing-slight);
    --cui-breakpoint-xl: 1280px;
    --cui-breakpoint-lg: 992px;
    --cui-breakpoint-md: 768px;
    --cui-breakpoint-sm: 478px;
    --cui-breakpoint-xs: 320px;
    --cui-breakpoint-xs-layout: "full";
    --cui-breakpoint-sm-layout: "full";
    --cui-breakpoint-md-layout: "full";
    --cui-breakpoint-lg-layout: "full";
    --cui-breakpoint-xl-layout: "full";
    --cui-width-max: 60rem;
    --cui-bubble-width-max: 65ch;
    --cui-bubble-foreground: var(--cui-foreground);
    --cui-bubble-border-radius: 1rem;
    --cui-bubble-border-radius-tip: 0.25rem;
    --cui-bubble-margin: 0rem;
    --cui-bubble-margin-left: 0rem;
    --cui-bubble-margin-top: 0rem;
    --cui-bubble-margin-bottom: 0rem;
    --cui-bubble-margin-right: 0rem;
    --cui-bubble-padding: 0.75rem;
    --cui-bubble-padding-left: 0.75rem;
    --cui-bubble-padding-top: 0.5rem;
    --cui-bubble-padding-bottom: 0.5rem;
    --cui-bubble-padding-right: 0.75rem;
    --cui-bubble-host-width: 2.5rem;
    --cui-bubble-host-foreground: var(--cui-primary-bubble-foreground);
    --cui-bubble-host-background: var(--cui-primary-bubble);
    --cui-bubble-host-background-hover: var(--cui-primary-bubble-hover);
    --cui-bubble-guest-foreground: var(--cui-accent-card-foreground);
    --cui-bubble-guest-background: var(--cui-accent-card);
    --cui-bubble-guest-background-hover: var(--cui-accent-card-hover);
    --cui-full-foreground: var(--cui-foreground);
    --cui-full-background: var(--cui-background);
    --cui-full-margin: 0rem;
    --cui-full-margin-left: 0rem;
    --cui-full-margin-top: 0rem;
    --cui-full-margin-bottom: 0rem;
    --cui-full-margin-right: 0rem;
    --cui-full-padding: 0rem;
    --cui-full-padding-left: 0rem;
    --cui-full-padding-top: 0rem;
    --cui-full-padding-bottom: 0rem;
    --cui-full-padding-right: 0rem;
    --cui-full-shadow: none;
    --cui-floating-foreground: var(--cui-foreground);
    --cui-floating-background: var(--cui-background);
    --cui-floating-radius: var(--cui-radius-xl);
    --cui-floating-margin: 1rem;
    --cui-floating-margin-left: 1rem;
    --cui-floating-margin-top: 1rem;
    --cui-floating-margin-bottom: 1rem;
    --cui-floating-margin-right: 1rem;
    --cui-floating-padding: 0rem;
    --cui-floating-padding-left: 0rem;
    --cui-floating-padding-top: 0rem;
    --cui-floating-padding-bottom: 0rem;
    --cui-floating-padding-right: 0rem;
    --cui-floating-width-min: 24rem;
    --cui-floating-width-max: 28rem;
    --cui-floating-width: clamp(
      var(--cui-floating-width-min),
      var(--cui-floating-width-max),
      calc(100svw - (var(--cui-floating-margin-left) + var(--cui-floating-margin-right)))
    );
    --cui-floating-height-min: 12rem;
    --cui-floating-height-max: 64rem;
    --cui-floating-height: clamp(
      var(--cui-floating-height-min),
      var(--cui-floating-height-max),
      calc(100svh - (var(--cui-floating-margin-top) + var(--cui-floating-margin-bottom)))
    );
    --cui-floating-shadow: var(--cui-shadow-xl);
    --cui-pinned-foreground: var(--cui-foreground);
    --cui-pinned-background: var(--cui-background);
    --cui-pinned-width-min: 24rem;
    --cui-pinned-width-max: 28rem;
    --cui-pinned-width: clamp(
      var(--cui-pinned-width-min),
      var(--cui-pinned-width-max),
      100svw
    );
    --cui-pinned-padding: 1rem;
    --cui-pinned-padding-left: 1rem;
    --cui-pinned-padding-top: 1rem;
    --cui-pinned-padding-bottom: 1rem;
    --cui-pinned-padding-right: 1rem;
    --cui-pinned-shadow: var(--cui-shadow-xl);
    --cui-overlay-foreground: var(--cui-foreground);
    --cui-overlay-background: transparent;
    --cui-overlay-height-min: 12rem;
    --cui-overlay-height-max: 28rem;
    --cui-overlay-height: clamp(
      var(--cui-overlay-height-min),
      var(--cui-overlay-height-max),
      100svh
    );
    --cui-overlay-padding: 1rem;
    --cui-overlay-padding-left: 1rem;
    --cui-overlay-padding-top: 1rem;
    --cui-overlay-padding-bottom: 1rem;
    --cui-overlay-padding-right: 1rem;
    --cui-overlay-shadow: var(--cui-shadow-xl);
    --cui-minimized-foreground: var(--cui-foreground);
    --cui-minimized-background: var(--cui-background);
    --cui-minimized-shadow: var(--cui-shadow-lg);
    --cui-minimized-size: 4rem;
    --cui-minimized-margin-left: 1rem;
    --cui-minimized-margin-top: 1rem;
    --cui-minimized-margin-bottom: 1rem;
    --cui-minimized-margin-right: 1rem;
    --cui-seed-color: #103a50;
    --cui-seed-chroma-relative-primary: var(--mos-seed-chroma-relative-primary);
    --cui-seed-chroma-relative-neutral: var(--mos-seed-chroma-relative-neutral);
    --cui-seed-chroma-relative-accent: var(--mos-seed-chroma-relative-accent);
    --cui-seed-chroma-relative-dark: var(--mos-seed-chroma-relative-dark);
    --cui-seed-lightness-min: var(--mos-seed-lightness-min);
    --cui-seed-lightness-max: var(--mos-seed-lightness-max);
    --cui-raw-primary-light: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-primary-dark: oklch(from var(--cui-raw-primary-light) l c h);
    --cui-raw-primary-c-max: var(--cui-seed-chroma-relative-primary);
    --cui-raw-primary-l-min: var(--cui-seed-lightness-min);
    --cui-raw-primary-l-max: var(--cui-seed-lightness-max);
    --cui-raw-primary-c-max-dark: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-primary-l-min-dark: var(--cui-raw-primary-l-min);
    --cui-raw-primary-l-max-dark: var(--cui-raw-primary-l-max);
    --cui-raw-accent-light: oklch(from var(--cui-raw-accent) l c h);
    --cui-raw-accent-dark: oklch(from var(--cui-raw-accent-light) l c h);
    --cui-raw-accent-c-max: var(--cui-seed-chroma-relative-accent);
    --cui-raw-accent-l-min: var(--cui-seed-lightness-min);
    --cui-raw-accent-l-max: var(--cui-seed-lightness-max);
    --cui-raw-accent-c-max-dark: calc(var(--cui-raw-accent-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-accent-l-min-dark: var(--cui-raw-accent-l-min);
    --cui-raw-accent-l-max-dark: var(--cui-raw-accent-l-max);
    --cui-raw-neutral-light: oklch(from var(--cui-raw-neutral) l c h);
    --cui-raw-neutral-dark: oklch(from var(--cui-raw-neutral-light) l c h);
    --cui-raw-neutral-c-max: var(--cui-seed-chroma-relative-neutral);
    --cui-raw-neutral-l-min: var(--cui-seed-lightness-min);
    --cui-raw-neutral-l-max: var(--cui-seed-lightness-max);
    --cui-raw-neutral-c-max-dark: calc(var(--cui-raw-neutral-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-neutral-l-min-dark: var(--cui-raw-neutral-l-min);
    --cui-raw-neutral-l-max-dark: var(--cui-raw-neutral-l-max);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  75% {
    transform: translateY(0);
  }
}
body {
  display: block;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer base {
  :root {
    --color-transparent:                transparent;
    --color-current:                    currentColor;

    --mos-seed-color-scheme:            light dark;
    --mos-seed-color-royal-ebony:       oklch(0.610 0.0392 35.0);
    --mos-seed-color-gilded-caramel:    oklch(0.7175 0.080 80.0);
    --mos-seed-color-opulent-indigo:    oklch(0.640 0.076 295.0);
    --mos-seed-color-velvet-moss:       oklch(0.645 0.056 145.0);
    --mos-seed-color-pearl-blush:       oklch(0.750 0.0352 18.0);
    --mos-seed-color-luxe-sapphire:     oklch(0.631 0.068 256.0);
    --mos-seed-color-midnight-plume:    oklch(0.615 0.032 265.0);
    --mos-seed-color-regal-amber:       oklch(0.735 0.084 75.0);
    --mos-seed-color-crimson-velour:    oklch(0.670 0.096 28.0);
    --mos-seed-color-titanium-slate:    oklch(0.640 0.028 295.0);
    --mos-seed-color-mink-espresso:     oklch(0.605 0.032 28.0);
    --mos-seed-color-eclipse-olive:     oklch(0.610 0.048 125.0);
    --mos-seed-color-onyx-royale:       oklch(0.605 0.0304 270.0);
    --mos-seed-color-marble-dust:       oklch(0.7575 0.0184 60.0);
    --mos-seed-color-rose-quartz:       oklch(0.7275 0.076 25.0);
    --mos-seed-color-taupe-chateau:     oklch(0.7125 0.024 55.0);
    --mos-seed-color-gold-mirage:       oklch(0.740 0.096 87.0);
    --mos-seed-color-platinum-haze:     oklch(0.760 0.020 100.0);
    --mos-seed-color-burnished-emerald: oklch(0.6525 0.0816 145.0);
    --mos-seed-color-celestial-blue:    oklch(0.7075 0.0864 250.0);
    --mos-seed-color-amber-champagne:   oklch(0.7525 0.0736 85.0);
    --mos-seed-color-graphite-fig:      oklch(0.640 0.024 335.0);
    --mos-seed-color-sable-cashmere:    oklch(0.6325 0.036 65.0);
    --mos-seed-color-obsidian-mocha:    oklch(0.610 0.032 38.0);
    --mos-seed-color-sound-view:        oklch(0.7145 0.2032 24.12);
    --mos-seed-color-maison:            oklch(0.418813 0.106636 275);
    --mos-seed-color:                   var(--mos-seed-color-maison);

    --mos-seed-chroma-relative-primary: 0.75;
    --mos-seed-chroma-relative-neutral: 0.25;
    --mos-seed-chroma-relative-accent:  0.5;
    --mos-seed-chroma-relative-dark:    0.75;
    --mos-seed-lightness-min:           0.20;
    --mos-seed-lightness-max:           1;
    --mos-seed-lightness-delta:         calc(var(--mos-seed-lightness-max) - var(--mos-seed-lightness-min));

    /* Breakpoints */

    --mos-breakpoint-xl:                1280px;
    --mos-breakpoint-lg:                992px;
    --mos-breakpoint-md:                768px;
    --mos-breakpoint-sm:                478px;
    --mos-breakpoint-xs:                320px;

    /* Units */

    --mos-unit:                         0.25rem;
    --mos-unit-huge:                    calc(var(--mos-unit) * 9);
    --mos-unit-xxl:                     calc(var(--mos-unit) * 6);
    --mos-unit-xl:                      calc(var(--mos-unit) * 5);
    --mos-unit-lg:                      calc(var(--mos-unit) * 4);
    --mos-unit-md:                      calc(var(--mos-unit) * 3);
    --mos-unit-sm:                      calc(var(--mos-unit) * 2);
    --mos-unit-xs:                      calc(var(--mos-unit) * 1);
    --mos-unit-xxs:                     calc(var(--mos-unit) * 0.5);
    --mos-unit-tiny:                    calc(var(--mos-unit) * 0.25);

    /* Border Radius Scale */

    --mos-radius-huge:                  6.000000rem;
    --mos-radius-xxl:                   4.00000rem;
    --mos-radius-xl:                    2.5000rem;
    --mos-radius-lg:                    1.000rem;
    --mos-radius-md:                    0.75rem;
    --mos-radius-sm:                    0.5rem;
    --mos-radius-xs:                    0.25rem;
    --mos-radius-xxs:                   0.125rem;
    --mos-radius-tiny:                  0.0625rem;
    --mos-radius-none:                  0.00000rem;

    /* Padding */

    --mos-padding-huge:                 var(--mos-unit-huge);
    --mos-padding-xxl:                  var(--mos-unit-xxl);
    --mos-padding-xl:                   var(--mos-unit-xl);
    --mos-padding-lg:                   var(--mos-unit-lg);
    --mos-padding-md:                   var(--mos-unit-md);
    --mos-padding-sm:                   var(--mos-unit-sm);
    --mos-padding-xs:                   var(--mos-unit-xs);
    --mos-padding-xxs:                  var(--mos-unit-xxs);
    --mos-padding-tiny:                 var(--mos-unit-tiny);

    /* Margin */

    --mos-margin-huge:                  var(--mos-unit-huge);
    --mos-margin-xxl:                   var(--mos-unit-xxl);
    --mos-margin-xl:                    var(--mos-unit-xl);
    --mos-margin-lg:                    var(--mos-unit-lg);
    --mos-margin-md:                    var(--mos-unit-md);
    --mos-margin-sm:                    var(--mos-unit-sm);
    --mos-margin-xs:                    var(--mos-unit-xs);
    --mos-margin-xxs:                   var(--mos-unit-xxs);
    --mos-margin-tiny:                  var(--mos-unit-tiny);

    /* Durations */

    --mos-duration-instant:             0ms;
    --mos-duration-fastest:             150ms;
    --mos-duration-fast:                225ms;
    --mos-duration-slow:                450ms;
    --mos-duration-slower:              900ms;
    --mos-duration-slowest:             1800ms;
    --mos-duration:                     var(--mos-duration-fast);

    /* Easing */

    --mos-easing-in:                    cubic-bezier(0.55, 0, 1, 0.45);
    --mos-easing-out:                   cubic-bezier(0, 0.55, 0.45, 1);
    --mos-easing-in-out:                cubic-bezier(0.85, 0, 0.15, 1);
    --mos-easing:                       var(--mos-easing-out);

    /* Transitions */

    --mos-transition-property:          all;
    --mos-transition-duration:          var(--mos-duration);
    --mos-transition-timing:            var(--mos-easing);
    --mos-transition:                   var(--mos-transition-property) var(--mos-transition-duration) var(--mos-transition-timing);

    /* Spacing (for gap, grid, etc.) */

    --mos-gap-xl:                       var(--mos-unit-xl);
    --mos-gap-lg:                       var(--mos-unit-lg);
    --mos-gap-md:                       var(--mos-unit-md);
    --mos-gap-sm:                       var(--mos-unit-sm);
    --mos-gap-xs:                       var(--mos-unit-xs);
    --mos-gap-xxs:                      var(--mos-unit-xxs);

    /* Typography */

    --mos-font-family-sans:             sans-serif;
    --mos-font-family-serif:            Georgia, serif;
    --mos-font-family-mono:             monospace;
    --mos-font-family-display:          var(--mos-font-sans);
    --mos-font-family:                  var(--mos-font-family-sans);

    /* Font weight */
    --mos-font-weight-regular:          400;
    --mos-font-weight-medium:           500;
    --mos-font-weight-semibold:         600;
    --mos-font-weight-bold:             700;

    --mos-font-feature-settings-oldstyle:   "pnum" on, "onum" on;
    --mos-font-feature-settings-tabular:    "tnum" on, "lnum" on;
    --mos-font-feature-settings-smallcaps:  "smcp" on, "c2sc" on;
    --mos-font-feature-settings-ligatures:  "dlig" on;
    --mos-font-feature-settings-style1:     "ss01" on;
    --mos-font-feature-settings-mono:       "zero" on, "liga" off, "calt" off;
    --mos-font-feature-settings-normal:     normal;
    --mos-font-feature-settings:            var(--mos-font-feature-settings-normal);

    --mos-font-line-height-tight:       1.1;
    --mos-font-line-height-snug:        1.25;
    --mos-font-line-height-normal:      1.5;
    --mos-font-line-height-relaxed:     1.75;
    --mos-font-line-height-loose:       2;
    --mos-font-line-height-heading:     1.2;
    --mos-font-line-height-body:        1.6;
    --mos-font-line-height-code:        1.4;
    --mos-font-line-height:             var(--mos-font-line-height-normal);

    --most-font-letter-spacing-tight: -0.02em;
    --most-font-letter-spacing-snug: -0.01em;
    --most-font-letter-spacing-normal: 0em;
    --most-font-letter-spacing-slight: 0.01em;
    --most-font-letter-spacing-medium: 0.025em;
    --most-font-letter-spacing-semiwide: 0.04em;
    --most-font-letter-spacing-wide: 0.05em;
    --most-font-letter-spacing-wider: 0.1em;
    --most-font-letter-spacing-widest: 0.25em;
    --most-font-letter-spacing-heading: -0.015em;
    --most-font-letter-spacing-body: 0.01em;
    --most-font-letter-spacing-uppercase: 0.08em;
    --most-font-letter-spacing: var(--most-font-letter-spacing-normal);

    --mos-text-transform-uppercase: uppercase;
    --mos-text-transform-lowercase: lowercase;
    --mos-text-transform-capitalize: capitalize;
    --mos-text-transform-title: capitalize;
    --mos-text-transform: none;

    --most-font-variant-normal: normal;
    --most-font-variant-small-caps: small-caps;
    --most-font-variant-all-small-caps: all-small-caps;
    --most-font-variant-petite-caps: petite-caps;
    --most-font-variant-all-petite-caps: all-petite-caps;
    --most-font-variant-unicase: unicase;
    --most-font-variant-titling-caps: titling-caps;
    --most-font-variant-oldstyle-nums: oldstyle-nums;
    --most-font-variant-lining-nums: lining-nums;
    --most-font-variant-tabular-nums: tabular-nums;
    --most-font-variant-proportional-nums: proportional-nums;
    --most-font-variant: var(--most-font-variant-normal);

    /* Font size */
    --mos-text-size-tiny:               0.625rem;
    --mos-text-size-xxs:                0.75rem;
    --mos-text-size-xs:                 0.875rem;
    --mos-text-size-sm:                 1.0rem;
    --mos-text-size-md:                 1.125rem;
    --mos-text-size-lg:                 1.25rem;
    --mos-text-size-xl:                 1.5rem;
    --mos-text-size-xxl:                2.0rem;
    --mos-text-size-huge:               2.5rem;

    /* Font size */
    --mos-heading-size-xxs:             1.0rem;
    --mos-heading-size-xs:              1.125rem;
    --mos-heading-size-sm:              1.25rem;
    --mos-heading-size-md:              1.5rem;
    --mos-heading-size-lg:              1.75rem;
    --mos-heading-size-xl:              2.5rem;
    --mos-heading-size-xxl:             4.0rem;
    --mos-heading-size-huge:            6.0rem;

    /* Ring */

    /* Ring width (thickness) */

    --mos-ring-width-xxs:               1px;
    --mos-ring-width-xs:                2px;
    --mos-ring-width-sm:                3px;
    --mos-ring-width-md:                4px;
    --mos-ring-width-lg:                6px;
    --mos-ring-width-xl:                8px;

    /* Ring color (neutral and semantic) */

    --mos-ring-color-default:           oklch(from currentColor calc(l * .875) 0 h);
    --mos-ring-color-primary:           var(--mos-color-primary-500);
    --mos-ring-color-success:           var(--mos-color-success-500);
    --mos-ring-color-warning:           var(--mos-color-warning-500);
    --mos-ring-color-danger:            var(--mos-color-critical-500);
    --mos-ring-color-focus:             var(--mos-color-primary-500); /* or a specific focus color */

    /* Ring offset (space between element and ring) */

    --mos-ring-offset-xxs:              1px;
    --mos-ring-offset-xs:               2px;
    --mos-ring-offset-sm:               4px;
    --mos-ring-offset-md:               6px;
    --mos-ring-offset-lg:               8px;
    --mos-ring-offset-xl:               12px;

    /* Border */

    --mos-border-width-none:            0px;
    --mos-border-width-xxs:             1px;
    --mos-border-width-xs:              2px;
    --mos-border-width-sm:              3px;
    --mos-border-width-md:              4px;
    --mos-border-width-lg:              6px;
    --mos-border-width-xl:              8px;

    --mos-border-style-solid:           solid;
    --mos-border-style-dashed:          dashed;
    --mos-border-style-dotted:          dotted;
    --mos-border-style-none:            none;

    --mos-border-emphasis:              oklch(from currentColor l calc(c * .875) h / 1);
    --mos-border-default:               oklch(from currentColor l calc(c * .750) h / .66);
    --mos-border-subtle:                oklch(from currentColor l calc(c * .625) h / .33);

    --mos-border:                       var(--mos-border-width-xxs) var(--mos-border-style-solid) var(--mos-border-default);

    /* Shadow */

    --mos-shadow-xs:                    0 1px 2px 0 rgba(0,0,0,0.05);
    --mos-shadow-sm:                    0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
    --mos-shadow-md:                    0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --mos-shadow-lg:                    0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --mos-shadow-xl:                    0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);

    /* Shad CN Properties */

    /* Destructive/Error Colors */

    --mos-destructive-background: oklch(0.577 0.245 27.325);
    --mos-destructive-foreground: oklch(0.985 0 0);
    --mos-destructive-hover: oklch(0.527 0.245 27.325);
    --mos-destructive-active: oklch(0.477 0.245 27.325);

    /* Success Colors */

    --mos-success-background: oklch(0.6 0.18 142);
    --mos-success-foreground: oklch(0.985 0 0);

    /* Warning Colors */

    --mos-warning-background: oklch(0.75 0.15 70);
    --mos-warning-foreground: oklch(0.145 0 0);

    --mos-muted-background: oklch(0.97 0 0);
    --mos-muted-foreground: oklch(0.556 0 0);

    --mos-popover-background: oklch(0.99 0 0);
    --mos-popover-foreground: oklch(0.145 0 0);

    --mos-skeleton: oklch(0.255 0 0);
    --mos-skeleton-shimmer: oklch(0.306 0 0);

    --mos-sidebar-background: oklch(0.145 0 0);
    --mos-sidebar-foreground: oklch(0.985 0 0);
    --mos-sidebar-primary: oklch(0.985 0 0);
    --mos-sidebar-primary-foreground: oklch(0.145 0 0);
    --mos-sidebar-accent: oklch(0.255 0 0);
    --mos-sidebar-accent-foreground: oklch(0.985 0 0);
    --mos-sidebar-border: oklch(0.306 0 0);

    /* Typography */


  }
}

/*--------------------------------------------------

Maison UI Custom Color Setup
- Use this to generate the base palette. Examples:
  SlateBlue
  #6A5ACD;
  #6A5ACDFF;
  rgb(106, 90, 205);
  rgb(41.6%, 35.3%, 80.4%);
  rgba(106, 90, 205, 1);
  rgb(106 90 205 / 1);
  hsl(248deg 53% 58%);
  hsla(248, 53%, 58%, 1);
  hsl(248deg 53% 58% / 1);
  hwb(248deg 35% 20%);
  lab(45.34% 36.04 -57.77);
  lch(45.34% 68.09 301.96deg);
  oklab(0.5436 0.0459 -0.1650);
  oklch(0.5436 0.1712 285.54deg);
  color(srgb 0.416 0.353 0.804);
  color(srgb 0.416 0.353 0.804 / 1);
  color(display-p3 0.5 0.4 0.9);

  --------------------------------------------------*/

@layer base {
  :root {
    /* CUI COLOR SEED TOKENS */
    --cui-seed-color-scheme: var(--mos-seed-color-scheme);
    --cui-seed-color: #103a50;

    --cui-seed-chroma-relative-primary: var(--mos-seed-chroma-relative-primary);
    --cui-seed-chroma-relative-neutral: var(--mos-seed-chroma-relative-neutral);
    --cui-seed-chroma-relative-accent: var(--mos-seed-chroma-relative-accent);
    --cui-seed-chroma-relative-dark: var(--mos-seed-chroma-relative-dark);

    --cui-seed-lightness-min: var(--mos-seed-lightness-min);
    --cui-seed-lightness-max: var(--mos-seed-lightness-max);
    --cui-seed-lightness-delta: calc(var(--cui-seed-lightness-max) - var(--cui-seed-lightness-min));
  }
}

@layer base {
  :root {
    color-scheme: var(--cui-seed-color-scheme);
    /* PRIMARY COLOR TOKENS */
    --cui-raw-primary: oklch(from var(--cui-seed-color) l c h);
    --cui-raw-primary-light: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-primary-dark: oklch(from var(--cui-raw-primary-light) l c h);

    --cui-raw-primary-scheme: light-dark(var(--cui-raw-primary-light), var(--cui-raw-primary-dark));

    --cui-raw-primary-c-max: var(--cui-seed-chroma-relative-primary);
    --cui-raw-primary-l-min: var(--cui-seed-lightness-min);
    --cui-raw-primary-l-max: var(--cui-seed-lightness-max);
    --cui-raw-primary-l-delta: calc(var(--cui-raw-primary-l-max) - var(--cui-raw-primary-l-min));

    --cui-raw-primary-c-max-dark: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-primary-l-min-dark: var(--cui-raw-primary-l-min);
    --cui-raw-primary-l-max-dark: var(--cui-raw-primary-l-max);
    --cui-raw-primary-l-delta-dark: calc(
      var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max)) - var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min))
    );

    /* NEUTRAL COLOR TOKENS */
    --cui-raw-neutral: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-neutral-light: oklch(from var(--cui-raw-neutral) l c h);
    --cui-raw-neutral-dark: oklch(from var(--cui-raw-neutral-light) l c h);

    --cui-raw-neutral-scheme: light-dark(var(--cui-raw-neutral-light), var(--cui-raw-neutral-dark));

    --cui-raw-neutral-c-max: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-neutral));
    --cui-raw-neutral-l-min: var(--cui-raw-primary-l-min);
    --cui-raw-neutral-l-max: var(--cui-raw-primary-l-max);
    --cui-raw-neutral-l-delta: calc(var(--cui-raw-neutral-l-max) - var(--cui-raw-neutral-l-min));

    --cui-raw-neutral-c-max-dark: var(--cui-raw-neutral-c-max);
    --cui-raw-neutral-c-max-dark: calc(var(--cui-raw-neutral-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-neutral-l-min-dark: var(--cui-raw-neutral-l-min);
    --cui-raw-neutral-l-max-dark: var(--cui-raw-neutral-l-max);
    --cui-raw-neutral-l-delta-dark: calc(
      var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max)) - var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min))
    );

    /* ACCENT COLOR TOKENS */

    --cui-raw-accent: oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-accent-light: oklch(from var(--cui-raw-accent) l c h);
    --cui-raw-accent-dark: oklch(from var(--cui-raw-accent-light) l c h);

    --cui-raw-accent-scheme: light-dark(var(--cui-raw-accent-light), var(--cui-raw-accent-dark));

    --cui-raw-accent-c-max: calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-accent));
    --cui-raw-accent-l-min: var(--cui-raw-primary-l-min);
    --cui-raw-accent-l-max: var(--cui-raw-primary-l-max);
    --cui-raw-accent-l-delta: calc(var(--cui-raw-accent-l-max) - var(--cui-raw-accent-l-min));

    --cui-raw-accent-c-max-dark: calc(var(--cui-raw-accent-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-accent-l-min-dark: var(--cui-raw-accent-l-min);
    --cui-raw-accent-l-max-dark: var(--cui-raw-accent-l-max);
    --cui-raw-accent-l-delta-dark: calc(
      var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max)) - var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min))
    );
  }
}

@layer base {
  :root {
    --cui-raw-primary-mid: light-dark(
      oklch(
        from var(--cui-raw-primary-scheme)
          calc(var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)) + l * var(--cui-raw-primary-l-delta-dark, var(--cui-raw-primary-l-delta)) / 2)
          calc(c * var(--cui-raw-primary-c-max)) h
      ),
      oklch(
        from var(--cui-raw-primary-scheme)
          calc(var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)) + l * var(--cui-raw-primary-l-delta-dark, var(--cui-raw-primary-l-delta)) / 2)
          calc(c * var(--cui-raw-primary-c-max-dark, var(--cui-raw-primary-c-max))) h
      )
    );

    --cui-raw-primary-tint: light-dark(
      oklch(from var(--cui-raw-primary-mid) var(--cui-raw-primary-l-max) calc(c - var(--cui-raw-primary-l-max) * c) h),
      oklch(
        from var(--cui-raw-primary-mid) var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max))
          calc(c - var(--cui-raw-primary-l-max-dark, var(--cui-raw-primary-l-max)) * c) h
      )
    );

    --cui-raw-primary-shade: light-dark(
      oklch(from var(--cui-raw-primary-mid) calc(l * var(--cui-raw-primary-l-min)) calc(c * var(--cui-raw-primary-l-min)) h),
      oklch(
        from var(--cui-raw-primary-mid) calc(l * var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min)))
          calc(c * var(--cui-raw-primary-l-min-dark, var(--cui-raw-primary-l-min))) h
      )
    );

    --cui-raw-primary-0: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0) * 100%));
    --cui-raw-primary-25: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.025) * 100%));
    --cui-raw-primary-50: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.05) * 100%));
    --cui-raw-primary-75: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.075) * 100%));
    --cui-raw-primary-100: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.1) * 100%));
    --cui-raw-primary-125: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.125) * 100%));
    --cui-raw-primary-150: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.15) * 100%));
    --cui-raw-primary-175: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.175) * 100%));
    --cui-raw-primary-200: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.2) * 100%));
    --cui-raw-primary-225: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.225) * 100%));
    --cui-raw-primary-250: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.25) * 100%));
    --cui-raw-primary-275: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.275) * 100%));
    --cui-raw-primary-300: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.3) * 100%));
    --cui-raw-primary-325: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.325) * 100%));
    --cui-raw-primary-350: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.35) * 100%));
    --cui-raw-primary-375: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.375) * 100%));
    --cui-raw-primary-400: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.4) * 100%));
    --cui-raw-primary-425: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.425) * 100%));
    --cui-raw-primary-450: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.45) * 100%));
    --cui-raw-primary-475: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.475) * 100%));
    --cui-raw-primary-500: color-mix(in oklch, var(--cui-raw-primary-tint), var(--cui-raw-primary-mid) calc(sin(pi * 0.5) * 100%));
    --cui-raw-primary-525: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.525) * 100%));
    --cui-raw-primary-550: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.55) * 100%));
    --cui-raw-primary-575: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.575) * 100%));
    --cui-raw-primary-600: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.6) * 100%));
    --cui-raw-primary-625: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.625) * 100%));
    --cui-raw-primary-650: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.65) * 100%));
    --cui-raw-primary-675: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.675) * 100%));
    --cui-raw-primary-700: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.7) * 100%));
    --cui-raw-primary-725: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.725) * 100%));
    --cui-raw-primary-750: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.75) * 100%));
    --cui-raw-primary-775: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.775) * 100%));
    --cui-raw-primary-800: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.8) * 100%));
    --cui-raw-primary-825: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.825) * 100%));
    --cui-raw-primary-850: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.85) * 100%));
    --cui-raw-primary-875: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.875) * 100%));
    --cui-raw-primary-900: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.9) * 100%));
    --cui-raw-primary-925: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.925) * 100%));
    --cui-raw-primary-950: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.95) * 100%));
    --cui-raw-primary-975: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 0.975) * 100%));
    --cui-raw-primary-1000: color-mix(in oklch, var(--cui-raw-primary-shade), var(--cui-raw-primary-mid) calc(sin(pi * 1) * 100%));

    --cui-primary: light-dark(var(--cui-raw-primary-500), var(--cui-raw-primary-500));
    --cui-primary-0: light-dark(var(--cui-raw-primary-0), var(--cui-raw-primary-1000));
    --cui-primary-25: light-dark(var(--cui-raw-primary-25), var(--cui-raw-primary-975));
    --cui-primary-50: light-dark(var(--cui-raw-primary-50), var(--cui-raw-primary-950));
    --cui-primary-75: light-dark(var(--cui-raw-primary-75), var(--cui-raw-primary-925));
    --cui-primary-100: light-dark(var(--cui-raw-primary-100), var(--cui-raw-primary-900));
    --cui-primary-125: light-dark(var(--cui-raw-primary-125), var(--cui-raw-primary-875));
    --cui-primary-150: light-dark(var(--cui-raw-primary-150), var(--cui-raw-primary-850));
    --cui-primary-175: light-dark(var(--cui-raw-primary-175), var(--cui-raw-primary-825));
    --cui-primary-200: light-dark(var(--cui-raw-primary-200), var(--cui-raw-primary-800));
    --cui-primary-225: light-dark(var(--cui-raw-primary-225), var(--cui-raw-primary-775));
    --cui-primary-250: light-dark(var(--cui-raw-primary-250), var(--cui-raw-primary-750));
    --cui-primary-275: light-dark(var(--cui-raw-primary-275), var(--cui-raw-primary-725));
    --cui-primary-300: light-dark(var(--cui-raw-primary-300), var(--cui-raw-primary-700));
    --cui-primary-325: light-dark(var(--cui-raw-primary-325), var(--cui-raw-primary-675));
    --cui-primary-350: light-dark(var(--cui-raw-primary-350), var(--cui-raw-primary-650));
    --cui-primary-375: light-dark(var(--cui-raw-primary-375), var(--cui-raw-primary-625));
    --cui-primary-400: light-dark(var(--cui-raw-primary-400), var(--cui-raw-primary-600));
    --cui-primary-425: light-dark(var(--cui-raw-primary-425), var(--cui-raw-primary-575));
    --cui-primary-450: light-dark(var(--cui-raw-primary-450), var(--cui-raw-primary-550));
    --cui-primary-475: light-dark(var(--cui-raw-primary-475), var(--cui-raw-primary-525));
    --cui-primary-500: light-dark(var(--cui-raw-primary-500), var(--cui-raw-primary-500));
    --cui-primary-525: light-dark(var(--cui-raw-primary-525), var(--cui-raw-primary-475));
    --cui-primary-550: light-dark(var(--cui-raw-primary-550), var(--cui-raw-primary-450));
    --cui-primary-575: light-dark(var(--cui-raw-primary-575), var(--cui-raw-primary-425));
    --cui-primary-600: light-dark(var(--cui-raw-primary-600), var(--cui-raw-primary-400));
    --cui-primary-625: light-dark(var(--cui-raw-primary-625), var(--cui-raw-primary-375));
    --cui-primary-650: light-dark(var(--cui-raw-primary-650), var(--cui-raw-primary-350));
    --cui-primary-675: light-dark(var(--cui-raw-primary-675), var(--cui-raw-primary-325));
    --cui-primary-700: light-dark(var(--cui-raw-primary-700), var(--cui-raw-primary-300));
    --cui-primary-725: light-dark(var(--cui-raw-primary-725), var(--cui-raw-primary-275));
    --cui-primary-750: light-dark(var(--cui-raw-primary-750), var(--cui-raw-primary-250));
    --cui-primary-775: light-dark(var(--cui-raw-primary-775), var(--cui-raw-primary-225));
    --cui-primary-800: light-dark(var(--cui-raw-primary-800), var(--cui-raw-primary-200));
    --cui-primary-825: light-dark(var(--cui-raw-primary-825), var(--cui-raw-primary-175));
    --cui-primary-850: light-dark(var(--cui-raw-primary-850), var(--cui-raw-primary-150));
    --cui-primary-875: light-dark(var(--cui-raw-primary-875), var(--cui-raw-primary-125));
    --cui-primary-900: light-dark(var(--cui-raw-primary-900), var(--cui-raw-primary-100));
    --cui-primary-925: light-dark(var(--cui-raw-primary-925), var(--cui-raw-primary-75));
    --cui-primary-950: light-dark(var(--cui-raw-primary-950), var(--cui-raw-primary-50));
    --cui-primary-975: light-dark(var(--cui-raw-primary-975), var(--cui-raw-primary-25));
    --cui-primary-1000: light-dark(var(--cui-raw-primary-1000), var(--cui-raw-primary-0));
  }
}

@layer base {
  :root {
    --cui-raw-neutral-mid: light-dark(
      oklch(
        from var(--cui-raw-neutral-scheme)
          calc(var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)) + l * var(--cui-raw-neutral-l-delta-dark, var(--cui-raw-neutral-l-delta)) / 2)
          calc(c * var(--cui-raw-neutral-c-max)) h
      ),
      oklch(
        from var(--cui-raw-neutral-scheme)
          calc(var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)) + l * var(--cui-raw-neutral-l-delta-dark, var(--cui-raw-neutral-l-delta)) / 2)
          calc(c * var(--cui-raw-neutral-c-max-dark, var(--cui-raw-neutral-c-max))) h
      )
    );

    --cui-raw-neutral-tint: light-dark(
      oklch(from var(--cui-raw-neutral-mid)
        var(--cui-raw-neutral-l-max)
        calc(c - var(--cui-raw-neutral-l-max) * c)
        h),
      oklch(from var(--cui-raw-neutral-mid)
        var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max))
        calc(c - var(--cui-raw-neutral-l-max-dark, var(--cui-raw-neutral-l-max)) * c)
        h
      )
    );

    --cui-raw-neutral-shade: light-dark(
      oklch(from var(--cui-raw-neutral-mid) calc(l * var(--cui-raw-neutral-l-min)) calc(c * var(--cui-raw-neutral-l-min)) h),
      oklch(
        from var(--cui-raw-neutral-mid) calc(l * var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min)))
          calc(c * var(--cui-raw-neutral-l-min-dark, var(--cui-raw-neutral-l-min))) h
      )
    );

    --cui-raw-neutral-0: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0) * 100%));
    --cui-raw-neutral-25: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.025) * 100%));
    --cui-raw-neutral-50: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.05) * 100%));
    --cui-raw-neutral-75: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.075) * 100%));
    --cui-raw-neutral-100: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.1) * 100%));
    --cui-raw-neutral-125: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.125) * 100%));
    --cui-raw-neutral-150: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.15) * 100%));
    --cui-raw-neutral-175: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.175) * 100%));
    --cui-raw-neutral-200: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.2) * 100%));
    --cui-raw-neutral-225: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.225) * 100%));
    --cui-raw-neutral-250: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.25) * 100%));
    --cui-raw-neutral-275: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.275) * 100%));
    --cui-raw-neutral-300: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.3) * 100%));
    --cui-raw-neutral-325: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.325) * 100%));
    --cui-raw-neutral-350: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.35) * 100%));
    --cui-raw-neutral-375: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.375) * 100%));
    --cui-raw-neutral-400: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.4) * 100%));
    --cui-raw-neutral-425: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.425) * 100%));
    --cui-raw-neutral-450: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.45) * 100%));
    --cui-raw-neutral-475: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.475) * 100%));
    --cui-raw-neutral-500: color-mix(in oklch, var(--cui-raw-neutral-tint), var(--cui-raw-neutral-mid) calc(sin(pi * 0.5) * 100%));
    --cui-raw-neutral-525: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.525) * 100%));
    --cui-raw-neutral-550: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.55) * 100%));
    --cui-raw-neutral-575: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.575) * 100%));
    --cui-raw-neutral-600: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.6) * 100%));
    --cui-raw-neutral-625: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.625) * 100%));
    --cui-raw-neutral-650: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.65) * 100%));
    --cui-raw-neutral-675: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.675) * 100%));
    --cui-raw-neutral-700: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.7) * 100%));
    --cui-raw-neutral-725: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.725) * 100%));
    --cui-raw-neutral-750: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.75) * 100%));
    --cui-raw-neutral-775: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.775) * 100%));
    --cui-raw-neutral-800: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.8) * 100%));
    --cui-raw-neutral-825: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.825) * 100%));
    --cui-raw-neutral-850: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.85) * 100%));
    --cui-raw-neutral-875: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.875) * 100%));
    --cui-raw-neutral-900: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.9) * 100%));
    --cui-raw-neutral-925: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.925) * 100%));
    --cui-raw-neutral-950: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.95) * 100%));
    --cui-raw-neutral-975: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 0.975) * 100%));
    --cui-raw-neutral-1000: color-mix(in oklch, var(--cui-raw-neutral-shade), var(--cui-raw-neutral-mid) calc(sin(pi * 1) * 100%));

    --cui-neutral: light-dark(var(--cui-raw-neutral-500), var(--cui-raw-neutral-500));
    --cui-neutral-0: light-dark(var(--cui-raw-neutral-0), var(--cui-raw-neutral-1000));
    --cui-neutral-25: light-dark(var(--cui-raw-neutral-25), var(--cui-raw-neutral-975));
    --cui-neutral-50: light-dark(var(--cui-raw-neutral-50), var(--cui-raw-neutral-950));
    --cui-neutral-75: light-dark(var(--cui-raw-neutral-75), var(--cui-raw-neutral-925));
    --cui-neutral-100: light-dark(var(--cui-raw-neutral-100), var(--cui-raw-neutral-900));
    --cui-neutral-125: light-dark(var(--cui-raw-neutral-125), var(--cui-raw-neutral-875));
    --cui-neutral-150: light-dark(var(--cui-raw-neutral-150), var(--cui-raw-neutral-850));
    --cui-neutral-175: light-dark(var(--cui-raw-neutral-175), var(--cui-raw-neutral-825));
    --cui-neutral-200: light-dark(var(--cui-raw-neutral-200), var(--cui-raw-neutral-800));
    --cui-neutral-225: light-dark(var(--cui-raw-neutral-225), var(--cui-raw-neutral-775));
    --cui-neutral-250: light-dark(var(--cui-raw-neutral-250), var(--cui-raw-neutral-750));
    --cui-neutral-275: light-dark(var(--cui-raw-neutral-275), var(--cui-raw-neutral-725));
    --cui-neutral-300: light-dark(var(--cui-raw-neutral-300), var(--cui-raw-neutral-700));
    --cui-neutral-325: light-dark(var(--cui-raw-neutral-325), var(--cui-raw-neutral-675));
    --cui-neutral-350: light-dark(var(--cui-raw-neutral-350), var(--cui-raw-neutral-650));
    --cui-neutral-375: light-dark(var(--cui-raw-neutral-375), var(--cui-raw-neutral-625));
    --cui-neutral-400: light-dark(var(--cui-raw-neutral-400), var(--cui-raw-neutral-600));
    --cui-neutral-425: light-dark(var(--cui-raw-neutral-425), var(--cui-raw-neutral-575));
    --cui-neutral-450: light-dark(var(--cui-raw-neutral-450), var(--cui-raw-neutral-550));
    --cui-neutral-475: light-dark(var(--cui-raw-neutral-475), var(--cui-raw-neutral-525));
    --cui-neutral-500: light-dark(var(--cui-raw-neutral-500), var(--cui-raw-neutral-500));
    --cui-neutral-525: light-dark(var(--cui-raw-neutral-525), var(--cui-raw-neutral-475));
    --cui-neutral-550: light-dark(var(--cui-raw-neutral-550), var(--cui-raw-neutral-450));
    --cui-neutral-575: light-dark(var(--cui-raw-neutral-575), var(--cui-raw-neutral-425));
    --cui-neutral-600: light-dark(var(--cui-raw-neutral-600), var(--cui-raw-neutral-400));
    --cui-neutral-625: light-dark(var(--cui-raw-neutral-625), var(--cui-raw-neutral-375));
    --cui-neutral-650: light-dark(var(--cui-raw-neutral-650), var(--cui-raw-neutral-350));
    --cui-neutral-675: light-dark(var(--cui-raw-neutral-675), var(--cui-raw-neutral-325));
    --cui-neutral-700: light-dark(var(--cui-raw-neutral-700), var(--cui-raw-neutral-300));
    --cui-neutral-725: light-dark(var(--cui-raw-neutral-725), var(--cui-raw-neutral-275));
    --cui-neutral-750: light-dark(var(--cui-raw-neutral-750), var(--cui-raw-neutral-250));
    --cui-neutral-775: light-dark(var(--cui-raw-neutral-775), var(--cui-raw-neutral-225));
    --cui-neutral-800: light-dark(var(--cui-raw-neutral-800), var(--cui-raw-neutral-200));
    --cui-neutral-825: light-dark(var(--cui-raw-neutral-825), var(--cui-raw-neutral-175));
    --cui-neutral-850: light-dark(var(--cui-raw-neutral-850), var(--cui-raw-neutral-150));
    --cui-neutral-875: light-dark(var(--cui-raw-neutral-875), var(--cui-raw-neutral-125));
    --cui-neutral-900: light-dark(var(--cui-raw-neutral-900), var(--cui-raw-neutral-100));
    --cui-neutral-925: light-dark(var(--cui-raw-neutral-925), var(--cui-raw-neutral-75));
    --cui-neutral-950: light-dark(var(--cui-raw-neutral-950), var(--cui-raw-neutral-50));
    --cui-neutral-975: light-dark(var(--cui-raw-neutral-975), var(--cui-raw-neutral-25));
    --cui-neutral-1000: light-dark(var(--cui-raw-neutral-1000), var(--cui-raw-neutral-0));
  }
}

@layer base {
  :root {
    --cui-raw-accent-mid: light-dark(
      oklch(
        from var(--cui-raw-accent-scheme)
          calc(var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)) + l * var(--cui-raw-accent-l-delta-dark, var(--cui-raw-accent-l-delta)) / 2)
          calc(c * var(--cui-raw-accent-c-max)) h
      ),
      oklch(
        from var(--cui-raw-accent-scheme)
          calc(var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)) + l * var(--cui-raw-accent-l-delta-dark, var(--cui-raw-accent-l-delta)) / 2)
          calc(c * var(--cui-raw-accent-c-max-dark, var(--cui-raw-accent-c-max))) h
      )
    );

    --cui-raw-accent-tint: light-dark(
      oklch(from var(--cui-raw-accent-mid) var(--cui-raw-accent-l-max) calc(c - var(--cui-raw-accent-l-max) * c) h),
      oklch(
        from var(--cui-raw-accent-mid) var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max))
          calc(c - var(--cui-raw-accent-l-max-dark, var(--cui-raw-accent-l-max)) * c) h
      )
    );

    --cui-raw-accent-shade: light-dark(
      oklch(from var(--cui-raw-accent-mid) calc(l * var(--cui-raw-accent-l-min)) calc(c * var(--cui-raw-accent-l-min)) h),
      oklch(
        from var(--cui-raw-accent-mid) calc(l * var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min)))
          calc(c * var(--cui-raw-accent-l-min-dark, var(--cui-raw-accent-l-min))) h
      )
    );

    --cui-raw-accent-0: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0) * 100%));
    --cui-raw-accent-25: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.025) * 100%));
    --cui-raw-accent-50: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.05) * 100%));
    --cui-raw-accent-75: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.075) * 100%));
    --cui-raw-accent-100: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.1) * 100%));
    --cui-raw-accent-125: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.125) * 100%));
    --cui-raw-accent-150: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.15) * 100%));
    --cui-raw-accent-175: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.175) * 100%));
    --cui-raw-accent-200: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.2) * 100%));
    --cui-raw-accent-225: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.225) * 100%));
    --cui-raw-accent-250: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.25) * 100%));
    --cui-raw-accent-275: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.275) * 100%));
    --cui-raw-accent-300: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.3) * 100%));
    --cui-raw-accent-325: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.325) * 100%));
    --cui-raw-accent-350: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.35) * 100%));
    --cui-raw-accent-375: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.375) * 100%));
    --cui-raw-accent-400: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.4) * 100%));
    --cui-raw-accent-425: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.425) * 100%));
    --cui-raw-accent-450: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.45) * 100%));
    --cui-raw-accent-475: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.475) * 100%));
    --cui-raw-accent-500: color-mix(in oklch, var(--cui-raw-accent-tint), var(--cui-raw-accent-mid) calc(sin(pi * 0.5) * 100%));
    --cui-raw-accent-525: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.525) * 100%));
    --cui-raw-accent-550: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.55) * 100%));
    --cui-raw-accent-575: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.575) * 100%));
    --cui-raw-accent-600: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.6) * 100%));
    --cui-raw-accent-625: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.625) * 100%));
    --cui-raw-accent-650: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.65) * 100%));
    --cui-raw-accent-675: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.675) * 100%));
    --cui-raw-accent-700: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.7) * 100%));
    --cui-raw-accent-725: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.725) * 100%));
    --cui-raw-accent-750: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.75) * 100%));
    --cui-raw-accent-775: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.775) * 100%));
    --cui-raw-accent-800: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.8) * 100%));
    --cui-raw-accent-825: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.825) * 100%));
    --cui-raw-accent-850: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.85) * 100%));
    --cui-raw-accent-875: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.875) * 100%));
    --cui-raw-accent-900: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.9) * 100%));
    --cui-raw-accent-925: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.925) * 100%));
    --cui-raw-accent-950: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.95) * 100%));
    --cui-raw-accent-975: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 0.975) * 100%));
    --cui-raw-accent-1000: color-mix(in oklch, var(--cui-raw-accent-shade), var(--cui-raw-accent-mid) calc(sin(pi * 1) * 100%));

    --cui-accent: light-dark(var(--cui-raw-accent-500), var(--cui-raw-accent-500));
    --cui-accent-0: light-dark(var(--cui-raw-accent-0), var(--cui-raw-accent-1000));
    --cui-accent-25: light-dark(var(--cui-raw-accent-25), var(--cui-raw-accent-975));
    --cui-accent-50: light-dark(var(--cui-raw-accent-50), var(--cui-raw-accent-950));
    --cui-accent-75: light-dark(var(--cui-raw-accent-75), var(--cui-raw-accent-925));
    --cui-accent-100: light-dark(var(--cui-raw-accent-100), var(--cui-raw-accent-900));
    --cui-accent-125: light-dark(var(--cui-raw-accent-125), var(--cui-raw-accent-875));
    --cui-accent-150: light-dark(var(--cui-raw-accent-150), var(--cui-raw-accent-850));
    --cui-accent-175: light-dark(var(--cui-raw-accent-175), var(--cui-raw-accent-825));
    --cui-accent-200: light-dark(var(--cui-raw-accent-200), var(--cui-raw-accent-800));
    --cui-accent-225: light-dark(var(--cui-raw-accent-225), var(--cui-raw-accent-775));
    --cui-accent-250: light-dark(var(--cui-raw-accent-250), var(--cui-raw-accent-750));
    --cui-accent-275: light-dark(var(--cui-raw-accent-275), var(--cui-raw-accent-725));
    --cui-accent-300: light-dark(var(--cui-raw-accent-300), var(--cui-raw-accent-700));
    --cui-accent-325: light-dark(var(--cui-raw-accent-325), var(--cui-raw-accent-675));
    --cui-accent-350: light-dark(var(--cui-raw-accent-350), var(--cui-raw-accent-650));
    --cui-accent-375: light-dark(var(--cui-raw-accent-375), var(--cui-raw-accent-625));
    --cui-accent-400: light-dark(var(--cui-raw-accent-400), var(--cui-raw-accent-600));
    --cui-accent-425: light-dark(var(--cui-raw-accent-425), var(--cui-raw-accent-575));
    --cui-accent-450: light-dark(var(--cui-raw-accent-450), var(--cui-raw-accent-550));
    --cui-accent-475: light-dark(var(--cui-raw-accent-475), var(--cui-raw-accent-525));
    --cui-accent-500: light-dark(var(--cui-raw-accent-500), var(--cui-raw-accent-500));
    --cui-accent-525: light-dark(var(--cui-raw-accent-525), var(--cui-raw-accent-475));
    --cui-accent-550: light-dark(var(--cui-raw-accent-550), var(--cui-raw-accent-450));
    --cui-accent-575: light-dark(var(--cui-raw-accent-575), var(--cui-raw-accent-425));
    --cui-accent-600: light-dark(var(--cui-raw-accent-600), var(--cui-raw-accent-400));
    --cui-accent-625: light-dark(var(--cui-raw-accent-625), var(--cui-raw-accent-375));
    --cui-accent-650: light-dark(var(--cui-raw-accent-650), var(--cui-raw-accent-350));
    --cui-accent-675: light-dark(var(--cui-raw-accent-675), var(--cui-raw-accent-325));
    --cui-accent-700: light-dark(var(--cui-raw-accent-700), var(--cui-raw-accent-300));
    --cui-accent-725: light-dark(var(--cui-raw-accent-725), var(--cui-raw-accent-275));
    --cui-accent-750: light-dark(var(--cui-raw-accent-750), var(--cui-raw-accent-250));
    --cui-accent-775: light-dark(var(--cui-raw-accent-775), var(--cui-raw-accent-225));
    --cui-accent-800: light-dark(var(--cui-raw-accent-800), var(--cui-raw-accent-200));
    --cui-accent-825: light-dark(var(--cui-raw-accent-825), var(--cui-raw-accent-175));
    --cui-accent-850: light-dark(var(--cui-raw-accent-850), var(--cui-raw-accent-150));
    --cui-accent-875: light-dark(var(--cui-raw-accent-875), var(--cui-raw-accent-125));
    --cui-accent-900: light-dark(var(--cui-raw-accent-900), var(--cui-raw-accent-100));
    --cui-accent-925: light-dark(var(--cui-raw-accent-925), var(--cui-raw-accent-75));
    --cui-accent-950: light-dark(var(--cui-raw-accent-950), var(--cui-raw-accent-50));
    --cui-accent-975: light-dark(var(--cui-raw-accent-975), var(--cui-raw-accent-25));
    --cui-accent-1000: light-dark(var(--cui-raw-accent-1000), var(--cui-raw-accent-0));
  }
}

@layer base {
  :root {
    /* PRIMARY COLORS */

    /* Primary Variants */
    --cui-primary: var(--cui-primary-500);
    --cui-primary-background: var(--cui-primary-50);
    --cui-primary-foreground: var(--cui-primary-950);

    --cui-primary-foreground-variant: var(--cui-primary-750);
    --cui-primary-foreground-subtle: var(--cui-primary-500);
    --cui-primary-foreground-muted: var(--cui-primary-250);

    --cui-primary-card: var(--cui-primary-100);
    --cui-primary-card-outline: var(--cui-primary-100);

    --cui-primary-card-foreground: var(--cui-primary-850);
    --cui-primary-card-foreground-variant: light-dark(var(--cui-primary-250), var(--cui-primary-750));

    --cui-primary-bubble: light-dark(var(--cui-primary-600), var(--cui-primary-400));
    --cui-primary-bubble-hover: light-dark(var(--cui-primary-650), var(--cui-primary-350));
    --cui-primary-bubble-outline: light-dark(var(--cui-primary-800), var(--cui-primary-200));

    --cui-primary-bubble-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-bubble-foreground-variant: light-dark(var(--cui-primary-250), var(--cui-primary-750));

    --cui-primary-bubble-link: var(--cui-primary-300);
    --cui-primary-bubble-link-hover: var(--cui-primary-500);
    --cui-primary-bubble-link-foreground: var(--cui-primary-950);
    --cui-primary-bubble-link-foreground-hover: var(--cui-primary-975);

    --cui-primary-accent-background: var(--cui-primary-500);
    --cui-primary-accent-foreground-variant: light-dark(var(--cui-primary-300), var(--cui-primary-700));

    --cui-primary-link: var(--cui-primary-850);
    --cui-primary-link-hover: var(--cui-primary-500);

    --cui-primary-button: light-dark(var(--cui-primary-700), var(--cui-primary-300));
    --cui-primary-button-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-foreground-hover: light-dark(var(--cui-primary-50), var(--cui-primary-975));
    --cui-primary-button-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));

    --cui-primary-button-hover: light-dark(var(--cui-primary-250), var(--cui-primary-250));
    --cui-primary-button-hover-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-hover-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));

    --cui-primary-button-focus: light-dark(var(--cui-primary-300), var(--cui-primary-700));
    --cui-primary-button-focus-foreground: light-dark(var(--cui-primary-50), var(--cui-primary-950));
    --cui-primary-button-focus-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));

    --cui-primary-input: var(--cui-primary-card);
    --cui-primary-input-foreground: var(--cui-primary-750);
    --cui-primary-input-outline: var(--cui-primary-500);

    --cui-primary-input-hover: light-dark(var(--cui-primary-25), var(--cui-primary-150));
    --cui-primary-input-hover-foreground: var(--cui-primary-950);
    --cui-primary-input-hover-outline: transparent;

    --cui-primary-input-placeholder: light-dark(var(--cui-primary-25), var(--cui-primary-100));
    --cui-primary-input-placeholder-foreground: var(--cui-primary-750);
    --cui-primary-input-placeholder-outline: transparent;

    --cui-primary-input-focus: var(--cui-primary-50);
    --cui-primary-input-focus-foreground: var(--cui-primary-950);
    --cui-primary-input-focus-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));

    --cui-primary-input-active: var(--cui-primary-50);
    --cui-primary-input-active-foreground: var(--cui-primary-950);
    --cui-primary-input-active-outline: light-dark(var(--cui-primary-300), var(--cui-primary-700));
  }
}

@layer base {
  :root {
    /* PRIMARY COLORS */

    --cui-neutral: var(--cui-neutral-500);

    --cui-background: var(--cui-neutral-50);
    --cui-foreground: var(--cui-neutral-950);

    --cui-foreground-variant: var(--cui-neutral-700);
    --cui-foreground-subtle: var(--cui-neutral-500);
    --cui-foreground-muted: var(--cui-neutral-300);

    --cui-card: var(--cui-neutral-100);
    --cui-card-outline: var(--cui-neutral-100);

    --cui-card-foreground: var(--cui-neutral-850);
    --cui-card-foreground-variant: light-dark(var(--cui-neutral-250), var(--cui-neutral-750));

    --cui-bubble: light-dark(var(--cui-neutral-600), var(--cui-neutral-400));
    --cui-bubble-hover: light-dark(var(--cui-neutral-650), var(--cui-neutral-350));
    --cui-bubble-outline: light-dark(var(--cui-neutral-800), var(--cui-neutral-200));

    --cui-bubble-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-bubble-foreground-variant: light-dark(var(--cui-neutral-250), var(--cui-neutral-750));

    --cui-bubble-link: var(--cui-neutral-150);
    --cui-bubble-link-hover: var(--cui-neutral-200);
    --cui-bubble-link-foreground: var(--cui-neutral-750);
    --cui-bubble-link-foreground-hover: var(--cui-neutral-950);

    --cui-accent-background: var(--cui-neutral-500);
    --cui-accent-foreground-variant: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));

    --cui-link: var(--cui-neutral-750);
    --cui-link-hover: var(--cui-neutral-500);

    --cui-button: light-dark(var(--cui-neutral-700), var(--cui-neutral-300));
    --cui-button-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-foreground-hover: light-dark(var(--cui-neutral-25), var(--cui-neutral-975));
    --cui-button-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));

    --cui-button-hover: light-dark(var(--cui-neutral-250), var(--cui-neutral-250));
    --cui-button-hover-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-hover-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));

    /* Resolved chained references, now direct tokens with --color-neutral- prefix: */
    --cui-button-focus: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
    --cui-button-focus-foreground: light-dark(var(--cui-neutral-50), var(--cui-neutral-950));
    --cui-button-focus-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));

    --cui-input: var(--cui-card);
    --cui-input-foreground: var(--cui-neutral-700);
    --cui-input-outline: var(--cui-neutral-500);

    --cui-input-hover: light-dark(var(--cui-neutral-25), var(--cui-neutral-150));
    --cui-input-hover-foreground: var(--cui-neutral-950);
    --cui-input-hover-outline: transparent;

    --cui-input-placeholder: light-dark(var(--cui-neutral-0), var(--cui-neutral-125));
    --cui-input-placeholder-foreground: var(--cui-neutral-700);
    --cui-input-placeholder-outline: transparent;

    --cui-input-focus: var(--cui-neutral-50);
    --cui-input-focus-foreground: var(--cui-neutral-950);
    --cui-input-focus-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));

    --cui-input-active: var(--cui-neutral-50);
    --cui-input-active-foreground: var(--cui-neutral-950);
    --cui-input-active-outline: light-dark(var(--cui-neutral-300), var(--cui-neutral-700));
  }
}

@layer base {
  :root {
    /* ACCENT COLORS */

    --cui-accent: var(--cui-accent-500);
    --cui-accent-background: var(--cui-accent-50);
    --cui-accent-foreground: var(--cui-accent-950);

    --cui-accent-foreground-variant: var(--cui-accent-700);
    --cui-accent-foreground-subtle: var(--cui-accent-500);
    --cui-accent-foreground-muted: var(--cui-accent-300);

    --cui-accent-card: var(--cui-accent-125);
    --cui-accent-card-hover: var(--cui-accent-150);
    --cui-accent-card-outline: var(--cui-accent-100);

    --cui-accent-card-foreground: var(--cui-accent-850);
    --cui-accent-card-foreground-hover: var(--cui-accent-950);
    --cui-accent-card-foreground-variant: light-dark(var(--cui-accent-250), var(--cui-accent-750));

    --cui-accent-bubble: light-dark(var(--cui-accent-600), var(--cui-accent-400));
    --cui-accent-bubble-hover: light-dark(var(--cui-accent-650), var(--cui-accent-350));
    --cui-accent-bubble-outline: light-dark(var(--cui-accent-800), var(--cui-accent-200));

    --cui-accent-bubble-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-bubble-foreground-variant: light-dark(var(--cui-accent-250), var(--cui-accent-750));

    --cui-accent-bubble-link: var(--cui-accent-150);
    --cui-accent-bubble-link-hover: var(--cui-accent-200);
    --cui-accent-bubble-link-foreground: var(--cui-accent-750);
    --cui-accent-bubble-link-foreground-hover: var(--cui-accent-950);

    --cui-accent-accent-background: var(--cui-accent-500);
    --cui-accent-accent-foreground-variant: light-dark(var(--cui-accent-300), var(--cui-accent-700));

    --cui-accent-link: var(--cui-accent-750);
    --cui-accent-link-hover: var(--cui-accent-500);

    --cui-accent-button: var(--cui-accent-500);
    --cui-accent-button-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-button-hover: light-dark(var(--cui-accent-250), var(--cui-accent-250));
    --cui-accent-button-hover-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-hover-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));

    /* Resolved chained references below (all use direct numbered tokens): */
    --cui-accent-button-focus: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-button-focus-foreground: light-dark(var(--cui-accent-50), var(--cui-accent-950));
    --cui-accent-button-focus-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));

    --cui-accent-input: var(--cui-accent-card);
    --cui-accent-input-foreground: var(--cui-accent-700);
    --cui-accent-input-outline: var(--cui-accent-500);

    --cui-accent-input-hover: light-dark(var(--cui-accent-25), var(--cui-accent-150));
    --cui-accent-input-hover-foreground: var(--cui-accent-950);
    --cui-accent-input-hover-outline: transparent;

    --cui-accent-input-placeholder: var(--cui-accent-card);
    --cui-accent-input-placeholder-foreground: var(--cui-accent-750);
    --cui-accent-input-placeholder-outline: transparent;

    --cui-accent-input-focus: var(--cui-accent-25);
    --cui-accent-input-focus-foreground: var(--cui-accent-950);
    --cui-accent-input-focus-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));
    --cui-accent-input-active: var(--cui-accent-0);
    --cui-accent-input-active-foreground: var(--cui-accent-950);
    --cui-accent-input-active-outline: light-dark(var(--cui-accent-300), var(--cui-accent-700));

    /* TESTING */
    /*
    --cui-primary-link: var(--base-foreground-link);
    --cui-primary-link-hover: var(--base-foreground-link-hover);

    --cui-accent-button: var(--base-button-background);
    --cui-accent-button-foreground: var(--base-button-foreground);
    --cui-accent-button-outline: var(--base-button-outline);
    --cui-accent-button-hover: var(--base-button-background-hover);
    --cui-accent-button-hover-foreground: var(--base-button-foreground-hover);
    --cui-accent-button-hover-outline: var(--base-button-outline);

    --cui-accent-input: var(--base-input-background);
    --cui-accent-input-foreground: var(--base-input-foreground);
    --cui-accent-input-outline: var(--base-input-foreground-hover);

    --cui-accent-input-hover: var(--base-input-background-hover);
    --cui-accent-input-hover-foreground: var(--base-input-foreground);
    --cui-accent-input-hover-outline: transparent;

    --cui-accent-input-placeholder: var(--base-input-background);
    --cui-accent-input-placeholder-foreground: var(--base-input-foreground);
    --cui-accent-input-placeholder-outline: transparent;

    --cui-accent-input-focus: var(--base-input-background-hover);
    --cui-accent-input-focus-foreground: var(--base-input-foreground);
    --cui-accent-input-focus-outline: var(--base-foreground-muted);

    --cui-accent-input-active: var(--base-input-background);
    --cui-accent-input-active-foreground: var(--base-input-foreground);
    --cui-accent-input-active-outline: var(--base-foreground-muted);

    --cui-neutral: var(--base-foreground-subtle);
    --cui-background: var(--base-background);
    --cui-foreground: var(--base-foreground);

    --cui-foreground-variant: var(--base-foreground-variant);
    --cui-foreground-subtle: var(--base-foreground-subtle);
    --cui-foreground-muted: var(--base-foreground-muted);
    */
  }
}

@supports not (color: color-mix(in oklab, white 50%, black)) {
  @layer components {
    :root {
      --base-background: oklch(0.94 0.002 275);
      --base-background-hover: oklch(0.88 0.04 275);
      --base-foreground: oklch(0.12 0.04 275);
      --base-foreground-variant: oklch(0.28 0.04 275);
      --base-foreground-subtle: oklch(0.44 0.04 275);
      --base-foreground-muted: oklch(0.6 0.04 275);
      --base-foreground-hover: oklch(0.06 0.04 275);
      --base-foreground-link: var(--cui-seed-color);
      --base-foreground-link-hover: var(--cui-seed-color);
      --base-host-background: var(--cui-seed-color);
      --base-host-background-hover: var(--cui-seed-color);
      --base-host-foreground: white;
      --base-host-foreground-hover: white;
      --base-host-foreground-link: white;
      --base-host-foreground-link-hover: white;
      --base-guest-background: oklch(0.84 0.004 275);
      --base-guest-background-hover: oklch(0.78 0.04 275);
      --base-guest-foreground: oklch(0.12 0.04 275);
      --base-guest-foreground-hover: oklch(0.06 0.04 275);
      --base-guest-foreground-link: var(--cui-seed-color);
      --base-guest-foreground-link-hover: var(--cui-seed-color);
      --base-button-background: var(--cui-seed-color);
      --base-button-background-hover: var(--cui-seed-color);
      --base-button-foreground: white;
      --base-button-foreground-hover: white;
      --base-button-outline: var(--cui-seed-color);
      --base-input-background: oklch(0.88 0.02 275);
      --base-input-background-hover: oklch(0.82 0.04 275);
      --base-input-foreground: oklch(0.12 0.04 275);
      --base-input-foreground-hover: oklch(0.06 0.04 275);
      --base-input-foreground-link: var(--cui-seed-color);
      --base-input-foreground-link-hover: var(--cui-seed-color);

      /* Primary fallbacks - light mode values */
      --cui-primary: var(--cui-seed-color);
      --cui-primary-bubble: var(--base-host-background);
      --cui-primary-bubble-hover: var(--base-host-background-hover);
      --cui-primary-bubble-outline: var(--base-foreground);
      --cui-primary-bubble-foreground: var(--base-host-foreground);
      --cui-primary-bubble-foreground-variant: var(--base-host-foreground-variant);
      --cui-primary-card-foreground-variant: var(--base-foreground-variant);
      --cui-primary-accent-foreground-variant: var(--base-foreground-variant);
      --cui-primary-button: var(--base-button-background);
      --cui-primary-button-foreground: var(--base-button-foreground);
      --cui-primary-button-foreground-hover: var(--base-button-foreground-hover);
      --cui-primary-button-foreground-hover-variant: var(--base-button-foreground-hover-variant);
      --cui-primary-button-outline: var(--base-button-outline);
      --cui-primary-button-hover: var(--base-button-background-hover);
      --cui-primary-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-primary-button-hover-outline: var(--base-button-outline);
      --cui-primary-button-focus: var(--base-button-background);
      --cui-primary-button-focus-foreground: var(--base-button-foreground);
      --cui-primary-button-focus-outline: var(--base-button-outline);
      --cui-primary-input-hover: var(--base-input-background-hover);
      --cui-primary-input-placeholder: var(--base-input-background);
      --cui-primary-input-focus-outline: var(--base-input-foreground-hover);
      --cui-primary-input-active-outline: var(--base-input-foreground-hover);

      /* Neutral fallbacks - light mode values */
      --cui-button-focus-outline: var(--base-button-outline);
      --cui-input-hover: var(--base-input-background-hover);
      --cui-input-placeholder: var(--base-input-background);
      --cui-input-focus-outline: var(--base-input-foreground-hover);
      --cui-input-active-outline: var(--base-input-foreground-hover);

      /* Cards */
      --cui-card-foreground-variant: var(--base-foreground-variant);

      /* Buttons */
      --cui-button: var(--base-button-background);
      --cui-button-foreground: var(--base-button-foreground);
      --cui-button-foreground-hover: var(--base-button-foreground-hover);
      --cui-button-outline: var(--base-button-outline);
      --cui-button-hover: var(--base-button-background-hover);
      --cui-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-button-hover-outline: var(--base-button-outline);
      --cui-button-focus: var(--base-button-background);
      --cui-button-focus-foreground: var(--base-button-foreground);
      --cui-button-focus-outline: var(--base-button-outline);

      /* Accent fallbacks - light mode values */

      --cui-accent-background: var(--base-foreground-subtle);
      --cui-accent-foreground-variant: var(--base-foreground-variant);
      --cui-accent-card-foreground-variant: var(--base-foreground-variant);
      --cui-accent-accent-foreground-variant: var(--base-foreground-variant);
      --cui-accent-button: var(--base-button-background);
      --cui-accent-button-foreground: var(--base-button-foreground);
      --cui-accent-button-outline: var(--base-button-outline);
      --cui-accent-button-hover: var(--base-button-background-hover);
      --cui-accent-button-hover-foreground: var(--base-button-foreground-hover);
      --cui-accent-button-hover-outline: var(--base-button-outline);
      --cui-accent-button-focus: var(--base-button-background);
      --cui-accent-button-focus-foreground: var(--base-button-foreground);
      --cui-accent-button-focus-outline: var(--base-button-outline);
      --cui-accent-input: var(--base-input-background);
      --cui-accent-input-hover: var(--base-input-background-hover);
      --cui-accent-input-focus-outline: var(--base-input-foreground-hover);
      --cui-accent-input-active-outline: var(--base-input-foreground-hover);
      --cui-accent-input-active-foreground: var(--base-input-foreground-hover);
      --cui-accent-input-active-background: var(--base-input-background-hover);

      --cui-accent-bubble: var(--base-guest-background);
      --cui-accent-bubble-hover: var(--base-guest-background-hover);
      --cui-accent-bubble-outline: var(--base-guest-foreground);
      --cui-accent-bubble-foreground: var(--base-guest-foreground);
      --cui-accent-bubble-foreground-variant: var(--base-foreground-variant);

      --cui-neutral-bubble: var(--base-background-hover);
      --cui-neutral-bubble-hover: var(--base-background-hover);
      --cui-neutral-bubble-outline: var(--base-foreground);
      --cui-neutral-bubble-foreground: var(--base-background);
      --cui-neutral-bubble-foreground-variant: var(--base-foreground-variant);

      --cui-bubble-host-foreground: var(--base-host-foreground);
      --cui-bubble-host-background: var(--base-host-background);
      --cui-bubble-host-background-hover: var(--base-host-background-hover);

      --cui-bubble-guest-foreground: var(--base-guest-foreground);
      --cui-bubble-guest-background: var(--base-guest-background);
      --cui-bubble-guest-background-hover: var(--base-guest-background-hover);

      /* Layout background fallbacks */
      --cui-full-foreground: var(--base-foreground);
      --cui-full-background: var(--base-background);

      --cui-floating-foreground: var(--base-foreground);
      --cui-floating-background: var(--base-background);

      --cui-pinned-foreground: var(--base-foreground);
      --cui-pinned-background: var(--base-background);

      --cui-overlay-foreground: var(--base-foreground);

      --cui-minimized-foreground: var(--base-foreground);
      --cui-minimized-background: var(--base-background);

      --foreground: var(--base-foreground);
      --background: var(--base-background);

      --color-accent-input-placeholder: var(--base-input-background);
      --color-accent-input-placeholder-foreground: var(--base-foreground-muted);
    }
  }
}

@layer base {
  :root {

    --cui-breakpoint-xl: var(--mos-breakpoint-xl);
    --cui-breakpoint-lg: var(--mos-breakpoint-lg);
    --cui-breakpoint-md: var(--mos-breakpoint-md);
    --cui-breakpoint-sm: var(--mos-breakpoint-sm);
    --cui-breakpoint-xs: var(--mos-breakpoint-xs);

    --cui-transition-property: all;
    --cui-transition-duration: var(--mos-duration-slower);
    --cui-transition-timing: var(--mos-easing-out);
    --cui-transition: var(--cui-transition-property) var(--cui-transition-duration) var(--cui-transition-timing);

    --cui-font-family-sans: var(--mos-font-family-sans);
    --cui-font-family-serif: var(--mos-font-family-serif);
    --cui-font-family-mono: var(--mos-font-family-mono);
    --cui-font-family-display: var(--mos-font-display);
    --cui-font-family: var(--mos-font-family);

    --cui-shadow-xs: var(--mos-shadow-xs);
    --cui-shadow-sm: var(--mos-shadow-sm);
    --cui-shadow-md: var(--mos-shadow-md);
    --cui-shadow-lg: var(--mos-shadow-lg);
    --cui-shadow-xl: var(--mos-shadow-xl);


    /* Border Radius Scale */

    --cui-radius-xl: var(--mos-radius-xl);
    --cui-radius-lg: var(--mos-radius-lg);
    --cui-radius-md: var(--mos-radius-md);
    --cui-radius-sm: var(--mos-radius-sm);
    --cui-radius-xs: var(--mos-radius-xs);
    --cui-radius-xxs: var(--mos-radius-xxs);

    --cui-radius-container: var(--cui-radius-xl);
    --cui-radius-container-left: var(--cui-radius-container);
    --cui-radius-container-top: var(--cui-radius-container);
    --cui-radius-container-right: var(--cui-radius-container);
    --cui-radius-container-bottom: var(--cui-radius-container);

    --cui-margin-container: 1rem;
    --cui-margin-container-left: var(--cui-margin-container);
    --cui-margin-container-top: var(--cui-margin-container);
    --cui-margin-container-right: var(--cui-margin-container);
    --cui-margin-container-bottom: var(--cui-margin-container);

    --mos-ring-default: oklch(0.708 0 0);
    --mos-ring-primary: var(--mos-primary-background);
    --mos-ring-destructive: var(--mos-destructive-background);

    --cui-border-emphasis: var(--mos-border-emphasis);
    --cui-border-default: var(--mos-border-default);
    --cui-border-subtle: var(--mos-border-subtle);

  }
}

/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */

/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  75% {
    transform: translateY(0);
  }
}

/* Hosted/uploaded fonts */
/*
@font-face {
  font-family: 'Custom';
  src: url(.....url-to-font) format('woff');
  font-weight: normal;
  font-style: normal;
}
:root { --cui-font-family: 'Custom', sans-serif; } */


/* Google Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Skranji:wght@400;700&display=swap');
@layer utilities {
  :root {
    --cui-font-family: 'Skranji';
  }
} */


@layer components {
  :root {

    /* */
    /* Layout: System */
    /* */
    --cui-transition-property:          all;
    --cui-transition-duration:          var(--mos-duration-slower);
    --cui-transition-timing:            var(--mos-easing-out);
    --cui-transition:                   none; /*var(--cui-transition-property) var(--cui-transition-duration) var(--cui-transition-timing);*/

    /* when loading custom fonts, we need to point this to them */
    --cui-font-family:                  initial;
    --cui-font-size:                    var(--mos-text-size-sm);
    --cui-font-weight:                  var(--mos-font-weight-regular);
    --cui-font-style:                   normal;
    --cui-font-variant:                 normal;
    --cui-font-feature-settings:        normal;
    --cui-font-line-height:             var(--mos-font-line-height-normal);
    --cui-font-letter-spacing:          var(--most-font-letter-spacing-slight);

    --cui-breakpoint-xl:                1280px;
    --cui-breakpoint-lg:                992px;
    --cui-breakpoint-md:                768px;
    --cui-breakpoint-sm:                478px;
    --cui-breakpoint-xs:                320px;

    --cui-breakpoint-xs-layout:         "full";
    --cui-breakpoint-sm-layout:         "full";
    --cui-breakpoint-md-layout:         "full";
    --cui-breakpoint-lg-layout:         "full";
    --cui-breakpoint-xl-layout:         "full";

    --cui-width-max:                    60rem;

    /* */
    /* Dialogue: Chat Bubbles */
    /* */
    --cui-bubble-width-max:            65ch;
    --cui-bubble-foreground:           var(--cui-foreground);
    --cui-bubble-border-radius:        1rem;
    --cui-bubble-border-radius-tip:    0.25rem;
    --cui-bubble-margin:               0rem;
    --cui-bubble-margin-left:          0rem;
    --cui-bubble-margin-top:           0rem;
    --cui-bubble-margin-bottom:        0rem;
    --cui-bubble-margin-right:         0rem;
    --cui-bubble-padding:              0.75rem;
    --cui-bubble-padding-left:         0.75rem;
    --cui-bubble-padding-top:          0.5rem;
    --cui-bubble-padding-bottom:       0.5rem;
    --cui-bubble-padding-right:        0.75rem;

    --cui-bubble-host-width:           2.5rem;
    --cui-bubble-host-foreground:      var(--cui-primary-bubble-foreground);
    --cui-bubble-host-background:      var(--cui-primary-bubble);
    --cui-bubble-host-background-hover:var(--cui-primary-bubble-hover);

    --cui-bubble-guest-foreground:     var(--cui-accent-card-foreground);
    --cui-bubble-guest-background:     var(--cui-accent-card);
    --cui-bubble-guest-background-hover:var(--cui-accent-card-hover);

    /* */
    /* Layout: Full */
    /* */
    --cui-full-foreground:              var(--cui-foreground);
    --cui-full-background:              var(--cui-background);
    --cui-full-margin:                  0rem;
    --cui-full-margin-left:             0rem;
    --cui-full-margin-top:              0rem;
    --cui-full-margin-bottom:           0rem;
    --cui-full-margin-right:            0rem;
    --cui-full-padding:                 0rem;
    --cui-full-padding-left:            0rem;
    --cui-full-padding-top:             0rem;
    --cui-full-padding-bottom:          0rem;
    --cui-full-padding-right:           0rem;
    --cui-full-shadow:                  none;

    /* */
    /* Layout: Floating */
    /* */
    --cui-floating-foreground:          var(--cui-foreground);
    --cui-floating-background:          var(--cui-background);
    --cui-floating-radius:              var(--cui-radius-xl);
    --cui-floating-margin:              1rem;
    --cui-floating-margin-left:         1rem;
    --cui-floating-margin-top:          1rem;
    --cui-floating-margin-bottom:       1rem;
    --cui-floating-margin-right:        1rem;
    --cui-floating-padding:             0rem;
    --cui-floating-padding-left:        0rem;
    --cui-floating-padding-top:         0rem;
    --cui-floating-padding-bottom:      0rem;
    --cui-floating-padding-right:       0rem;
    --cui-floating-width-min:           24rem;
    --cui-floating-width-max:           28rem;
    --cui-floating-width:               clamp(
      var(--cui-floating-width-min),
      var(--cui-floating-width-max),
      calc(100svw - (var(--cui-floating-margin-left) + var(--cui-floating-margin-right)))
    );
    --cui-floating-height-min:          12rem;
    --cui-floating-height-max:          64rem;
    --cui-floating-height:              clamp(
      var(--cui-floating-height-min),
      var(--cui-floating-height-max),
      calc(100svh - (var(--cui-floating-margin-top) + var(--cui-floating-margin-bottom)))
    );
    --cui-floating-shadow:              var(--cui-shadow-xl);

    /* */
    /* Layout: Pinned */
    /* */
    --cui-pinned-foreground:            var(--cui-foreground);
    --cui-pinned-background:            var(--cui-background);
    --cui-pinned-width-min:             24rem;
    --cui-pinned-width-max:             28rem;
    --cui-pinned-width:                 clamp(
      var(--cui-pinned-width-min),
      var(--cui-pinned-width-max),
      100svw
    );
    --cui-pinned-padding:               1rem;
    --cui-pinned-padding-left:          1rem;
    --cui-pinned-padding-top:           1rem;
    --cui-pinned-padding-bottom:        1rem;
    --cui-pinned-padding-right:         1rem;
    --cui-pinned-shadow:                var(--cui-shadow-xl);

    /* */
    /* Layout: Overlay */
    /* */
    --cui-overlay-foreground:           var(--cui-foreground);
    --cui-overlay-background:           transparent;
    --cui-overlay-height-min:           12rem;
    --cui-overlay-height-max:           28rem;
    --cui-overlay-height:               clamp(
      var(--cui-overlay-height-min),
      var(--cui-overlay-height-max),
      100svh
    );
    --cui-overlay-padding:              1rem;
    --cui-overlay-padding-left:         1rem;
    --cui-overlay-padding-top:          1rem;
    --cui-overlay-padding-bottom:       1rem;
    --cui-overlay-padding-right:        1rem;
    --cui-overlay-shadow:               var(--cui-shadow-xl);

    /* */
    /* Layout: Minimized */
    /* */
    --cui-minimized-foreground:         var(--cui-foreground);
    --cui-minimized-background:         var(--cui-background);
    --cui-minimized-shadow:             var(--cui-shadow-lg);
    --cui-minimized-size:               4rem;
    --cui-minimized-margin-left:        1rem;
    --cui-minimized-margin-top:         1rem;
    --cui-minimized-margin-bottom:      1rem;
    --cui-minimized-margin-right:       1rem;

    /* */
    /* Colors: System Foundation */
    /* These are the lowest level colors that every other color cascades from by default, serving as the foundation for all visual elements within the application. */
    /* */
    --cui-seed-color:                   #103a50;
    --cui-seed-chroma-relative-primary: var(--mos-seed-chroma-relative-primary); /*   */
    --cui-seed-chroma-relative-neutral: var(--mos-seed-chroma-relative-neutral); /*   */
    --cui-seed-chroma-relative-accent:  var(--mos-seed-chroma-relative-accent); /*   */
    --cui-seed-chroma-relative-dark:    var(--mos-seed-chroma-relative-dark); /*   */

    --cui-seed-lightness-min:           var(--mos-seed-lightness-min); /*   */
    --cui-seed-lightness-max:           var(--mos-seed-lightness-max); /*   */

    /* */
    /* Color: Primary Colors */
    /* Cascade: from CUI System */
    /* --cui-raw-primary:               slateblue; */
    --cui-raw-primary-light:            oklch(from var(--cui-raw-primary) l c h);
    --cui-raw-primary-dark:             oklch(from var(--cui-raw-primary-light) l c h);

    /* Lightness and Chroma limits */
    /* Cascade: from CUI System */
    --cui-raw-primary-c-max:            var(--cui-seed-chroma-relative-primary);
    --cui-raw-primary-l-min:            var(--cui-seed-lightness-min);
    --cui-raw-primary-l-max:            var(--cui-seed-lightness-max);

    --cui-raw-primary-c-max-dark:       calc(var(--cui-raw-primary-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-primary-l-min-dark:       var(--cui-raw-primary-l-min);
    --cui-raw-primary-l-max-dark:       var(--cui-raw-primary-l-max);


    /* */
    /* Color: Accent Colors */
    /* Cascade: from Primary Colors */
    /* --cui-raw-accent:                slateblue; */
    --cui-raw-accent-light:             oklch(from var(--cui-raw-accent) l c h);
    --cui-raw-accent-dark:              oklch(from var(--cui-raw-accent-light) l c h);

    /* Lightness and Chroma limits */
    /* Cascade: from CUI System */
    --cui-raw-accent-c-max:             var(--cui-seed-chroma-relative-accent);
    --cui-raw-accent-l-min:             var(--cui-seed-lightness-min);
    --cui-raw-accent-l-max:             var(--cui-seed-lightness-max);

    --cui-raw-accent-c-max-dark:        calc(var(--cui-raw-accent-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-accent-l-min-dark:        var(--cui-raw-accent-l-min);
    --cui-raw-accent-l-max-dark:        var(--cui-raw-accent-l-max);


    /* */
    /* Color: Neutral Colors */
    /* Cascade: from Primary Colors */
    /* --cui-raw-neutral:               slateblue; */
    --cui-raw-neutral-light:            oklch(from var(--cui-raw-neutral) l c h);
    --cui-raw-neutral-dark:             oklch(from var(--cui-raw-neutral-light) l c h);

    /* Lightness and Chroma limits */
    /* Cascade: from CUI System */
    --cui-raw-neutral-c-max:            var(--cui-seed-chroma-relative-neutral);
    --cui-raw-neutral-l-min:            var(--cui-seed-lightness-min);
    --cui-raw-neutral-l-max:            var(--cui-seed-lightness-max);

    --cui-raw-neutral-c-max-dark:       calc(var(--cui-raw-neutral-c-max) * var(--cui-seed-chroma-relative-dark));
    --cui-raw-neutral-l-min-dark:       var(--cui-raw-neutral-l-min);
    --cui-raw-neutral-l-max-dark:       var(--cui-raw-neutral-l-max);
  }
}

/* 

*******************
SYSTEM GENERATED FILE!!
*******************

Do not add any styles to this file. This file will be generated by the build process when a custom style is created for a client.
This file should exist as an empty css file in the build. 

When creating a custom css for a client, create a new file called custom.client.css
Use properties from custom.maison.css as reference
Update the custom.client.css using those values and properties
Run the build command to generate the styles bundle

*/