{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "style",
  "type": "registry:style",
  "title": "Frames X Style",
  "description": "Frames X global stylesheet: GTC design tokens (global/theme/component), light + dark themes, size-mode scopes, and all component slot styles.",
  "author": "Frames X",
  "extends": "none",
  "dependencies": [
    "tw-animate-css@^1.4.0",
    "shadcn@^4.21.0"
  ],
  "files": [
    {
      "path": "app/globals.css",
      "type": "registry:file",
      "target": "app/globals.css",
      "content": "/*!\n * Frames X — registry:style stylesheet (generated, do not edit).\n * Portions derived from shadcn/ui — MIT License, Copyright (c) 2023 shadcn.\n * License text: https://github.com/shadcn-ui/ui/blob/main/LICENSE.md\n */\n@import \"tailwindcss\";\n@import \"tw-animate-css\";\n@import \"shadcn/tailwind.css\";\n\n@layer components {\n\n:root {\n    \n    --component-accordion-trigger-radius: var(--global-radius-12);\n    --component-accordion-trigger-radius-xsmall: var(--global-radius-10);\n    --component-accordion-trigger-radius-small: var(--global-radius-10);\n    --component-accordion-trigger-radius-large: var(--global-radius-12);\n    --component-accordion-trigger-padding-block: var(--global-size-unit-10);\n    --component-accordion-trigger-padding-block-xsmall: var(--global-size-unit-6);\n    --component-accordion-trigger-padding-block-small: var(--global-size-unit-8);\n    --component-accordion-trigger-padding-block-large: var(--global-size-unit-12);\n    --component-accordion-trigger-font-size: var(--global-typography-font-size-14);\n    --component-accordion-trigger-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-accordion-trigger-font-size-small: var(--global-typography-font-size-13);\n    --component-accordion-trigger-font-size-large: var(--global-typography-font-size-14);\n    --component-accordion-trigger-line-height: var(--global-typography-line-height-20);\n    --component-accordion-trigger-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-accordion-trigger-line-height-small: var(--global-typography-line-height-20);\n    --component-accordion-trigger-line-height-large: var(--global-typography-line-height-20);\n    --component-accordion-trigger-icon: var(--global-size-unit-16);\n    --component-accordion-trigger-icon-xsmall: var(--global-size-unit-12);\n    --component-accordion-trigger-icon-small: var(--global-size-unit-14);\n    --component-accordion-trigger-icon-large: var(--global-size-unit-16);\n    --component-alert-dialog-width: var(--global-size-unit-384);\n    --component-alert-dialog-width-small: var(--global-size-unit-320);\n    --component-alert-radius: var(--global-radius-12);\n    --component-alert-padding-inline: var(--global-size-unit-10);\n    --component-alert-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-alert-padding-inline-small: var(--global-size-unit-8);\n    --component-alert-padding-inline-large: var(--global-size-unit-12);\n    --component-alert-padding-block: var(--global-size-unit-8);\n    --component-alert-padding-block-xsmall: var(--global-size-unit-6);\n    --component-alert-padding-block-small: var(--global-size-unit-6);\n    --component-alert-padding-block-large: var(--global-size-unit-10);\n    --component-alert-spacing-gap: var(--global-size-unit-2);\n    --component-alert-icon-gap: var(--global-size-unit-8);\n    --component-alert-font-size: var(--global-typography-font-size-14);\n    --component-alert-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-alert-font-size-small: var(--global-typography-font-size-13);\n    --component-alert-font-size-large: var(--global-typography-font-size-14);\n    --component-alert-icon: var(--global-size-unit-16);\n    --component-alert-icon-xsmall: var(--global-size-unit-12);\n    --component-alert-icon-small: var(--global-size-unit-14);\n    --component-alert-icon-large: var(--global-size-unit-16);\n    --component-alert-action-offset: var(--global-size-unit-8);\n    --component-alert-action-space: var(--global-size-unit-72);\n    --component-attachment-spacing-gap: var(--global-size-unit-8);\n    --component-attachment-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-attachment-spacing-gap-small: var(--global-size-unit-6);\n    --component-attachment-font-size: var(--global-typography-font-size-14);\n    --component-attachment-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-attachment-font-size-small: var(--global-typography-font-size-12);\n    --component-attachment-padding-inline: var(--global-size-unit-10);\n    --component-attachment-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-attachment-padding-inline-small: var(--global-size-unit-8);\n    --component-attachment-padding-block: var(--global-size-unit-8);\n    --component-attachment-padding-block-xsmall: var(--global-size-unit-4);\n    --component-attachment-padding-block-small: var(--global-size-unit-6);\n    --component-attachment-media-padding: var(--global-size-unit-8);\n    --component-attachment-media-padding-xsmall: var(--global-size-unit-4);\n    --component-attachment-media-padding-small: var(--global-size-unit-6);\n    --component-avatar-size: var(--global-size-unit-32);\n    --component-avatar-size-small: var(--global-size-unit-24);\n    --component-avatar-size-large: var(--global-size-unit-40);\n    --component-avatar-icon: var(--global-size-unit-16);\n    --component-avatar-icon-small: var(--global-size-unit-12);\n    --component-avatar-icon-large: var(--global-size-unit-20);\n    --component-badge-size: var(--global-size-unit-20);\n    --component-badge-size-xsmall: var(--global-size-unit-16);\n    --component-badge-size-small: var(--global-size-unit-18);\n    --component-badge-size-large: var(--global-size-unit-24);\n    --component-badge-padding-inline: var(--global-size-unit-8);\n    --component-badge-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-badge-padding-inline-small: var(--global-size-unit-8);\n    --component-badge-padding-inline-large: var(--global-size-unit-10);\n    --component-badge-padding-inline-icon: var(--global-size-unit-6);\n    --component-badge-padding-inline-icon-xsmall: var(--global-size-unit-4);\n    --component-badge-padding-inline-icon-small: var(--global-size-unit-6);\n    --component-badge-padding-inline-icon-large: var(--global-size-unit-8);\n    --component-badge-spacing-gap: var(--global-size-unit-4);\n    --component-badge-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-badge-spacing-gap-small: var(--global-size-unit-4);\n    --component-badge-spacing-gap-large: var(--global-size-unit-6);\n    --component-badge-font-size: var(--global-typography-font-size-12);\n    --component-badge-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-badge-font-size-small: var(--global-typography-font-size-12);\n    --component-badge-font-size-large: var(--global-typography-font-size-13);\n    --component-badge-line-height: var(--global-typography-line-height-16);\n    --component-badge-icon: var(--global-size-unit-12);\n    --component-badge-icon-xsmall: var(--global-size-unit-10);\n    --component-badge-icon-small: var(--global-size-unit-12);\n    --component-badge-icon-large: var(--global-size-unit-14);\n    --component-badge-radius: var(--global-radius-full);\n    --component-breadcrumb-spacing-gap: var(--global-size-unit-6);\n    --component-breadcrumb-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-breadcrumb-spacing-gap-small: var(--global-size-unit-4);\n    --component-breadcrumb-spacing-gap-large: var(--global-size-unit-6);\n    --component-breadcrumb-item-spacing-gap: var(--global-size-unit-4);\n    --component-breadcrumb-font-size: var(--global-typography-font-size-14);\n    --component-breadcrumb-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-breadcrumb-font-size-small: var(--global-typography-font-size-13);\n    --component-breadcrumb-font-size-large: var(--global-typography-font-size-14);\n    --component-breadcrumb-icon: var(--global-size-unit-16);\n    --component-breadcrumb-icon-xsmall: var(--global-size-unit-12);\n    --component-breadcrumb-icon-small: var(--global-size-unit-14);\n    --component-breadcrumb-icon-large: var(--global-size-unit-16);\n    --component-breadcrumb-separator-icon: var(--global-size-unit-14);\n    --component-breadcrumb-separator-icon-xsmall: var(--global-size-unit-12);\n    --component-breadcrumb-separator-icon-small: var(--global-size-unit-12);\n    --component-breadcrumb-separator-icon-large: var(--global-size-unit-16);\n    --component-breadcrumb-ellipsis-size: var(--global-size-unit-20);\n    --component-breadcrumb-ellipsis-size-xsmall: var(--global-size-unit-16);\n    --component-breadcrumb-ellipsis-size-small: var(--global-size-unit-18);\n    --component-breadcrumb-ellipsis-size-large: var(--global-size-unit-24);\n    --component-bubble-radius: var(--global-radius-16);\n    --component-bubble-padding-inline: var(--global-size-unit-12);\n    --component-bubble-padding-inline-xsmall: var(--global-size-unit-10);\n    --component-bubble-padding-inline-small: var(--global-size-unit-10);\n    --component-bubble-padding-inline-large: var(--global-size-unit-14);\n    --component-bubble-padding-block: var(--global-size-unit-8);\n    --component-bubble-padding-block-xsmall: var(--global-size-unit-6);\n    --component-bubble-padding-block-small: var(--global-size-unit-6);\n    --component-bubble-padding-block-large: var(--global-size-unit-10);\n    --component-bubble-font-size: var(--global-typography-font-size-14);\n    --component-bubble-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-bubble-font-size-small: var(--global-typography-font-size-13);\n    --component-bubble-font-size-large: var(--global-typography-font-size-14);\n    --component-bubble-spacing-gap: var(--global-size-unit-4);\n    --component-bubble-group-spacing-gap: var(--global-size-unit-8);\n    --component-button-size: var(--global-size-unit-32);\n    --component-button-size-xsmall: var(--global-size-unit-24);\n    --component-button-size-small: var(--global-size-unit-28);\n    --component-button-size-large: var(--global-size-unit-36);\n    --component-button-padding-inline: var(--global-size-unit-10);\n    --component-button-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-button-padding-inline-small: var(--global-size-unit-10);\n    --component-button-padding-inline-large: var(--global-size-unit-10);\n    --component-button-padding-inline-icon: var(--global-size-unit-8);\n    --component-button-padding-inline-icon-xsmall: var(--global-size-unit-6);\n    --component-button-padding-inline-icon-small: var(--global-size-unit-6);\n    --component-button-padding-inline-icon-large: var(--global-size-unit-8);\n    --component-button-spacing-gap: var(--global-size-unit-6);\n    --component-button-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-button-spacing-gap-small: var(--global-size-unit-4);\n    --component-button-spacing-gap-large: var(--global-size-unit-6);\n    --component-button-font-size: var(--global-typography-font-size-14);\n    --component-button-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-button-font-size-small: var(--global-typography-font-size-13);\n    --component-button-font-size-large: var(--global-typography-font-size-14);\n    --component-button-icon: var(--global-size-unit-16);\n    --component-button-icon-xsmall: var(--global-size-unit-12);\n    --component-button-icon-small: var(--global-size-unit-14);\n    --component-button-icon-large: var(--global-size-unit-16);\n    --component-button-radius: var(--global-radius-12);\n    --component-button-radius-xsmall: var(--global-radius-10);\n    --component-button-radius-small: var(--global-radius-10);\n    --component-button-radius-large: var(--global-radius-12);\n    --component-button-line-height: var(--global-typography-line-height-20);\n    --component-button-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-button-line-height-small: var(--global-typography-line-height-20);\n    --component-button-line-height-large: var(--global-typography-line-height-20);\n    --component-calendar-cell-size: var(--global-size-unit-28);\n    --component-card-spacing: var(--global-size-unit-16);\n    --component-card-spacing-small: var(--global-size-unit-12);\n    --component-card-title-font-size: var(--global-typography-font-size-16);\n    --component-card-title-font-size-small: var(--global-typography-font-size-14);\n    --component-carousel-nav-radius: var(--global-radius-full);\n    --component-chart-tooltip-radius: var(--global-radius-12);\n    --component-chart-tooltip-padding-inline: var(--global-size-unit-10);\n    --component-chart-tooltip-padding-block: var(--global-size-unit-6);\n    --component-chart-tooltip-spacing-gap: var(--global-size-unit-6);\n    --component-chart-tooltip-font-size: var(--global-typography-font-size-12);\n    --component-checkbox-size: var(--global-size-unit-16);\n    --component-checkbox-size-xsmall: var(--global-size-unit-12);\n    --component-checkbox-size-small: var(--global-size-unit-14);\n    --component-checkbox-size-large: var(--global-size-unit-18);\n    --component-checkbox-icon: var(--global-size-unit-14);\n    --component-checkbox-icon-xsmall: var(--global-size-unit-10);\n    --component-checkbox-icon-small: var(--global-size-unit-12);\n    --component-checkbox-icon-large: var(--global-size-unit-16);\n    --component-command-radius: var(--global-radius-16);\n    --component-command-radius-xsmall: var(--global-radius-12);\n    --component-command-radius-small: var(--global-radius-12);\n    --component-command-radius-large: var(--global-radius-16);\n    --component-command-padding: var(--global-size-unit-4);\n    --component-command-input-size: var(--global-size-unit-32);\n    --component-command-input-size-xsmall: var(--global-size-unit-24);\n    --component-command-input-size-small: var(--global-size-unit-28);\n    --component-command-input-size-large: var(--global-size-unit-36);\n    --component-command-input-radius: var(--global-radius-12);\n    --component-command-input-radius-xsmall: var(--global-radius-10);\n    --component-command-input-radius-small: var(--global-radius-10);\n    --component-command-input-radius-large: var(--global-radius-12);\n    --component-command-input-font-size: var(--global-typography-font-size-14);\n    --component-command-input-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-command-input-font-size-small: var(--global-typography-font-size-13);\n    --component-command-input-font-size-large: var(--global-typography-font-size-14);\n    --component-command-input-icon: var(--global-size-unit-16);\n    --component-command-input-icon-xsmall: var(--global-size-unit-12);\n    --component-command-input-icon-small: var(--global-size-unit-14);\n    --component-command-input-icon-large: var(--global-size-unit-16);\n    --component-command-list-max-height: var(--global-size-unit-288);\n    --component-command-empty-padding-block: var(--global-size-unit-24);\n    --component-command-heading-padding-inline: var(--global-size-unit-8);\n    --component-command-heading-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-command-heading-padding-inline-small: var(--global-size-unit-8);\n    --component-command-heading-padding-inline-large: var(--global-size-unit-10);\n    --component-command-heading-padding-block: var(--global-size-unit-6);\n    --component-command-heading-padding-block-xsmall: var(--global-size-unit-4);\n    --component-command-heading-padding-block-small: var(--global-size-unit-4);\n    --component-command-heading-padding-block-large: var(--global-size-unit-8);\n    --component-command-heading-font-size: var(--global-typography-font-size-12);\n    --component-command-heading-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-command-heading-font-size-small: var(--global-typography-font-size-12);\n    --component-command-heading-font-size-large: var(--global-typography-font-size-13);\n    --component-command-item-radius: var(--global-radius-8);\n    --component-command-item-radius-xsmall: var(--global-radius-6);\n    --component-command-item-radius-small: var(--global-radius-6);\n    --component-command-item-radius-large: var(--global-radius-8);\n    --component-command-item-radius-dialog: var(--global-radius-12);\n    --component-command-item-radius-dialog-xsmall: var(--global-radius-10);\n    --component-command-item-radius-dialog-small: var(--global-radius-10);\n    --component-command-item-radius-dialog-large: var(--global-radius-12);\n    --component-command-item-padding-inline: var(--global-size-unit-8);\n    --component-command-item-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-command-item-padding-inline-small: var(--global-size-unit-8);\n    --component-command-item-padding-inline-large: var(--global-size-unit-10);\n    --component-command-item-padding-block: var(--global-size-unit-6);\n    --component-command-item-padding-block-xsmall: var(--global-size-unit-4);\n    --component-command-item-padding-block-small: var(--global-size-unit-4);\n    --component-command-item-padding-block-large: var(--global-size-unit-8);\n    --component-command-item-spacing-gap: var(--global-size-unit-8);\n    --component-command-item-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-command-item-spacing-gap-small: var(--global-size-unit-6);\n    --component-command-item-spacing-gap-large: var(--global-size-unit-8);\n    --component-command-item-font-size: var(--global-typography-font-size-14);\n    --component-command-item-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-command-item-font-size-small: var(--global-typography-font-size-13);\n    --component-command-item-font-size-large: var(--global-typography-font-size-14);\n    --component-command-item-line-height: var(--global-typography-line-height-20);\n    --component-command-item-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-command-item-line-height-small: var(--global-typography-line-height-20);\n    --component-command-item-line-height-large: var(--global-typography-line-height-20);\n    --component-command-item-icon: var(--global-size-unit-16);\n    --component-command-item-icon-xsmall: var(--global-size-unit-12);\n    --component-command-item-icon-small: var(--global-size-unit-14);\n    --component-command-item-icon-large: var(--global-size-unit-16);\n    --component-command-shortcut-font-size: var(--global-typography-font-size-12);\n    --component-command-shortcut-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-command-shortcut-font-size-small: var(--global-typography-font-size-12);\n    --component-command-shortcut-font-size-large: var(--global-typography-font-size-13);\n    --component-context-menu-content-min-width: var(--global-size-unit-144);\n    --component-context-menu-content-radius: var(--global-radius-12);\n    --component-context-menu-content-radius-xsmall: var(--global-radius-10);\n    --component-context-menu-content-radius-small: var(--global-radius-10);\n    --component-context-menu-content-radius-large: var(--global-radius-12);\n    --component-context-menu-content-padding: var(--global-size-unit-4);\n    --component-context-menu-sub-content-min-width: var(--global-size-unit-128);\n    --component-context-menu-item-radius: var(--global-radius-10);\n    --component-context-menu-item-radius-xsmall: var(--global-radius-8);\n    --component-context-menu-item-radius-small: var(--global-radius-8);\n    --component-context-menu-item-radius-large: var(--global-radius-10);\n    --component-context-menu-item-padding-inline: var(--global-size-unit-6);\n    --component-context-menu-item-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-context-menu-item-padding-inline-small: var(--global-size-unit-6);\n    --component-context-menu-item-padding-inline-large: var(--global-size-unit-8);\n    --component-context-menu-item-padding-block: var(--global-size-unit-4);\n    --component-context-menu-item-padding-block-xsmall: var(--global-size-unit-2);\n    --component-context-menu-item-padding-block-small: var(--global-size-unit-2);\n    --component-context-menu-item-padding-block-large: var(--global-size-unit-6);\n    --component-context-menu-item-spacing-gap: var(--global-size-unit-6);\n    --component-context-menu-item-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-context-menu-item-spacing-gap-small: var(--global-size-unit-4);\n    --component-context-menu-item-spacing-gap-large: var(--global-size-unit-6);\n    --component-context-menu-item-font-size: var(--global-typography-font-size-14);\n    --component-context-menu-item-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-context-menu-item-font-size-small: var(--global-typography-font-size-13);\n    --component-context-menu-item-font-size-large: var(--global-typography-font-size-14);\n    --component-context-menu-item-line-height: var(--global-typography-line-height-20);\n    --component-context-menu-item-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-context-menu-item-line-height-small: var(--global-typography-line-height-20);\n    --component-context-menu-item-line-height-large: var(--global-typography-line-height-20);\n    --component-context-menu-item-icon: var(--global-size-unit-16);\n    --component-context-menu-item-icon-xsmall: var(--global-size-unit-12);\n    --component-context-menu-item-icon-small: var(--global-size-unit-14);\n    --component-context-menu-item-icon-large: var(--global-size-unit-16);\n    --component-context-menu-item-inset: var(--global-size-unit-28);\n    --component-context-menu-item-inset-xsmall: var(--global-size-unit-20);\n    --component-context-menu-item-inset-small: var(--global-size-unit-24);\n    --component-context-menu-item-inset-large: var(--global-size-unit-30);\n    --component-context-menu-item-padding-indicator: var(--global-size-unit-32);\n    --component-context-menu-item-padding-indicator-xsmall: var(--global-size-unit-24);\n    --component-context-menu-item-padding-indicator-small: var(--global-size-unit-28);\n    --component-context-menu-item-padding-indicator-large: var(--global-size-unit-36);\n    --component-context-menu-label-font-size: var(--global-typography-font-size-12);\n    --component-context-menu-label-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-context-menu-label-font-size-small: var(--global-typography-font-size-12);\n    --component-context-menu-label-font-size-large: var(--global-typography-font-size-13);\n    --component-dialog-radius: var(--global-radius-16);\n    --component-dialog-max-width: var(--global-size-unit-384);\n    --component-dialog-padding: var(--global-size-unit-16);\n    --component-dialog-padding-xsmall: var(--global-size-unit-12);\n    --component-dialog-padding-small: var(--global-size-unit-12);\n    --component-dialog-padding-large: var(--global-size-unit-20);\n    --component-dialog-spacing-gap: var(--global-size-unit-16);\n    --component-dialog-spacing-gap-xsmall: var(--global-size-unit-12);\n    --component-dialog-spacing-gap-small: var(--global-size-unit-12);\n    --component-dialog-spacing-gap-large: var(--global-size-unit-20);\n    --component-dialog-font-size: var(--global-typography-font-size-14);\n    --component-dialog-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-dialog-font-size-small: var(--global-typography-font-size-13);\n    --component-dialog-font-size-large: var(--global-typography-font-size-14);\n    --component-dialog-title-font-size: var(--global-typography-font-size-16);\n    --component-dialog-title-font-size-xsmall: var(--global-typography-font-size-14);\n    --component-dialog-title-font-size-small: var(--global-typography-font-size-14);\n    --component-dialog-title-font-size-large: var(--global-typography-font-size-18);\n    --component-dialog-header-spacing-gap: var(--global-size-unit-8);\n    --component-dialog-header-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-dialog-header-spacing-gap-small: var(--global-size-unit-6);\n    --component-dialog-header-spacing-gap-large: var(--global-size-unit-8);\n    --component-dialog-close-offset: var(--global-size-unit-8);\n    --component-drawer-radius: var(--global-radius-16);\n    --component-drawer-padding: var(--global-size-unit-16);\n    --component-drawer-padding-xsmall: var(--global-size-unit-12);\n    --component-drawer-padding-small: var(--global-size-unit-12);\n    --component-drawer-padding-large: var(--global-size-unit-20);\n    --component-drawer-font-size: var(--global-typography-font-size-14);\n    --component-drawer-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-drawer-font-size-small: var(--global-typography-font-size-13);\n    --component-drawer-font-size-large: var(--global-typography-font-size-14);\n    --component-drawer-title-font-size: var(--global-typography-font-size-16);\n    --component-drawer-title-font-size-xsmall: var(--global-typography-font-size-14);\n    --component-drawer-title-font-size-small: var(--global-typography-font-size-14);\n    --component-drawer-title-font-size-large: var(--global-typography-font-size-18);\n    --component-drawer-header-spacing-gap: var(--global-size-unit-2);\n    --component-drawer-footer-spacing-gap: var(--global-size-unit-8);\n    --component-drawer-footer-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-drawer-footer-spacing-gap-small: var(--global-size-unit-6);\n    --component-drawer-footer-spacing-gap-large: var(--global-size-unit-8);\n    --component-dropdown-menu-content-min-width: var(--global-size-unit-128);\n    --component-dropdown-menu-content-radius: var(--global-radius-12);\n    --component-dropdown-menu-content-radius-xsmall: var(--global-radius-10);\n    --component-dropdown-menu-content-radius-small: var(--global-radius-10);\n    --component-dropdown-menu-content-radius-large: var(--global-radius-12);\n    --component-dropdown-menu-content-padding: var(--global-size-unit-4);\n    --component-dropdown-menu-sub-content-min-width: var(--global-size-unit-96);\n    --component-dropdown-menu-item-radius: var(--global-radius-10);\n    --component-dropdown-menu-item-radius-xsmall: var(--global-radius-8);\n    --component-dropdown-menu-item-radius-small: var(--global-radius-8);\n    --component-dropdown-menu-item-radius-large: var(--global-radius-10);\n    --component-dropdown-menu-item-padding-inline: var(--global-size-unit-6);\n    --component-dropdown-menu-item-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-dropdown-menu-item-padding-inline-small: var(--global-size-unit-6);\n    --component-dropdown-menu-item-padding-inline-large: var(--global-size-unit-8);\n    --component-dropdown-menu-item-padding-block: var(--global-size-unit-4);\n    --component-dropdown-menu-item-padding-block-xsmall: var(--global-size-unit-2);\n    --component-dropdown-menu-item-padding-block-small: var(--global-size-unit-2);\n    --component-dropdown-menu-item-padding-block-large: var(--global-size-unit-6);\n    --component-dropdown-menu-item-spacing-gap: var(--global-size-unit-6);\n    --component-dropdown-menu-item-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-dropdown-menu-item-spacing-gap-small: var(--global-size-unit-4);\n    --component-dropdown-menu-item-spacing-gap-large: var(--global-size-unit-6);\n    --component-dropdown-menu-item-font-size: var(--global-typography-font-size-14);\n    --component-dropdown-menu-item-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-dropdown-menu-item-font-size-small: var(--global-typography-font-size-13);\n    --component-dropdown-menu-item-font-size-large: var(--global-typography-font-size-14);\n    --component-dropdown-menu-item-line-height: var(--global-typography-line-height-20);\n    --component-dropdown-menu-item-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-dropdown-menu-item-line-height-small: var(--global-typography-line-height-20);\n    --component-dropdown-menu-item-line-height-large: var(--global-typography-line-height-20);\n    --component-dropdown-menu-item-icon: var(--global-size-unit-16);\n    --component-dropdown-menu-item-icon-xsmall: var(--global-size-unit-12);\n    --component-dropdown-menu-item-icon-small: var(--global-size-unit-14);\n    --component-dropdown-menu-item-icon-large: var(--global-size-unit-16);\n    --component-dropdown-menu-item-inset: var(--global-size-unit-28);\n    --component-dropdown-menu-item-inset-xsmall: var(--global-size-unit-20);\n    --component-dropdown-menu-item-inset-small: var(--global-size-unit-24);\n    --component-dropdown-menu-item-inset-large: var(--global-size-unit-30);\n    --component-dropdown-menu-item-padding-indicator: var(--global-size-unit-32);\n    --component-dropdown-menu-item-padding-indicator-xsmall: var(--global-size-unit-24);\n    --component-dropdown-menu-item-padding-indicator-small: var(--global-size-unit-28);\n    --component-dropdown-menu-item-padding-indicator-large: var(--global-size-unit-36);\n    --component-dropdown-menu-label-font-size: var(--global-typography-font-size-12);\n    --component-dropdown-menu-label-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-dropdown-menu-label-font-size-small: var(--global-typography-font-size-12);\n    --component-dropdown-menu-label-font-size-large: var(--global-typography-font-size-13);\n    --component-empty-radius: var(--global-radius-16);\n    --component-empty-padding: var(--global-size-unit-24);\n    --component-empty-padding-xsmall: var(--global-size-unit-16);\n    --component-empty-padding-small: var(--global-size-unit-20);\n    --component-empty-padding-large: var(--global-size-unit-28);\n    --component-empty-spacing-gap: var(--global-size-unit-16);\n    --component-empty-spacing-gap-xsmall: var(--global-size-unit-12);\n    --component-empty-spacing-gap-small: var(--global-size-unit-12);\n    --component-empty-spacing-gap-large: var(--global-size-unit-20);\n    --component-empty-font-size: var(--global-typography-font-size-14);\n    --component-empty-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-empty-font-size-small: var(--global-typography-font-size-13);\n    --component-empty-font-size-large: var(--global-typography-font-size-14);\n    --component-empty-header-spacing-gap: var(--global-size-unit-8);\n    --component-empty-header-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-empty-header-spacing-gap-small: var(--global-size-unit-6);\n    --component-empty-header-spacing-gap-large: var(--global-size-unit-8);\n    --component-empty-media-size: var(--global-size-unit-32);\n    --component-empty-media-size-xsmall: var(--global-size-unit-24);\n    --component-empty-media-size-small: var(--global-size-unit-28);\n    --component-empty-media-size-large: var(--global-size-unit-36);\n    --component-empty-media-radius: var(--global-radius-12);\n    --component-empty-media-radius-xsmall: var(--global-radius-10);\n    --component-empty-media-radius-small: var(--global-radius-10);\n    --component-empty-media-radius-large: var(--global-radius-12);\n    --component-empty-media-icon: var(--global-size-unit-16);\n    --component-empty-media-icon-xsmall: var(--global-size-unit-12);\n    --component-empty-media-icon-small: var(--global-size-unit-14);\n    --component-empty-media-icon-large: var(--global-size-unit-16);\n    --component-empty-media-spacing: var(--global-size-unit-8);\n    --component-empty-content-spacing-gap: var(--global-size-unit-10);\n    --component-field-spacing-gap: var(--global-size-unit-8);\n    --component-field-spacing-gap-small: var(--global-size-unit-6);\n    --component-field-group-spacing-gap: var(--global-size-unit-20);\n    --component-field-group-spacing-gap-small: var(--global-size-unit-16);\n    --component-hover-card-radius: var(--global-radius-12);\n    --component-hover-card-width: var(--global-size-unit-256);\n    --component-hover-card-padding: var(--global-size-unit-10);\n    --component-hover-card-padding-xsmall: var(--global-size-unit-8);\n    --component-hover-card-padding-small: var(--global-size-unit-8);\n    --component-hover-card-padding-large: var(--global-size-unit-12);\n    --component-hover-card-font-size: var(--global-typography-font-size-14);\n    --component-hover-card-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-hover-card-font-size-small: var(--global-typography-font-size-13);\n    --component-hover-card-font-size-large: var(--global-typography-font-size-14);\n    --component-input-group-size: var(--component-input-size);\n    --component-input-group-size-xsmall: var(--global-size-unit-24);\n    --component-input-group-padding-inline: var(--global-size-unit-6);\n    --component-input-group-spacing-gap: var(--global-size-unit-4);\n    --component-input-group-icon: var(--global-size-unit-14);\n    --component-input-otp-spacing-gap: var(--global-size-unit-8);\n    --component-input-otp-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-input-otp-spacing-gap-small: var(--global-size-unit-6);\n    --component-input-otp-spacing-gap-large: var(--global-size-unit-8);\n    --component-input-otp-radius: var(--global-radius-12);\n    --component-input-otp-radius-xsmall: var(--global-radius-10);\n    --component-input-otp-radius-small: var(--global-radius-10);\n    --component-input-otp-radius-large: var(--global-radius-12);\n    --component-input-otp-slot-size: var(--global-size-unit-32);\n    --component-input-otp-slot-size-xsmall: var(--global-size-unit-24);\n    --component-input-otp-slot-size-small: var(--global-size-unit-28);\n    --component-input-otp-slot-size-large: var(--global-size-unit-36);\n    --component-input-otp-slot-font-size: var(--global-typography-font-size-14);\n    --component-input-otp-slot-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-input-otp-slot-font-size-small: var(--global-typography-font-size-13);\n    --component-input-otp-slot-font-size-large: var(--global-typography-font-size-14);\n    --component-input-otp-slot-caret: var(--global-size-unit-16);\n    --component-input-otp-slot-caret-xsmall: var(--global-size-unit-12);\n    --component-input-otp-slot-caret-small: var(--global-size-unit-14);\n    --component-input-otp-slot-caret-large: var(--global-size-unit-16);\n    --component-input-otp-separator-icon: var(--global-size-unit-16);\n    --component-input-otp-separator-icon-xsmall: var(--global-size-unit-12);\n    --component-input-otp-separator-icon-small: var(--global-size-unit-14);\n    --component-input-otp-separator-icon-large: var(--global-size-unit-16);\n    --component-input-size: var(--global-size-unit-32);\n    --component-input-size-xsmall: var(--global-size-unit-24);\n    --component-input-size-small: var(--global-size-unit-28);\n    --component-input-size-large: var(--global-size-unit-36);\n    --component-input-padding-inline: var(--global-size-unit-10);\n    --component-input-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-input-padding-inline-small: var(--global-size-unit-10);\n    --component-input-padding-inline-large: var(--global-size-unit-10);\n    --component-input-font-size: var(--global-typography-font-size-14);\n    --component-input-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-input-font-size-small: var(--global-typography-font-size-13);\n    --component-input-font-size-large: var(--global-typography-font-size-14);\n    --component-item-spacing-gap: var(--global-size-unit-10);\n    --component-item-spacing-gap-xsmall: var(--global-size-unit-8);\n    --component-item-spacing-gap-small: var(--global-size-unit-10);\n    --component-item-padding-inline: var(--global-size-unit-12);\n    --component-item-padding-inline-xsmall: var(--global-size-unit-10);\n    --component-item-padding-inline-small: var(--global-size-unit-12);\n    --component-item-padding-block: var(--global-size-unit-10);\n    --component-item-padding-block-xsmall: var(--global-size-unit-8);\n    --component-item-padding-block-small: var(--global-size-unit-10);\n    --component-item-group-spacing-gap: var(--global-size-unit-16);\n    --component-item-group-spacing-gap-xsmall: var(--global-size-unit-8);\n    --component-item-group-spacing-gap-small: var(--global-size-unit-10);\n    --component-item-media-size: var(--global-size-unit-40);\n    --component-item-media-size-xsmall: var(--global-size-unit-24);\n    --component-item-media-size-small: var(--global-size-unit-32);\n    --component-kbd-size: var(--global-size-unit-20);\n    --component-kbd-size-xsmall: var(--global-size-unit-16);\n    --component-kbd-size-small: var(--global-size-unit-18);\n    --component-kbd-size-large: var(--global-size-unit-24);\n    --component-kbd-padding-inline: var(--global-size-unit-4);\n    --component-kbd-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-kbd-padding-inline-small: var(--global-size-unit-4);\n    --component-kbd-padding-inline-large: var(--global-size-unit-6);\n    --component-kbd-spacing-gap: var(--global-size-unit-4);\n    --component-kbd-font-size: var(--global-typography-font-size-12);\n    --component-kbd-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-kbd-font-size-small: var(--global-typography-font-size-12);\n    --component-kbd-font-size-large: var(--global-typography-font-size-13);\n    --component-kbd-icon: var(--global-size-unit-12);\n    --component-kbd-icon-xsmall: var(--global-size-unit-10);\n    --component-kbd-icon-small: var(--global-size-unit-12);\n    --component-kbd-icon-large: var(--global-size-unit-14);\n    --component-kbd-radius: var(--global-radius-8);\n    --component-label-font-size: var(--global-typography-font-size-14);\n    --component-label-font-size-small: var(--global-typography-font-size-13);\n    --component-marker-spacing-gap: var(--global-size-unit-8);\n    --component-marker-font-size: var(--global-typography-font-size-14);\n    --component-marker-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-marker-font-size-small: var(--global-typography-font-size-13);\n    --component-marker-font-size-large: var(--global-typography-font-size-14);\n    --component-marker-icon: var(--global-size-unit-16);\n    --component-marker-icon-xsmall: var(--global-size-unit-12);\n    --component-marker-icon-small: var(--global-size-unit-14);\n    --component-marker-icon-large: var(--global-size-unit-16);\n    --component-marker-min-size: var(--global-size-unit-16);\n    --component-marker-border-spacing: var(--global-size-unit-8);\n    --component-menubar-size: var(--global-size-unit-32);\n    --component-menubar-size-xsmall: var(--global-size-unit-24);\n    --component-menubar-size-small: var(--global-size-unit-28);\n    --component-menubar-size-large: var(--global-size-unit-36);\n    --component-menubar-padding: var(--global-size-unit-3);\n    --component-menubar-spacing-gap: var(--global-size-unit-2);\n    --component-menubar-radius: var(--global-radius-12);\n    --component-menubar-radius-xsmall: var(--global-radius-10);\n    --component-menubar-radius-small: var(--global-radius-10);\n    --component-menubar-radius-large: var(--global-radius-12);\n    --component-menubar-trigger-radius: var(--global-radius-8);\n    --component-menubar-trigger-radius-xsmall: var(--global-radius-6);\n    --component-menubar-trigger-radius-small: var(--global-radius-6);\n    --component-menubar-trigger-radius-large: var(--global-radius-8);\n    --component-menubar-trigger-padding-inline: var(--global-size-unit-6);\n    --component-menubar-trigger-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-menubar-trigger-padding-inline-small: var(--global-size-unit-6);\n    --component-menubar-trigger-padding-inline-large: var(--global-size-unit-8);\n    --component-menubar-trigger-padding-block: var(--global-size-unit-2);\n    --component-menubar-trigger-padding-block-xsmall: var(--global-size-unit-0);\n    --component-menubar-trigger-padding-block-small: var(--global-size-unit-0);\n    --component-menubar-trigger-padding-block-large: var(--global-size-unit-4);\n    --component-menubar-trigger-font-size: var(--global-typography-font-size-14);\n    --component-menubar-trigger-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-menubar-trigger-font-size-small: var(--global-typography-font-size-13);\n    --component-menubar-trigger-font-size-large: var(--global-typography-font-size-14);\n    --component-menubar-trigger-line-height: var(--global-typography-line-height-20);\n    --component-menubar-trigger-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-menubar-trigger-line-height-small: var(--global-typography-line-height-20);\n    --component-menubar-trigger-line-height-large: var(--global-typography-line-height-20);\n    --component-menubar-content-min-width: var(--global-size-unit-144);\n    --component-menubar-content-radius: var(--global-radius-12);\n    --component-menubar-content-radius-xsmall: var(--global-radius-10);\n    --component-menubar-content-radius-small: var(--global-radius-10);\n    --component-menubar-content-radius-large: var(--global-radius-12);\n    --component-menubar-content-padding: var(--global-size-unit-4);\n    --component-menubar-sub-content-min-width: var(--global-size-unit-128);\n    --component-menubar-item-radius: var(--global-radius-10);\n    --component-menubar-item-radius-xsmall: var(--global-radius-8);\n    --component-menubar-item-radius-small: var(--global-radius-8);\n    --component-menubar-item-radius-large: var(--global-radius-10);\n    --component-menubar-item-padding-inline: var(--global-size-unit-6);\n    --component-menubar-item-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-menubar-item-padding-inline-small: var(--global-size-unit-6);\n    --component-menubar-item-padding-inline-large: var(--global-size-unit-8);\n    --component-menubar-item-padding-block: var(--global-size-unit-4);\n    --component-menubar-item-padding-block-xsmall: var(--global-size-unit-2);\n    --component-menubar-item-padding-block-small: var(--global-size-unit-2);\n    --component-menubar-item-padding-block-large: var(--global-size-unit-6);\n    --component-menubar-item-spacing-gap: var(--global-size-unit-6);\n    --component-menubar-item-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-menubar-item-spacing-gap-small: var(--global-size-unit-4);\n    --component-menubar-item-spacing-gap-large: var(--global-size-unit-6);\n    --component-menubar-item-font-size: var(--global-typography-font-size-14);\n    --component-menubar-item-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-menubar-item-font-size-small: var(--global-typography-font-size-13);\n    --component-menubar-item-font-size-large: var(--global-typography-font-size-14);\n    --component-menubar-item-line-height: var(--global-typography-line-height-20);\n    --component-menubar-item-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-menubar-item-line-height-small: var(--global-typography-line-height-20);\n    --component-menubar-item-line-height-large: var(--global-typography-line-height-20);\n    --component-menubar-item-icon: var(--global-size-unit-16);\n    --component-menubar-item-icon-xsmall: var(--global-size-unit-12);\n    --component-menubar-item-icon-small: var(--global-size-unit-14);\n    --component-menubar-item-icon-large: var(--global-size-unit-16);\n    --component-menubar-item-inset: var(--global-size-unit-28);\n    --component-menubar-item-inset-xsmall: var(--global-size-unit-20);\n    --component-menubar-item-inset-small: var(--global-size-unit-24);\n    --component-menubar-item-inset-large: var(--global-size-unit-30);\n    --component-menubar-item-padding-indicator: var(--global-size-unit-32);\n    --component-menubar-item-padding-indicator-xsmall: var(--global-size-unit-24);\n    --component-menubar-item-padding-indicator-small: var(--global-size-unit-28);\n    --component-menubar-item-padding-indicator-large: var(--global-size-unit-36);\n    --component-menubar-shortcut-font-size: var(--global-typography-font-size-12);\n    --component-menubar-shortcut-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-menubar-shortcut-font-size-small: var(--global-typography-font-size-12);\n    --component-menubar-shortcut-font-size-large: var(--global-typography-font-size-13);\n    --component-message-scroller-spacing-gap: var(--global-size-unit-24);\n    --component-message-font-size: var(--global-typography-font-size-14);\n    --component-message-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-message-font-size-small: var(--global-typography-font-size-13);\n    --component-message-font-size-large: var(--global-typography-font-size-14);\n    --component-message-spacing-gap: var(--global-size-unit-8);\n    --component-message-avatar-size: var(--global-size-unit-32);\n    --component-message-avatar-size-xsmall: var(--global-size-unit-24);\n    --component-message-avatar-size-small: var(--global-size-unit-28);\n    --component-message-avatar-size-large: var(--global-size-unit-36);\n    --component-message-content-spacing-gap: var(--global-size-unit-10);\n    --component-message-meta-font-size: var(--global-typography-font-size-12);\n    --component-message-meta-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-message-meta-font-size-small: var(--global-typography-font-size-12);\n    --component-message-meta-font-size-large: var(--global-typography-font-size-13);\n    --component-message-meta-padding-inline: var(--global-size-unit-12);\n    --component-message-meta-padding-inline-xsmall: var(--global-size-unit-10);\n    --component-message-meta-padding-inline-small: var(--global-size-unit-10);\n    --component-message-meta-padding-inline-large: var(--global-size-unit-14);\n    --component-message-group-spacing-gap: var(--global-size-unit-8);\n    --component-native-select-size: var(--global-size-unit-32);\n    --component-native-select-size-small: var(--global-size-unit-28);\n    --component-navigation-menu-trigger-radius: var(--global-radius-12);\n    --component-navigation-menu-trigger-radius-xsmall: var(--global-radius-10);\n    --component-navigation-menu-trigger-radius-small: var(--global-radius-10);\n    --component-navigation-menu-trigger-radius-large: var(--global-radius-12);\n    --component-navigation-menu-trigger-padding-inline: var(--global-size-unit-10);\n    --component-navigation-menu-trigger-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-navigation-menu-trigger-padding-inline-small: var(--global-size-unit-10);\n    --component-navigation-menu-trigger-padding-inline-large: var(--global-size-unit-12);\n    --component-navigation-menu-trigger-padding-block: var(--global-size-unit-6);\n    --component-navigation-menu-trigger-padding-block-xsmall: var(--global-size-unit-4);\n    --component-navigation-menu-trigger-padding-block-small: var(--global-size-unit-4);\n    --component-navigation-menu-trigger-padding-block-large: var(--global-size-unit-8);\n    --component-navigation-menu-trigger-font-size: var(--global-typography-font-size-14);\n    --component-navigation-menu-trigger-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-navigation-menu-trigger-font-size-small: var(--global-typography-font-size-13);\n    --component-navigation-menu-trigger-font-size-large: var(--global-typography-font-size-14);\n    --component-navigation-menu-trigger-line-height: var(--global-typography-line-height-20);\n    --component-navigation-menu-trigger-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-navigation-menu-trigger-line-height-small: var(--global-typography-line-height-20);\n    --component-navigation-menu-trigger-line-height-large: var(--global-typography-line-height-20);\n    --component-navigation-menu-trigger-icon: var(--global-size-unit-12);\n    --component-navigation-menu-trigger-icon-spacing: var(--global-size-unit-4);\n    --component-navigation-menu-link-radius: var(--global-radius-12);\n    --component-navigation-menu-link-radius-xsmall: var(--global-radius-10);\n    --component-navigation-menu-link-radius-small: var(--global-radius-10);\n    --component-navigation-menu-link-radius-large: var(--global-radius-12);\n    --component-navigation-menu-link-radius-nested: var(--global-radius-10);\n    --component-navigation-menu-link-radius-nested-xsmall: var(--global-radius-8);\n    --component-navigation-menu-link-radius-nested-small: var(--global-radius-8);\n    --component-navigation-menu-link-radius-nested-large: var(--global-radius-10);\n    --component-navigation-menu-link-padding: var(--global-size-unit-8);\n    --component-navigation-menu-link-padding-xsmall: var(--global-size-unit-6);\n    --component-navigation-menu-link-padding-small: var(--global-size-unit-6);\n    --component-navigation-menu-link-padding-large: var(--global-size-unit-8);\n    --component-navigation-menu-link-spacing-gap: var(--global-size-unit-8);\n    --component-navigation-menu-link-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-navigation-menu-link-spacing-gap-small: var(--global-size-unit-6);\n    --component-navigation-menu-link-spacing-gap-large: var(--global-size-unit-8);\n    --component-navigation-menu-link-font-size: var(--global-typography-font-size-14);\n    --component-navigation-menu-link-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-navigation-menu-link-font-size-small: var(--global-typography-font-size-13);\n    --component-navigation-menu-link-font-size-large: var(--global-typography-font-size-14);\n    --component-navigation-menu-link-icon: var(--global-size-unit-16);\n    --component-navigation-menu-link-icon-xsmall: var(--global-size-unit-12);\n    --component-navigation-menu-link-icon-small: var(--global-size-unit-14);\n    --component-navigation-menu-link-icon-large: var(--global-size-unit-16);\n    --component-navigation-menu-content-padding: var(--global-size-unit-4);\n    --component-navigation-menu-content-radius: var(--global-radius-12);\n    --component-navigation-menu-content-radius-xsmall: var(--global-radius-10);\n    --component-navigation-menu-content-radius-small: var(--global-radius-10);\n    --component-navigation-menu-content-radius-large: var(--global-radius-12);\n    --component-pagination-spacing-gap: var(--global-size-unit-2);\n    --component-pagination-ellipsis-size: var(--global-size-unit-32);\n    --component-pagination-ellipsis-size-xsmall: var(--global-size-unit-24);\n    --component-pagination-ellipsis-size-small: var(--global-size-unit-28);\n    --component-pagination-ellipsis-size-large: var(--global-size-unit-36);\n    --component-pagination-icon: var(--global-size-unit-16);\n    --component-pagination-icon-xsmall: var(--global-size-unit-12);\n    --component-pagination-icon-small: var(--global-size-unit-14);\n    --component-pagination-icon-large: var(--global-size-unit-16);\n    --component-pagination-padding-inline-icon: var(--global-size-unit-6);\n    --component-pagination-padding-inline-icon-xsmall: var(--global-size-unit-4);\n    --component-pagination-padding-inline-icon-small: var(--global-size-unit-6);\n    --component-pagination-padding-inline-icon-large: var(--global-size-unit-8);\n    --component-popover-radius: var(--global-radius-12);\n    --component-popover-padding: var(--global-size-unit-10);\n    --component-popover-padding-xsmall: var(--global-size-unit-8);\n    --component-popover-padding-small: var(--global-size-unit-8);\n    --component-popover-padding-large: var(--global-size-unit-12);\n    --component-popover-spacing-gap: var(--global-size-unit-10);\n    --component-popover-spacing-gap-xsmall: var(--global-size-unit-8);\n    --component-popover-spacing-gap-small: var(--global-size-unit-8);\n    --component-popover-spacing-gap-large: var(--global-size-unit-12);\n    --component-popover-font-size: var(--global-typography-font-size-14);\n    --component-popover-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-popover-font-size-small: var(--global-typography-font-size-13);\n    --component-popover-font-size-large: var(--global-typography-font-size-14);\n    --component-popover-header-spacing-gap: var(--global-size-unit-2);\n    --component-progress-size: var(--global-size-unit-4);\n    --component-progress-radius: var(--global-radius-full);\n    --component-progress-font-size: var(--global-typography-font-size-14);\n    --component-questionnaire-spacing-gap: var(--global-size-unit-16);\n    --component-questionnaire-spacing-gap-xsmall: var(--global-size-unit-12);\n    --component-questionnaire-spacing-gap-small: var(--global-size-unit-12);\n    --component-questionnaire-spacing-gap-large: var(--global-size-unit-20);\n    --component-questionnaire-font-size: var(--global-typography-font-size-14);\n    --component-questionnaire-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-questionnaire-font-size-small: var(--global-typography-font-size-13);\n    --component-questionnaire-font-size-large: var(--global-typography-font-size-14);\n    --component-questionnaire-title-font-size: var(--global-typography-font-size-16);\n    --component-questionnaire-title-font-size-xsmall: var(--global-typography-font-size-14);\n    --component-questionnaire-title-font-size-small: var(--global-typography-font-size-14);\n    --component-questionnaire-title-font-size-large: var(--global-typography-font-size-18);\n    --component-questionnaire-progress-font-size: var(--global-typography-font-size-12);\n    --component-questionnaire-progress-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-questionnaire-progress-font-size-small: var(--global-typography-font-size-12);\n    --component-questionnaire-progress-font-size-large: var(--global-typography-font-size-13);\n    --component-questionnaire-choices-spacing-gap: var(--global-size-unit-8);\n    --component-questionnaire-choices-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-questionnaire-choices-spacing-gap-small: var(--global-size-unit-6);\n    --component-questionnaire-choices-spacing-gap-large: var(--global-size-unit-8);\n    --component-questionnaire-choice-radius: var(--global-radius-12);\n    --component-questionnaire-choice-padding-inline: var(--global-size-unit-12);\n    --component-questionnaire-choice-padding-inline-xsmall: var(--global-size-unit-10);\n    --component-questionnaire-choice-padding-inline-small: var(--global-size-unit-10);\n    --component-questionnaire-choice-padding-inline-large: var(--global-size-unit-14);\n    --component-questionnaire-choice-padding-block: var(--global-size-unit-10);\n    --component-questionnaire-choice-padding-block-xsmall: var(--global-size-unit-8);\n    --component-questionnaire-choice-padding-block-small: var(--global-size-unit-8);\n    --component-questionnaire-choice-padding-block-large: var(--global-size-unit-12);\n    --component-questionnaire-choice-spacing-gap: var(--global-size-unit-10);\n    --component-questionnaire-choice-indicator-size: var(--global-size-unit-16);\n    --component-questionnaire-shortcut-size: var(--global-size-unit-20);\n    --component-questionnaire-shortcut-radius: var(--global-radius-10);\n    --component-questionnaire-shortcut-font-size: var(--global-typography-font-size-10);\n    --component-questionnaire-input-size: var(--global-size-unit-32);\n    --component-questionnaire-input-size-xsmall: var(--global-size-unit-24);\n    --component-questionnaire-input-size-small: var(--global-size-unit-28);\n    --component-questionnaire-input-size-large: var(--global-size-unit-36);\n    --component-questionnaire-input-radius: var(--global-radius-12);\n    --component-questionnaire-input-padding-inline: var(--global-size-unit-10);\n    --component-questionnaire-input-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-questionnaire-input-padding-inline-small: var(--global-size-unit-8);\n    --component-questionnaire-input-padding-inline-large: var(--global-size-unit-12);\n    --component-questionnaire-error-spacing: var(--global-size-unit-8);\n    --component-questionnaire-actions-spacing-gap: var(--global-size-unit-8);\n    --component-questionnaire-actions-min-size: var(--global-size-unit-32);\n    --component-radio-group-size: var(--global-size-unit-16);\n    --component-radio-group-size-small: var(--global-size-unit-14);\n    --component-radio-group-indicator-size: var(--global-size-unit-8);\n    --component-radio-group-indicator-size-small: var(--global-size-unit-6);\n    --component-resizable-handle-size: var(--global-size-unit-4);\n    --component-resizable-handle-length: var(--global-size-unit-24);\n    --component-resizable-handle-radius: var(--global-radius-12);\n    --component-scroll-area-scrollbar-size: var(--global-size-unit-10);\n    --component-scroll-area-thumb-radius: var(--global-radius-full);\n    --component-select-size: var(--global-size-unit-32);\n    --component-select-size-small: var(--global-size-unit-28);\n    --component-separator-size: var(--global-border-width-sm);\n    --component-sheet-max-width: var(--global-size-unit-384);\n    --component-sheet-padding: var(--global-size-unit-16);\n    --component-sheet-padding-xsmall: var(--global-size-unit-12);\n    --component-sheet-padding-small: var(--global-size-unit-12);\n    --component-sheet-padding-large: var(--global-size-unit-20);\n    --component-sheet-spacing-gap: var(--global-size-unit-16);\n    --component-sheet-spacing-gap-xsmall: var(--global-size-unit-12);\n    --component-sheet-spacing-gap-small: var(--global-size-unit-12);\n    --component-sheet-spacing-gap-large: var(--global-size-unit-20);\n    --component-sheet-font-size: var(--global-typography-font-size-14);\n    --component-sheet-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-sheet-font-size-small: var(--global-typography-font-size-13);\n    --component-sheet-font-size-large: var(--global-typography-font-size-14);\n    --component-sheet-title-font-size: var(--global-typography-font-size-16);\n    --component-sheet-title-font-size-xsmall: var(--global-typography-font-size-14);\n    --component-sheet-title-font-size-small: var(--global-typography-font-size-14);\n    --component-sheet-title-font-size-large: var(--global-typography-font-size-18);\n    --component-sheet-header-spacing-gap: var(--global-size-unit-2);\n    --component-sheet-footer-spacing-gap: var(--global-size-unit-8);\n    --component-sheet-footer-spacing-gap-xsmall: var(--global-size-unit-6);\n    --component-sheet-footer-spacing-gap-small: var(--global-size-unit-6);\n    --component-sheet-footer-spacing-gap-large: var(--global-size-unit-8);\n    --component-sheet-close-offset: var(--global-size-unit-12);\n    --component-sidebar-size: var(--global-size-unit-32);\n    --component-sidebar-size-small: var(--global-size-unit-28);\n    --component-sidebar-size-large: var(--global-size-unit-48);\n    --component-sidebar-font-size: var(--global-typography-font-size-14);\n    --component-sidebar-font-size-small: var(--global-typography-font-size-12);\n    --component-sidebar-font-size-large: var(--global-typography-font-size-14);\n    --component-skeleton-radius: var(--global-radius-10);\n    --component-slider-track-size: var(--global-size-unit-4);\n    --component-slider-min-length: var(--global-size-unit-160);\n    --component-slider-thumb-size: var(--global-size-unit-12);\n    --component-slider-thumb-size-xsmall: var(--global-size-unit-10);\n    --component-slider-thumb-size-small: var(--global-size-unit-10);\n    --component-slider-thumb-size-large: var(--global-size-unit-14);\n    --component-switch-size: var(--global-size-unit-18);\n    --component-switch-size-small: var(--global-size-unit-14);\n    --component-switch-width: var(--global-size-unit-32);\n    --component-switch-width-small: var(--global-size-unit-24);\n    --component-switch-thumb-size: var(--global-size-unit-16);\n    --component-switch-thumb-size-small: var(--global-size-unit-12);\n    --component-table-font-size: var(--global-typography-font-size-14);\n    --component-table-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-table-font-size-small: var(--global-typography-font-size-13);\n    --component-table-font-size-large: var(--global-typography-font-size-14);\n    --component-table-head-size: var(--global-size-unit-40);\n    --component-table-head-size-xsmall: var(--global-size-unit-32);\n    --component-table-head-size-small: var(--global-size-unit-36);\n    --component-table-head-size-large: var(--global-size-unit-44);\n    --component-table-head-padding-inline: var(--global-size-unit-8);\n    --component-table-head-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-table-head-padding-inline-small: var(--global-size-unit-6);\n    --component-table-head-padding-inline-large: var(--global-size-unit-10);\n    --component-table-cell-padding: var(--global-size-unit-8);\n    --component-table-cell-padding-xsmall: var(--global-size-unit-6);\n    --component-table-cell-padding-small: var(--global-size-unit-6);\n    --component-table-cell-padding-large: var(--global-size-unit-10);\n    --component-table-caption-spacing: var(--global-size-unit-16);\n    --component-tabs-spacing-gap: var(--global-size-unit-8);\n    --component-tabs-list-size: var(--global-size-unit-32);\n    --component-tabs-list-size-xsmall: var(--global-size-unit-24);\n    --component-tabs-list-size-small: var(--global-size-unit-28);\n    --component-tabs-list-size-large: var(--global-size-unit-36);\n    --component-tabs-list-padding: var(--global-size-unit-3);\n    --component-tabs-list-radius: var(--global-radius-12);\n    --component-tabs-list-radius-xsmall: var(--global-radius-10);\n    --component-tabs-list-radius-small: var(--global-radius-10);\n    --component-tabs-list-radius-large: var(--global-radius-12);\n    --component-tabs-trigger-radius: var(--global-radius-10);\n    --component-tabs-trigger-radius-xsmall: var(--global-radius-8);\n    --component-tabs-trigger-radius-small: var(--global-radius-8);\n    --component-tabs-trigger-radius-large: var(--global-radius-10);\n    --component-tabs-trigger-padding-inline: var(--global-size-unit-6);\n    --component-tabs-trigger-padding-inline-xsmall: var(--global-size-unit-4);\n    --component-tabs-trigger-padding-inline-small: var(--global-size-unit-6);\n    --component-tabs-trigger-padding-inline-large: var(--global-size-unit-8);\n    --component-tabs-trigger-padding-inline-icon: var(--global-size-unit-4);\n    --component-tabs-trigger-padding-inline-icon-xsmall: var(--global-size-unit-4);\n    --component-tabs-trigger-padding-inline-icon-small: var(--global-size-unit-4);\n    --component-tabs-trigger-padding-inline-icon-large: var(--global-size-unit-6);\n    --component-tabs-trigger-padding-block: var(--global-size-unit-2);\n    --component-tabs-trigger-padding-block-xsmall: var(--global-size-unit-0);\n    --component-tabs-trigger-padding-block-small: var(--global-size-unit-0);\n    --component-tabs-trigger-padding-block-large: var(--global-size-unit-4);\n    --component-tabs-trigger-spacing-gap: var(--global-size-unit-6);\n    --component-tabs-trigger-spacing-gap-xsmall: var(--global-size-unit-4);\n    --component-tabs-trigger-spacing-gap-small: var(--global-size-unit-4);\n    --component-tabs-trigger-spacing-gap-large: var(--global-size-unit-6);\n    --component-tabs-trigger-font-size: var(--global-typography-font-size-14);\n    --component-tabs-trigger-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-tabs-trigger-font-size-small: var(--global-typography-font-size-13);\n    --component-tabs-trigger-font-size-large: var(--global-typography-font-size-14);\n    --component-tabs-trigger-line-height: var(--global-typography-line-height-20);\n    --component-tabs-trigger-line-height-xsmall: var(--global-typography-line-height-16);\n    --component-tabs-trigger-line-height-small: var(--global-typography-line-height-20);\n    --component-tabs-trigger-line-height-large: var(--global-typography-line-height-20);\n    --component-tabs-trigger-icon: var(--global-size-unit-16);\n    --component-tabs-trigger-icon-xsmall: var(--global-size-unit-12);\n    --component-tabs-trigger-icon-small: var(--global-size-unit-14);\n    --component-tabs-trigger-icon-large: var(--global-size-unit-16);\n    --component-textarea-min-size: var(--global-size-unit-64);\n    --component-textarea-min-size-small: var(--global-size-unit-56);\n    --component-textarea-padding-inline: var(--component-input-padding-inline);\n    --component-textarea-padding-block: var(--global-size-unit-8);\n    --component-textarea-padding-block-small: var(--global-size-unit-6);\n    --component-textarea-font-size: var(--component-input-font-size);\n    --component-toast-radius: var(--global-radius-22);\n    --component-toggle-group-radius: var(--global-radius-12);\n    --component-toggle-group-radius-xsmall: var(--global-radius-10);\n    --component-toggle-group-radius-small: var(--global-radius-10);\n    --component-toggle-group-radius-large: var(--global-radius-12);\n    --component-toggle-group-item-padding-inline: var(--global-size-unit-8);\n    --component-toggle-group-item-padding-inline-xsmall: var(--global-size-unit-6);\n    --component-toggle-group-item-padding-inline-small: var(--global-size-unit-8);\n    --component-toggle-group-item-padding-inline-large: var(--global-size-unit-10);\n    --component-toggle-group-item-padding-inline-icon: var(--global-size-unit-6);\n    --component-toggle-group-item-padding-inline-icon-xsmall: var(--global-size-unit-4);\n    --component-toggle-group-item-padding-inline-icon-small: var(--global-size-unit-6);\n    --component-toggle-group-item-padding-inline-icon-large: var(--global-size-unit-8);\n    --component-toggle-size: var(--global-size-unit-32);\n    --component-toggle-size-small: var(--global-size-unit-28);\n    --component-toggle-size-large: var(--global-size-unit-36);\n    --component-toggle-padding-inline: var(--global-size-unit-10);\n    --component-toggle-padding-inline-icon: var(--global-size-unit-8);\n    --component-toggle-padding-inline-icon-small: var(--global-size-unit-6);\n    --component-toggle-padding-inline-icon-large: var(--global-size-unit-8);\n    --component-toggle-font-size: var(--global-typography-font-size-14);\n    --component-toggle-font-size-small: var(--global-typography-font-size-13);\n    --component-toggle-font-size-large: var(--global-typography-font-size-14);\n    --component-toggle-icon: var(--global-size-unit-16);\n    --component-toggle-icon-small: var(--global-size-unit-14);\n    --component-toggle-icon-large: var(--global-size-unit-16);\n    --component-tooltip-radius: var(--global-radius-10);\n    --component-tooltip-padding-inline: var(--global-size-unit-12);\n    --component-tooltip-padding-inline-xsmall: var(--global-size-unit-8);\n    --component-tooltip-padding-inline-small: var(--global-size-unit-10);\n    --component-tooltip-padding-inline-large: var(--global-size-unit-12);\n    --component-tooltip-padding-block: var(--global-size-unit-6);\n    --component-tooltip-padding-block-xsmall: var(--global-size-unit-4);\n    --component-tooltip-padding-block-small: var(--global-size-unit-4);\n    --component-tooltip-padding-block-large: var(--global-size-unit-8);\n    --component-tooltip-padding-kbd: var(--global-size-unit-6);\n    --component-tooltip-spacing-gap: var(--global-size-unit-6);\n    --component-tooltip-font-size: var(--global-typography-font-size-12);\n    --component-tooltip-font-size-xsmall: var(--global-typography-font-size-12);\n    --component-tooltip-font-size-small: var(--global-typography-font-size-12);\n    --component-tooltip-font-size-large: var(--global-typography-font-size-13);\n    --component-tooltip-arrow-size: var(--global-size-unit-10);\n    \n}\n\n.size-xsmall {\n    \n    --component-accordion-trigger-radius: var(--component-accordion-trigger-radius-xsmall);\n    --component-accordion-trigger-padding-block: var(--component-accordion-trigger-padding-block-xsmall);\n    --component-accordion-trigger-font-size: var(--component-accordion-trigger-font-size-xsmall);\n    --component-accordion-trigger-line-height: var(--component-accordion-trigger-line-height-xsmall);\n    --component-accordion-trigger-icon: var(--component-accordion-trigger-icon-xsmall);\n    --component-alert-padding-inline: var(--component-alert-padding-inline-xsmall);\n    --component-alert-padding-block: var(--component-alert-padding-block-xsmall);\n    --component-alert-font-size: var(--component-alert-font-size-xsmall);\n    --component-alert-icon: var(--component-alert-icon-xsmall);\n    --component-attachment-spacing-gap: var(--component-attachment-spacing-gap-xsmall);\n    --component-attachment-font-size: var(--component-attachment-font-size-xsmall);\n    --component-attachment-padding-inline: var(--component-attachment-padding-inline-xsmall);\n    --component-attachment-padding-block: var(--component-attachment-padding-block-xsmall);\n    --component-attachment-media-padding: var(--component-attachment-media-padding-xsmall);\n    --component-badge-size: var(--component-badge-size-xsmall);\n    --component-badge-padding-inline: var(--component-badge-padding-inline-xsmall);\n    --component-badge-padding-inline-icon: var(--component-badge-padding-inline-icon-xsmall);\n    --component-badge-icon: var(--component-badge-icon-xsmall);\n    --component-breadcrumb-spacing-gap: var(--component-breadcrumb-spacing-gap-xsmall);\n    --component-breadcrumb-font-size: var(--component-breadcrumb-font-size-xsmall);\n    --component-breadcrumb-icon: var(--component-breadcrumb-icon-xsmall);\n    --component-breadcrumb-separator-icon: var(--component-breadcrumb-separator-icon-xsmall);\n    --component-breadcrumb-ellipsis-size: var(--component-breadcrumb-ellipsis-size-xsmall);\n    --component-bubble-padding-inline: var(--component-bubble-padding-inline-xsmall);\n    --component-bubble-padding-block: var(--component-bubble-padding-block-xsmall);\n    --component-bubble-font-size: var(--component-bubble-font-size-xsmall);\n    --component-button-size: var(--component-button-size-xsmall);\n    --component-button-padding-inline: var(--component-button-padding-inline-xsmall);\n    --component-button-padding-inline-icon: var(--component-button-padding-inline-icon-xsmall);\n    --component-button-spacing-gap: var(--component-button-spacing-gap-xsmall);\n    --component-button-font-size: var(--component-button-font-size-xsmall);\n    --component-button-icon: var(--component-button-icon-xsmall);\n    --component-button-radius: var(--component-button-radius-xsmall);\n    --component-button-line-height: var(--component-button-line-height-xsmall);\n    --component-checkbox-size: var(--component-checkbox-size-xsmall);\n    --component-checkbox-icon: var(--component-checkbox-icon-xsmall);\n    --component-command-radius: var(--component-command-radius-xsmall);\n    --component-command-input-size: var(--component-command-input-size-xsmall);\n    --component-command-input-radius: var(--component-command-input-radius-xsmall);\n    --component-command-input-font-size: var(--component-command-input-font-size-xsmall);\n    --component-command-input-icon: var(--component-command-input-icon-xsmall);\n    --component-command-heading-padding-inline: var(--component-command-heading-padding-inline-xsmall);\n    --component-command-heading-padding-block: var(--component-command-heading-padding-block-xsmall);\n    --component-command-item-radius: var(--component-command-item-radius-xsmall);\n    --component-command-item-radius-dialog: var(--component-command-item-radius-dialog-xsmall);\n    --component-command-item-padding-inline: var(--component-command-item-padding-inline-xsmall);\n    --component-command-item-padding-block: var(--component-command-item-padding-block-xsmall);\n    --component-command-item-spacing-gap: var(--component-command-item-spacing-gap-xsmall);\n    --component-command-item-font-size: var(--component-command-item-font-size-xsmall);\n    --component-command-item-line-height: var(--component-command-item-line-height-xsmall);\n    --component-command-item-icon: var(--component-command-item-icon-xsmall);\n    --component-context-menu-content-radius: var(--component-context-menu-content-radius-xsmall);\n    --component-context-menu-item-radius: var(--component-context-menu-item-radius-xsmall);\n    --component-context-menu-item-padding-inline: var(--component-context-menu-item-padding-inline-xsmall);\n    --component-context-menu-item-padding-block: var(--component-context-menu-item-padding-block-xsmall);\n    --component-context-menu-item-spacing-gap: var(--component-context-menu-item-spacing-gap-xsmall);\n    --component-context-menu-item-font-size: var(--component-context-menu-item-font-size-xsmall);\n    --component-context-menu-item-line-height: var(--component-context-menu-item-line-height-xsmall);\n    --component-context-menu-item-icon: var(--component-context-menu-item-icon-xsmall);\n    --component-context-menu-item-inset: var(--component-context-menu-item-inset-xsmall);\n    --component-context-menu-item-padding-indicator: var(--component-context-menu-item-padding-indicator-xsmall);\n    --component-dialog-padding: var(--component-dialog-padding-xsmall);\n    --component-dialog-spacing-gap: var(--component-dialog-spacing-gap-xsmall);\n    --component-dialog-font-size: var(--component-dialog-font-size-xsmall);\n    --component-dialog-title-font-size: var(--component-dialog-title-font-size-xsmall);\n    --component-dialog-header-spacing-gap: var(--component-dialog-header-spacing-gap-xsmall);\n    --component-drawer-padding: var(--component-drawer-padding-xsmall);\n    --component-drawer-font-size: var(--component-drawer-font-size-xsmall);\n    --component-drawer-title-font-size: var(--component-drawer-title-font-size-xsmall);\n    --component-drawer-footer-spacing-gap: var(--component-drawer-footer-spacing-gap-xsmall);\n    --component-dropdown-menu-content-radius: var(--component-dropdown-menu-content-radius-xsmall);\n    --component-dropdown-menu-item-radius: var(--component-dropdown-menu-item-radius-xsmall);\n    --component-dropdown-menu-item-padding-inline: var(--component-dropdown-menu-item-padding-inline-xsmall);\n    --component-dropdown-menu-item-padding-block: var(--component-dropdown-menu-item-padding-block-xsmall);\n    --component-dropdown-menu-item-spacing-gap: var(--component-dropdown-menu-item-spacing-gap-xsmall);\n    --component-dropdown-menu-item-font-size: var(--component-dropdown-menu-item-font-size-xsmall);\n    --component-dropdown-menu-item-line-height: var(--component-dropdown-menu-item-line-height-xsmall);\n    --component-dropdown-menu-item-icon: var(--component-dropdown-menu-item-icon-xsmall);\n    --component-dropdown-menu-item-inset: var(--component-dropdown-menu-item-inset-xsmall);\n    --component-dropdown-menu-item-padding-indicator: var(--component-dropdown-menu-item-padding-indicator-xsmall);\n    --component-empty-padding: var(--component-empty-padding-xsmall);\n    --component-empty-spacing-gap: var(--component-empty-spacing-gap-xsmall);\n    --component-empty-font-size: var(--component-empty-font-size-xsmall);\n    --component-empty-header-spacing-gap: var(--component-empty-header-spacing-gap-xsmall);\n    --component-empty-media-size: var(--component-empty-media-size-xsmall);\n    --component-empty-media-radius: var(--component-empty-media-radius-xsmall);\n    --component-empty-media-icon: var(--component-empty-media-icon-xsmall);\n    --component-hover-card-padding: var(--component-hover-card-padding-xsmall);\n    --component-hover-card-font-size: var(--component-hover-card-font-size-xsmall);\n    --component-input-group-size: var(--component-input-group-size-xsmall);\n    --component-input-otp-spacing-gap: var(--component-input-otp-spacing-gap-xsmall);\n    --component-input-otp-radius: var(--component-input-otp-radius-xsmall);\n    --component-input-otp-slot-size: var(--component-input-otp-slot-size-xsmall);\n    --component-input-otp-slot-font-size: var(--component-input-otp-slot-font-size-xsmall);\n    --component-input-otp-slot-caret: var(--component-input-otp-slot-caret-xsmall);\n    --component-input-otp-separator-icon: var(--component-input-otp-separator-icon-xsmall);\n    --component-input-size: var(--component-input-size-xsmall);\n    --component-input-padding-inline: var(--component-input-padding-inline-xsmall);\n    --component-input-font-size: var(--component-input-font-size-xsmall);\n    --component-item-spacing-gap: var(--component-item-spacing-gap-xsmall);\n    --component-item-padding-inline: var(--component-item-padding-inline-xsmall);\n    --component-item-padding-block: var(--component-item-padding-block-xsmall);\n    --component-item-group-spacing-gap: var(--component-item-group-spacing-gap-xsmall);\n    --component-item-media-size: var(--component-item-media-size-xsmall);\n    --component-kbd-size: var(--component-kbd-size-xsmall);\n    --component-kbd-icon: var(--component-kbd-icon-xsmall);\n    --component-marker-font-size: var(--component-marker-font-size-xsmall);\n    --component-marker-icon: var(--component-marker-icon-xsmall);\n    --component-menubar-size: var(--component-menubar-size-xsmall);\n    --component-menubar-radius: var(--component-menubar-radius-xsmall);\n    --component-menubar-trigger-radius: var(--component-menubar-trigger-radius-xsmall);\n    --component-menubar-trigger-padding-inline: var(--component-menubar-trigger-padding-inline-xsmall);\n    --component-menubar-trigger-padding-block: var(--component-menubar-trigger-padding-block-xsmall);\n    --component-menubar-trigger-font-size: var(--component-menubar-trigger-font-size-xsmall);\n    --component-menubar-trigger-line-height: var(--component-menubar-trigger-line-height-xsmall);\n    --component-menubar-content-radius: var(--component-menubar-content-radius-xsmall);\n    --component-menubar-item-radius: var(--component-menubar-item-radius-xsmall);\n    --component-menubar-item-padding-inline: var(--component-menubar-item-padding-inline-xsmall);\n    --component-menubar-item-padding-block: var(--component-menubar-item-padding-block-xsmall);\n    --component-menubar-item-spacing-gap: var(--component-menubar-item-spacing-gap-xsmall);\n    --component-menubar-item-font-size: var(--component-menubar-item-font-size-xsmall);\n    --component-menubar-item-line-height: var(--component-menubar-item-line-height-xsmall);\n    --component-menubar-item-icon: var(--component-menubar-item-icon-xsmall);\n    --component-menubar-item-inset: var(--component-menubar-item-inset-xsmall);\n    --component-menubar-item-padding-indicator: var(--component-menubar-item-padding-indicator-xsmall);\n    --component-message-font-size: var(--component-message-font-size-xsmall);\n    --component-message-avatar-size: var(--component-message-avatar-size-xsmall);\n    --component-message-meta-padding-inline: var(--component-message-meta-padding-inline-xsmall);\n    --component-navigation-menu-trigger-radius: var(--component-navigation-menu-trigger-radius-xsmall);\n    --component-navigation-menu-trigger-padding-inline: var(--component-navigation-menu-trigger-padding-inline-xsmall);\n    --component-navigation-menu-trigger-padding-block: var(--component-navigation-menu-trigger-padding-block-xsmall);\n    --component-navigation-menu-trigger-font-size: var(--component-navigation-menu-trigger-font-size-xsmall);\n    --component-navigation-menu-trigger-line-height: var(--component-navigation-menu-trigger-line-height-xsmall);\n    --component-navigation-menu-link-radius: var(--component-navigation-menu-link-radius-xsmall);\n    --component-navigation-menu-link-radius-nested: var(--component-navigation-menu-link-radius-nested-xsmall);\n    --component-navigation-menu-link-padding: var(--component-navigation-menu-link-padding-xsmall);\n    --component-navigation-menu-link-spacing-gap: var(--component-navigation-menu-link-spacing-gap-xsmall);\n    --component-navigation-menu-link-font-size: var(--component-navigation-menu-link-font-size-xsmall);\n    --component-navigation-menu-link-icon: var(--component-navigation-menu-link-icon-xsmall);\n    --component-navigation-menu-content-radius: var(--component-navigation-menu-content-radius-xsmall);\n    --component-pagination-ellipsis-size: var(--component-pagination-ellipsis-size-xsmall);\n    --component-pagination-icon: var(--component-pagination-icon-xsmall);\n    --component-pagination-padding-inline-icon: var(--component-pagination-padding-inline-icon-xsmall);\n    --component-popover-padding: var(--component-popover-padding-xsmall);\n    --component-popover-spacing-gap: var(--component-popover-spacing-gap-xsmall);\n    --component-popover-font-size: var(--component-popover-font-size-xsmall);\n    --component-questionnaire-spacing-gap: var(--component-questionnaire-spacing-gap-xsmall);\n    --component-questionnaire-font-size: var(--component-questionnaire-font-size-xsmall);\n    --component-questionnaire-title-font-size: var(--component-questionnaire-title-font-size-xsmall);\n    --component-questionnaire-choices-spacing-gap: var(--component-questionnaire-choices-spacing-gap-xsmall);\n    --component-questionnaire-choice-padding-inline: var(--component-questionnaire-choice-padding-inline-xsmall);\n    --component-questionnaire-choice-padding-block: var(--component-questionnaire-choice-padding-block-xsmall);\n    --component-questionnaire-input-size: var(--component-questionnaire-input-size-xsmall);\n    --component-questionnaire-input-padding-inline: var(--component-questionnaire-input-padding-inline-xsmall);\n    --component-sheet-padding: var(--component-sheet-padding-xsmall);\n    --component-sheet-spacing-gap: var(--component-sheet-spacing-gap-xsmall);\n    --component-sheet-font-size: var(--component-sheet-font-size-xsmall);\n    --component-sheet-title-font-size: var(--component-sheet-title-font-size-xsmall);\n    --component-sheet-footer-spacing-gap: var(--component-sheet-footer-spacing-gap-xsmall);\n    --component-slider-thumb-size: var(--component-slider-thumb-size-xsmall);\n    --component-table-font-size: var(--component-table-font-size-xsmall);\n    --component-table-head-size: var(--component-table-head-size-xsmall);\n    --component-table-head-padding-inline: var(--component-table-head-padding-inline-xsmall);\n    --component-table-cell-padding: var(--component-table-cell-padding-xsmall);\n    --component-tabs-list-size: var(--component-tabs-list-size-xsmall);\n    --component-tabs-list-radius: var(--component-tabs-list-radius-xsmall);\n    --component-tabs-trigger-radius: var(--component-tabs-trigger-radius-xsmall);\n    --component-tabs-trigger-padding-inline: var(--component-tabs-trigger-padding-inline-xsmall);\n    --component-tabs-trigger-padding-block: var(--component-tabs-trigger-padding-block-xsmall);\n    --component-tabs-trigger-spacing-gap: var(--component-tabs-trigger-spacing-gap-xsmall);\n    --component-tabs-trigger-font-size: var(--component-tabs-trigger-font-size-xsmall);\n    --component-tabs-trigger-line-height: var(--component-tabs-trigger-line-height-xsmall);\n    --component-tabs-trigger-icon: var(--component-tabs-trigger-icon-xsmall);\n    --component-toggle-group-radius: var(--component-toggle-group-radius-xsmall);\n    --component-toggle-group-item-padding-inline: var(--component-toggle-group-item-padding-inline-xsmall);\n    --component-toggle-group-item-padding-inline-icon: var(--component-toggle-group-item-padding-inline-icon-xsmall);\n    --component-tooltip-padding-inline: var(--component-tooltip-padding-inline-xsmall);\n    --component-tooltip-padding-block: var(--component-tooltip-padding-block-xsmall);\n    \n}\n\n.size-large {\n    \n    --component-accordion-trigger-padding-block: var(--component-accordion-trigger-padding-block-large);\n    --component-alert-padding-inline: var(--component-alert-padding-inline-large);\n    --component-alert-padding-block: var(--component-alert-padding-block-large);\n    --component-avatar-size: var(--component-avatar-size-large);\n    --component-avatar-icon: var(--component-avatar-icon-large);\n    --component-badge-size: var(--component-badge-size-large);\n    --component-badge-padding-inline: var(--component-badge-padding-inline-large);\n    --component-badge-padding-inline-icon: var(--component-badge-padding-inline-icon-large);\n    --component-badge-spacing-gap: var(--component-badge-spacing-gap-large);\n    --component-badge-font-size: var(--component-badge-font-size-large);\n    --component-badge-icon: var(--component-badge-icon-large);\n    --component-breadcrumb-separator-icon: var(--component-breadcrumb-separator-icon-large);\n    --component-breadcrumb-ellipsis-size: var(--component-breadcrumb-ellipsis-size-large);\n    --component-bubble-padding-inline: var(--component-bubble-padding-inline-large);\n    --component-bubble-padding-block: var(--component-bubble-padding-block-large);\n    --component-button-size: var(--component-button-size-large);\n    --component-checkbox-size: var(--component-checkbox-size-large);\n    --component-checkbox-icon: var(--component-checkbox-icon-large);\n    --component-command-input-size: var(--component-command-input-size-large);\n    --component-command-heading-padding-inline: var(--component-command-heading-padding-inline-large);\n    --component-command-heading-padding-block: var(--component-command-heading-padding-block-large);\n    --component-command-heading-font-size: var(--component-command-heading-font-size-large);\n    --component-command-item-padding-inline: var(--component-command-item-padding-inline-large);\n    --component-command-item-padding-block: var(--component-command-item-padding-block-large);\n    --component-command-shortcut-font-size: var(--component-command-shortcut-font-size-large);\n    --component-context-menu-item-padding-inline: var(--component-context-menu-item-padding-inline-large);\n    --component-context-menu-item-padding-block: var(--component-context-menu-item-padding-block-large);\n    --component-context-menu-item-inset: var(--component-context-menu-item-inset-large);\n    --component-context-menu-item-padding-indicator: var(--component-context-menu-item-padding-indicator-large);\n    --component-context-menu-label-font-size: var(--component-context-menu-label-font-size-large);\n    --component-dialog-padding: var(--component-dialog-padding-large);\n    --component-dialog-spacing-gap: var(--component-dialog-spacing-gap-large);\n    --component-dialog-title-font-size: var(--component-dialog-title-font-size-large);\n    --component-drawer-padding: var(--component-drawer-padding-large);\n    --component-drawer-title-font-size: var(--component-drawer-title-font-size-large);\n    --component-dropdown-menu-item-padding-inline: var(--component-dropdown-menu-item-padding-inline-large);\n    --component-dropdown-menu-item-padding-block: var(--component-dropdown-menu-item-padding-block-large);\n    --component-dropdown-menu-item-inset: var(--component-dropdown-menu-item-inset-large);\n    --component-dropdown-menu-item-padding-indicator: var(--component-dropdown-menu-item-padding-indicator-large);\n    --component-dropdown-menu-label-font-size: var(--component-dropdown-menu-label-font-size-large);\n    --component-empty-padding: var(--component-empty-padding-large);\n    --component-empty-spacing-gap: var(--component-empty-spacing-gap-large);\n    --component-empty-media-size: var(--component-empty-media-size-large);\n    --component-hover-card-padding: var(--component-hover-card-padding-large);\n    --component-input-otp-slot-size: var(--component-input-otp-slot-size-large);\n    --component-input-size: var(--component-input-size-large);\n    --component-kbd-size: var(--component-kbd-size-large);\n    --component-kbd-padding-inline: var(--component-kbd-padding-inline-large);\n    --component-kbd-font-size: var(--component-kbd-font-size-large);\n    --component-kbd-icon: var(--component-kbd-icon-large);\n    --component-menubar-size: var(--component-menubar-size-large);\n    --component-menubar-trigger-padding-inline: var(--component-menubar-trigger-padding-inline-large);\n    --component-menubar-trigger-padding-block: var(--component-menubar-trigger-padding-block-large);\n    --component-menubar-item-padding-inline: var(--component-menubar-item-padding-inline-large);\n    --component-menubar-item-padding-block: var(--component-menubar-item-padding-block-large);\n    --component-menubar-item-inset: var(--component-menubar-item-inset-large);\n    --component-menubar-item-padding-indicator: var(--component-menubar-item-padding-indicator-large);\n    --component-menubar-shortcut-font-size: var(--component-menubar-shortcut-font-size-large);\n    --component-message-avatar-size: var(--component-message-avatar-size-large);\n    --component-message-meta-font-size: var(--component-message-meta-font-size-large);\n    --component-message-meta-padding-inline: var(--component-message-meta-padding-inline-large);\n    --component-navigation-menu-trigger-padding-inline: var(--component-navigation-menu-trigger-padding-inline-large);\n    --component-navigation-menu-trigger-padding-block: var(--component-navigation-menu-trigger-padding-block-large);\n    --component-pagination-ellipsis-size: var(--component-pagination-ellipsis-size-large);\n    --component-pagination-padding-inline-icon: var(--component-pagination-padding-inline-icon-large);\n    --component-popover-padding: var(--component-popover-padding-large);\n    --component-popover-spacing-gap: var(--component-popover-spacing-gap-large);\n    --component-questionnaire-spacing-gap: var(--component-questionnaire-spacing-gap-large);\n    --component-questionnaire-title-font-size: var(--component-questionnaire-title-font-size-large);\n    --component-questionnaire-progress-font-size: var(--component-questionnaire-progress-font-size-large);\n    --component-questionnaire-choice-padding-inline: var(--component-questionnaire-choice-padding-inline-large);\n    --component-questionnaire-choice-padding-block: var(--component-questionnaire-choice-padding-block-large);\n    --component-questionnaire-input-size: var(--component-questionnaire-input-size-large);\n    --component-questionnaire-input-padding-inline: var(--component-questionnaire-input-padding-inline-large);\n    --component-sheet-padding: var(--component-sheet-padding-large);\n    --component-sheet-spacing-gap: var(--component-sheet-spacing-gap-large);\n    --component-sheet-title-font-size: var(--component-sheet-title-font-size-large);\n    --component-sidebar-size: var(--component-sidebar-size-large);\n    --component-slider-thumb-size: var(--component-slider-thumb-size-large);\n    --component-table-head-size: var(--component-table-head-size-large);\n    --component-table-head-padding-inline: var(--component-table-head-padding-inline-large);\n    --component-table-cell-padding: var(--component-table-cell-padding-large);\n    --component-tabs-list-size: var(--component-tabs-list-size-large);\n    --component-tabs-trigger-padding-inline: var(--component-tabs-trigger-padding-inline-large);\n    --component-tabs-trigger-padding-inline-icon: var(--component-tabs-trigger-padding-inline-icon-large);\n    --component-tabs-trigger-padding-block: var(--component-tabs-trigger-padding-block-large);\n    --component-toggle-group-item-padding-inline: var(--component-toggle-group-item-padding-inline-large);\n    --component-toggle-group-item-padding-inline-icon: var(--component-toggle-group-item-padding-inline-icon-large);\n    --component-toggle-size: var(--component-toggle-size-large);\n    --component-tooltip-padding-block: var(--component-tooltip-padding-block-large);\n    --component-tooltip-font-size: var(--component-tooltip-font-size-large);\n    \n}\n\n.size-small {\n    \n    --component-accordion-trigger-radius: var(--component-accordion-trigger-radius-small);\n    --component-accordion-trigger-padding-block: var(--component-accordion-trigger-padding-block-small);\n    --component-accordion-trigger-font-size: var(--component-accordion-trigger-font-size-small);\n    --component-accordion-trigger-icon: var(--component-accordion-trigger-icon-small);\n    --component-alert-dialog-width: var(--component-alert-dialog-width-small);\n    --component-alert-padding-inline: var(--component-alert-padding-inline-small);\n    --component-alert-padding-block: var(--component-alert-padding-block-small);\n    --component-alert-font-size: var(--component-alert-font-size-small);\n    --component-alert-icon: var(--component-alert-icon-small);\n    --component-attachment-spacing-gap: var(--component-attachment-spacing-gap-small);\n    --component-attachment-font-size: var(--component-attachment-font-size-small);\n    --component-attachment-padding-inline: var(--component-attachment-padding-inline-small);\n    --component-attachment-padding-block: var(--component-attachment-padding-block-small);\n    --component-attachment-media-padding: var(--component-attachment-media-padding-small);\n    --component-avatar-size: var(--component-avatar-size-small);\n    --component-avatar-icon: var(--component-avatar-icon-small);\n    --component-badge-size: var(--component-badge-size-small);\n    --component-breadcrumb-spacing-gap: var(--component-breadcrumb-spacing-gap-small);\n    --component-breadcrumb-font-size: var(--component-breadcrumb-font-size-small);\n    --component-breadcrumb-icon: var(--component-breadcrumb-icon-small);\n    --component-breadcrumb-separator-icon: var(--component-breadcrumb-separator-icon-small);\n    --component-breadcrumb-ellipsis-size: var(--component-breadcrumb-ellipsis-size-small);\n    --component-bubble-padding-inline: var(--component-bubble-padding-inline-small);\n    --component-bubble-padding-block: var(--component-bubble-padding-block-small);\n    --component-bubble-font-size: var(--component-bubble-font-size-small);\n    --component-button-size: var(--component-button-size-small);\n    --component-button-padding-inline-icon: var(--component-button-padding-inline-icon-small);\n    --component-button-spacing-gap: var(--component-button-spacing-gap-small);\n    --component-button-font-size: var(--component-button-font-size-small);\n    --component-button-icon: var(--component-button-icon-small);\n    --component-button-radius: var(--component-button-radius-small);\n    --component-card-spacing: var(--component-card-spacing-small);\n    --component-card-title-font-size: var(--component-card-title-font-size-small);\n    --component-checkbox-size: var(--component-checkbox-size-small);\n    --component-checkbox-icon: var(--component-checkbox-icon-small);\n    --component-command-radius: var(--component-command-radius-small);\n    --component-command-input-size: var(--component-command-input-size-small);\n    --component-command-input-radius: var(--component-command-input-radius-small);\n    --component-command-input-font-size: var(--component-command-input-font-size-small);\n    --component-command-input-icon: var(--component-command-input-icon-small);\n    --component-command-heading-padding-block: var(--component-command-heading-padding-block-small);\n    --component-command-item-radius: var(--component-command-item-radius-small);\n    --component-command-item-radius-dialog: var(--component-command-item-radius-dialog-small);\n    --component-command-item-padding-block: var(--component-command-item-padding-block-small);\n    --component-command-item-spacing-gap: var(--component-command-item-spacing-gap-small);\n    --component-command-item-font-size: var(--component-command-item-font-size-small);\n    --component-command-item-icon: var(--component-command-item-icon-small);\n    --component-context-menu-content-radius: var(--component-context-menu-content-radius-small);\n    --component-context-menu-item-radius: var(--component-context-menu-item-radius-small);\n    --component-context-menu-item-padding-block: var(--component-context-menu-item-padding-block-small);\n    --component-context-menu-item-spacing-gap: var(--component-context-menu-item-spacing-gap-small);\n    --component-context-menu-item-font-size: var(--component-context-menu-item-font-size-small);\n    --component-context-menu-item-icon: var(--component-context-menu-item-icon-small);\n    --component-context-menu-item-inset: var(--component-context-menu-item-inset-small);\n    --component-context-menu-item-padding-indicator: var(--component-context-menu-item-padding-indicator-small);\n    --component-dialog-padding: var(--component-dialog-padding-small);\n    --component-dialog-spacing-gap: var(--component-dialog-spacing-gap-small);\n    --component-dialog-font-size: var(--component-dialog-font-size-small);\n    --component-dialog-title-font-size: var(--component-dialog-title-font-size-small);\n    --component-dialog-header-spacing-gap: var(--component-dialog-header-spacing-gap-small);\n    --component-drawer-padding: var(--component-drawer-padding-small);\n    --component-drawer-font-size: var(--component-drawer-font-size-small);\n    --component-drawer-title-font-size: var(--component-drawer-title-font-size-small);\n    --component-drawer-footer-spacing-gap: var(--component-drawer-footer-spacing-gap-small);\n    --component-dropdown-menu-content-radius: var(--component-dropdown-menu-content-radius-small);\n    --component-dropdown-menu-item-radius: var(--component-dropdown-menu-item-radius-small);\n    --component-dropdown-menu-item-padding-block: var(--component-dropdown-menu-item-padding-block-small);\n    --component-dropdown-menu-item-spacing-gap: var(--component-dropdown-menu-item-spacing-gap-small);\n    --component-dropdown-menu-item-font-size: var(--component-dropdown-menu-item-font-size-small);\n    --component-dropdown-menu-item-icon: var(--component-dropdown-menu-item-icon-small);\n    --component-dropdown-menu-item-inset: var(--component-dropdown-menu-item-inset-small);\n    --component-dropdown-menu-item-padding-indicator: var(--component-dropdown-menu-item-padding-indicator-small);\n    --component-empty-padding: var(--component-empty-padding-small);\n    --component-empty-spacing-gap: var(--component-empty-spacing-gap-small);\n    --component-empty-font-size: var(--component-empty-font-size-small);\n    --component-empty-header-spacing-gap: var(--component-empty-header-spacing-gap-small);\n    --component-empty-media-size: var(--component-empty-media-size-small);\n    --component-empty-media-radius: var(--component-empty-media-radius-small);\n    --component-empty-media-icon: var(--component-empty-media-icon-small);\n    --component-field-spacing-gap: var(--component-field-spacing-gap-small);\n    --component-field-group-spacing-gap: var(--component-field-group-spacing-gap-small);\n    --component-hover-card-padding: var(--component-hover-card-padding-small);\n    --component-hover-card-font-size: var(--component-hover-card-font-size-small);\n    --component-input-otp-spacing-gap: var(--component-input-otp-spacing-gap-small);\n    --component-input-otp-radius: var(--component-input-otp-radius-small);\n    --component-input-otp-slot-size: var(--component-input-otp-slot-size-small);\n    --component-input-otp-slot-font-size: var(--component-input-otp-slot-font-size-small);\n    --component-input-otp-slot-caret: var(--component-input-otp-slot-caret-small);\n    --component-input-otp-separator-icon: var(--component-input-otp-separator-icon-small);\n    --component-input-size: var(--component-input-size-small);\n    --component-input-font-size: var(--component-input-font-size-small);\n    --component-item-group-spacing-gap: var(--component-item-group-spacing-gap-small);\n    --component-item-media-size: var(--component-item-media-size-small);\n    --component-kbd-size: var(--component-kbd-size-small);\n    --component-label-font-size: var(--component-label-font-size-small);\n    --component-marker-font-size: var(--component-marker-font-size-small);\n    --component-marker-icon: var(--component-marker-icon-small);\n    --component-menubar-size: var(--component-menubar-size-small);\n    --component-menubar-radius: var(--component-menubar-radius-small);\n    --component-menubar-trigger-radius: var(--component-menubar-trigger-radius-small);\n    --component-menubar-trigger-padding-block: var(--component-menubar-trigger-padding-block-small);\n    --component-menubar-trigger-font-size: var(--component-menubar-trigger-font-size-small);\n    --component-menubar-content-radius: var(--component-menubar-content-radius-small);\n    --component-menubar-item-radius: var(--component-menubar-item-radius-small);\n    --component-menubar-item-padding-block: var(--component-menubar-item-padding-block-small);\n    --component-menubar-item-spacing-gap: var(--component-menubar-item-spacing-gap-small);\n    --component-menubar-item-font-size: var(--component-menubar-item-font-size-small);\n    --component-menubar-item-icon: var(--component-menubar-item-icon-small);\n    --component-menubar-item-inset: var(--component-menubar-item-inset-small);\n    --component-menubar-item-padding-indicator: var(--component-menubar-item-padding-indicator-small);\n    --component-message-font-size: var(--component-message-font-size-small);\n    --component-message-avatar-size: var(--component-message-avatar-size-small);\n    --component-message-meta-padding-inline: var(--component-message-meta-padding-inline-small);\n    --component-native-select-size: var(--component-native-select-size-small);\n    --component-navigation-menu-trigger-radius: var(--component-navigation-menu-trigger-radius-small);\n    --component-navigation-menu-trigger-padding-block: var(--component-navigation-menu-trigger-padding-block-small);\n    --component-navigation-menu-trigger-font-size: var(--component-navigation-menu-trigger-font-size-small);\n    --component-navigation-menu-link-radius: var(--component-navigation-menu-link-radius-small);\n    --component-navigation-menu-link-radius-nested: var(--component-navigation-menu-link-radius-nested-small);\n    --component-navigation-menu-link-padding: var(--component-navigation-menu-link-padding-small);\n    --component-navigation-menu-link-spacing-gap: var(--component-navigation-menu-link-spacing-gap-small);\n    --component-navigation-menu-link-font-size: var(--component-navigation-menu-link-font-size-small);\n    --component-navigation-menu-link-icon: var(--component-navigation-menu-link-icon-small);\n    --component-navigation-menu-content-radius: var(--component-navigation-menu-content-radius-small);\n    --component-pagination-ellipsis-size: var(--component-pagination-ellipsis-size-small);\n    --component-pagination-icon: var(--component-pagination-icon-small);\n    --component-popover-padding: var(--component-popover-padding-small);\n    --component-popover-spacing-gap: var(--component-popover-spacing-gap-small);\n    --component-popover-font-size: var(--component-popover-font-size-small);\n    --component-questionnaire-spacing-gap: var(--component-questionnaire-spacing-gap-small);\n    --component-questionnaire-font-size: var(--component-questionnaire-font-size-small);\n    --component-questionnaire-title-font-size: var(--component-questionnaire-title-font-size-small);\n    --component-questionnaire-choices-spacing-gap: var(--component-questionnaire-choices-spacing-gap-small);\n    --component-questionnaire-choice-padding-inline: var(--component-questionnaire-choice-padding-inline-small);\n    --component-questionnaire-choice-padding-block: var(--component-questionnaire-choice-padding-block-small);\n    --component-questionnaire-input-size: var(--component-questionnaire-input-size-small);\n    --component-questionnaire-input-padding-inline: var(--component-questionnaire-input-padding-inline-small);\n    --component-radio-group-size: var(--component-radio-group-size-small);\n    --component-radio-group-indicator-size: var(--component-radio-group-indicator-size-small);\n    --component-select-size: var(--component-select-size-small);\n    --component-sheet-padding: var(--component-sheet-padding-small);\n    --component-sheet-spacing-gap: var(--component-sheet-spacing-gap-small);\n    --component-sheet-font-size: var(--component-sheet-font-size-small);\n    --component-sheet-title-font-size: var(--component-sheet-title-font-size-small);\n    --component-sheet-footer-spacing-gap: var(--component-sheet-footer-spacing-gap-small);\n    --component-sidebar-size: var(--component-sidebar-size-small);\n    --component-sidebar-font-size: var(--component-sidebar-font-size-small);\n    --component-slider-thumb-size: var(--component-slider-thumb-size-small);\n    --component-switch-size: var(--component-switch-size-small);\n    --component-switch-width: var(--component-switch-width-small);\n    --component-switch-thumb-size: var(--component-switch-thumb-size-small);\n    --component-table-font-size: var(--component-table-font-size-small);\n    --component-table-head-size: var(--component-table-head-size-small);\n    --component-table-head-padding-inline: var(--component-table-head-padding-inline-small);\n    --component-table-cell-padding: var(--component-table-cell-padding-small);\n    --component-tabs-list-size: var(--component-tabs-list-size-small);\n    --component-tabs-list-radius: var(--component-tabs-list-radius-small);\n    --component-tabs-trigger-radius: var(--component-tabs-trigger-radius-small);\n    --component-tabs-trigger-padding-block: var(--component-tabs-trigger-padding-block-small);\n    --component-tabs-trigger-spacing-gap: var(--component-tabs-trigger-spacing-gap-small);\n    --component-tabs-trigger-font-size: var(--component-tabs-trigger-font-size-small);\n    --component-tabs-trigger-icon: var(--component-tabs-trigger-icon-small);\n    --component-textarea-min-size: var(--component-textarea-min-size-small);\n    --component-textarea-padding-block: var(--component-textarea-padding-block-small);\n    --component-toggle-group-radius: var(--component-toggle-group-radius-small);\n    --component-toggle-size: var(--component-toggle-size-small);\n    --component-toggle-padding-inline-icon: var(--component-toggle-padding-inline-icon-small);\n    --component-toggle-font-size: var(--component-toggle-font-size-small);\n    --component-toggle-icon: var(--component-toggle-icon-small);\n    --component-tooltip-padding-inline: var(--component-tooltip-padding-inline-small);\n    --component-tooltip-padding-block: var(--component-tooltip-padding-block-small);\n    \n}\n\n.style-framesx {\n  \n  .cn-accordion-item {\n    @apply not-last:border-b;\n  }\n\n  .cn-accordion-trigger {\n    @apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;\n  }\n\n  .cn-accordion-content {\n    @apply data-open:animate-accordion-down data-closed:animate-accordion-up text-sm;\n  }\n\n  .cn-accordion-content-inner {\n    @apply pt-0 pb-2.5;\n  }\n\n  \n  .cn-alert {\n    @apply grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-alert-variant-default {\n    @apply bg-card text-card-foreground;\n  }\n\n  .cn-alert-variant-destructive {\n    @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current;\n  }\n\n  .cn-alert-title {\n    @apply font-medium group-has-[>svg]/alert:col-start-2;\n  }\n\n  .cn-alert-description {\n    @apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;\n  }\n\n  .cn-alert-action {\n    @apply absolute top-2 right-2;\n  }\n\n  \n  .cn-alert-dialog-overlay {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-alert-dialog-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm;\n  }\n\n  .cn-alert-dialog-header {\n    @apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];\n  }\n\n  .cn-alert-dialog-media {\n    @apply bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6;\n  }\n\n  .cn-alert-dialog-title {\n    @apply text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2;\n  }\n\n  .cn-alert-dialog-description {\n    @apply text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3;\n  }\n\n  .cn-alert-dialog-footer {\n    @apply bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4;\n  }\n\n  \n  .cn-avatar {\n    @apply size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6;\n  }\n\n  .cn-avatar-fallback {\n    @apply bg-muted text-muted-foreground rounded-full;\n  }\n\n  .cn-avatar-image {\n    @apply rounded-full;\n  }\n\n  .cn-avatar-badge {\n    @apply bg-primary text-primary-foreground ring-background;\n  }\n\n  .cn-avatar-group-count {\n    @apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3;\n  }\n\n  \n  .cn-badge {\n    @apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3!;\n  }\n\n  .cn-badge-variant-default {\n    @apply bg-primary text-primary-foreground [a]:hover:bg-primary/80;\n  }\n\n  .cn-badge-variant-secondary {\n    @apply bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80;\n  }\n\n  .cn-badge-variant-outline {\n    @apply border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground;\n  }\n\n  .cn-badge-variant-destructive {\n    @apply bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20;\n  }\n\n  .cn-badge-variant-ghost {\n    @apply hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50;\n  }\n\n  .cn-badge-variant-link {\n    @apply text-primary underline-offset-4 hover:underline;\n  }\n\n  \n  .cn-breadcrumb-list {\n    @apply text-muted-foreground gap-1.5 text-sm;\n  }\n\n  .cn-breadcrumb-item {\n    @apply gap-1;\n  }\n\n  .cn-breadcrumb-link {\n    @apply hover:text-foreground transition-colors;\n  }\n\n  .cn-breadcrumb-page {\n    @apply text-foreground font-normal;\n  }\n\n  .cn-breadcrumb-separator {\n    @apply [&>svg]:size-3.5;\n  }\n\n  .cn-breadcrumb-ellipsis {\n    @apply size-5 [&>svg]:size-4;\n  }\n\n  \n  .cn-button {\n    @apply focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 active:not-aria-[haspopup]:translate-y-px [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-button-variant-default {\n    @apply bg-primary text-primary-foreground hover:bg-primary/80;\n  }\n\n  .cn-button-variant-outline {\n    @apply border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground;\n  }\n\n  .cn-button-variant-secondary {\n    @apply bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground;\n  }\n\n  .cn-button-variant-ghost {\n    @apply hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground;\n  }\n\n  .cn-button-variant-destructive {\n    @apply bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30;\n  }\n\n  .cn-button-variant-link {\n    @apply text-primary underline-offset-4 hover:underline;\n  }\n\n  .cn-button-size-xs {\n    @apply h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3;\n  }\n\n  .cn-button-size-sm {\n    @apply h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5;\n  }\n\n  .cn-button-size-default {\n    @apply h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2;\n  }\n\n  .cn-button-size-lg {\n    @apply h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2;\n  }\n\n  .cn-button-size-icon-xs {\n    @apply size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3;\n  }\n\n  .cn-button-size-icon-sm {\n    @apply size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg;\n  }\n\n  .cn-button-size-icon {\n    @apply size-8;\n  }\n\n  .cn-button-size-icon-lg {\n    @apply size-9;\n  }\n\n  \n  .cn-button-group {\n    @apply has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg;\n  }\n\n  .cn-button-group-orientation-horizontal {\n    @apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!;\n  }\n\n  .cn-button-group-orientation-vertical {\n    @apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!;\n  }\n\n  .cn-button-group-text {\n    @apply bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-button-group-separator {\n    @apply bg-input;\n  }\n\n  \n  .cn-calendar {\n    @apply p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)];\n  }\n\n  .cn-calendar-dropdown-root {\n    @apply has-focus:border-ring border-input has-focus:ring-ring/50 border has-focus:ring-3;\n  }\n\n  .cn-calendar-caption-label {\n    @apply h-6 pr-1 pl-1.5;\n  }\n\n  \n  .cn-card {\n    @apply ring-foreground/10 bg-card text-card-foreground gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm ring-1 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl;\n  }\n\n  .cn-card-header {\n    @apply gap-1 rounded-t-xl px-(--card-spacing) [.border-b]:pb-(--card-spacing);\n  }\n\n  .cn-card-title {\n    @apply text-base leading-snug font-medium group-data-[size=sm]/card:text-sm;\n  }\n\n  .cn-card-description {\n    @apply text-muted-foreground text-sm;\n  }\n\n  .cn-card-content {\n    @apply px-(--card-spacing);\n  }\n\n  .cn-card-footer {\n    @apply bg-muted/50 rounded-b-xl border-t p-(--card-spacing);\n  }\n\n  \n  .cn-carousel-previous {\n    @apply rounded-full;\n  }\n\n  .cn-carousel-next {\n    @apply rounded-full;\n  }\n\n  \n  .cn-chart-tooltip {\n    @apply border-border/50 bg-background gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl;\n  }\n\n  \n  .cn-checkbox {\n    @apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input group-has-[:focus-visible]/field-label:data-checked:border-primary;\n  }\n\n  .cn-checkbox-aria {\n    @apply data-selected:bg-primary data-selected:text-primary-foreground dark:data-selected:bg-primary data-selected:border-primary data-focus-visible:border-ring data-focus-visible:ring-ring/50 data-focus-visible:ring-3 data-invalid:data-selected:border-primary data-invalid:border-destructive dark:data-invalid:border-destructive/50 data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 data-invalid:ring-3;\n  }\n\n  .cn-checkbox-indicator {\n    @apply [&>svg]:size-3.5;\n  }\n\n  \n  .cn-combobox-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none;\n  }\n\n  .cn-combobox-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-combobox-label {\n    @apply text-muted-foreground px-2 py-1.5 text-xs;\n  }\n\n  .cn-combobox-item {\n    @apply data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-combobox-item-aria {\n    @apply data-focused:bg-accent data-focused:text-accent-foreground not-data-[variant=destructive]:data-focused:**:text-accent-foreground;\n  }\n\n  .cn-combobox-item-indicator {\n    @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center;\n  }\n\n  .cn-combobox-empty {\n    @apply text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex;\n  }\n\n  .cn-combobox-list {\n    @apply no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0;\n  }\n\n  .cn-combobox-item-text {\n    @apply flex flex-1 gap-2;\n  }\n\n  .cn-combobox-separator {\n    @apply bg-border -mx-1 my-1 h-px;\n  }\n\n  .cn-combobox-trigger {\n    @apply [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-combobox-trigger-icon {\n    @apply text-muted-foreground size-4;\n  }\n\n  .cn-combobox-chips {\n    @apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1;\n  }\n\n  .cn-combobox-chip {\n    @apply bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0;\n  }\n\n  .cn-combobox-chip-remove {\n    @apply -ml-1 opacity-50 hover:opacity-100;\n  }\n\n  \n  .cn-command {\n    @apply bg-popover text-popover-foreground rounded-xl! p-1;\n  }\n\n  .cn-command-dialog {\n    @apply rounded-xl!;\n  }\n\n  .cn-command-input-wrapper {\n    @apply p-1 pb-0;\n  }\n\n  .cn-command-input-group {\n    @apply bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!;\n  }\n\n  .cn-command-input-icon {\n    @apply size-4 shrink-0 opacity-50;\n  }\n\n  .cn-command-input {\n    @apply w-full text-sm;\n  }\n\n  .cn-command-list {\n    @apply no-scrollbar max-h-72 scroll-py-1 outline-none;\n  }\n\n  .cn-command-empty {\n    @apply py-6 text-center text-sm;\n  }\n\n  .cn-command-group {\n    @apply text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium;\n  }\n\n  .cn-command-separator {\n    @apply bg-border -mx-1 h-px;\n  }\n\n  .cn-command-item {\n    @apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-command-item-aria {\n    @apply data-focused:bg-muted data-focused:text-foreground data-focused:*:[svg]:text-foreground;\n  }\n\n  .cn-command-shortcut {\n    @apply text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest;\n  }\n\n  .cn-command-shortcut-aria {\n    @apply group-data-focused/command-item:text-foreground;\n  }\n\n  \n  .cn-context-menu-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100;\n  }\n\n  .cn-context-menu-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-context-menu-item {\n    @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-context-menu-checkbox-item {\n    @apply focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-context-menu-radio-item {\n    @apply focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-context-menu-item-indicator {\n    @apply absolute right-2;\n  }\n\n  .cn-context-menu-label {\n    @apply text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7;\n  }\n\n  .cn-context-menu-separator {\n    @apply bg-border -mx-1 my-1 h-px;\n  }\n\n  .cn-context-menu-shortcut {\n    @apply text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest;\n  }\n\n  .cn-context-menu-sub-trigger {\n    @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-context-menu-sub-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100;\n  }\n\n  .cn-context-menu-subcontent {\n    @apply shadow-lg;\n  }\n\n  \n  .cn-dialog-overlay {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-dialog-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm;\n  }\n\n  .cn-dialog-close {\n    @apply absolute top-2 right-2;\n  }\n\n  .cn-dialog-header {\n    @apply gap-2;\n  }\n\n  .cn-dialog-footer {\n    @apply bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4;\n  }\n\n  .cn-dialog-title {\n    @apply text-base leading-none font-medium;\n  }\n\n  .cn-dialog-description {\n    @apply text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3;\n  }\n\n  \n  .cn-drawer-overlay {\n    @apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-drawer-content {\n    @apply bg-popover text-popover-foreground flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b;\n  }\n\n  .cn-drawer-popup {\n    @apply bg-popover text-popover-foreground text-sm data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b;\n  }\n\n  .cn-drawer-handle {\n    @apply bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full;\n  }\n\n  .cn-drawer-swipe-handle {\n    @apply after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=up]/drawer-popup:items-start group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end;\n  }\n\n  .cn-drawer-header {\n    @apply gap-0.5 p-4 md:gap-0.5 md:text-left;\n  }\n\n  .cn-drawer-header-base {\n    @apply gap-0.5 p-4 pb-0 md:gap-0.5 md:text-left;\n  }\n\n  .cn-drawer-title {\n    @apply text-foreground text-base font-medium;\n  }\n\n  .cn-drawer-description {\n    @apply text-muted-foreground text-sm;\n  }\n\n  .cn-drawer-footer {\n    @apply gap-2 p-4;\n  }\n\n  .cn-drawer-footer-base {\n    @apply gap-2 p-4 pt-0;\n  }\n\n  \n  .cn-dropdown-menu-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100;\n  }\n\n  .cn-dropdown-menu-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-dropdown-menu-item {\n    @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-dropdown-menu-checkbox-item {\n    @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-dropdown-menu-radio-item {\n    @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-dropdown-menu-item-indicator {\n    @apply absolute right-2 flex items-center justify-center;\n  }\n\n  .cn-dropdown-menu-label {\n    @apply text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7;\n  }\n\n  .cn-dropdown-menu-separator {\n    @apply bg-border -mx-1 my-1 h-px;\n  }\n\n  .cn-dropdown-menu-shortcut {\n    @apply text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest;\n  }\n\n  .cn-dropdown-menu-sub-trigger {\n    @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-dropdown-menu-sub-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100;\n  }\n\n  .cn-dropdown-menu-subcontent {\n    @apply shadow-lg;\n  }\n\n  \n  .cn-empty {\n    @apply gap-4 rounded-xl border-dashed p-6;\n  }\n\n  .cn-empty-header {\n    @apply gap-2;\n  }\n\n  .cn-empty-media {\n    @apply mb-2;\n  }\n\n  .cn-empty-media-default {\n    @apply bg-transparent;\n  }\n\n  .cn-empty-media-icon {\n    @apply bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-empty-title {\n    @apply text-sm font-medium tracking-tight;\n  }\n\n  .cn-empty-description {\n    @apply text-sm/relaxed;\n  }\n\n  .cn-empty-content {\n    @apply gap-2.5 text-sm;\n  }\n\n  \n  .cn-field-set {\n    @apply gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3;\n  }\n\n  .cn-field-legend {\n    @apply mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base;\n  }\n\n  .cn-field-group {\n    @apply gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4;\n  }\n\n  .cn-field {\n    @apply data-[invalid=true]:text-destructive gap-2;\n  }\n\n  .cn-field-content {\n    @apply gap-0.5;\n  }\n\n  .cn-field-label {\n    @apply has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 *:data-[slot=field]:p-2.5;\n  }\n\n  .cn-field-label-aria {\n    @apply has-data-selected:bg-primary/5 has-data-selected:border-primary/30 dark:has-data-selected:border-primary/20 dark:has-data-selected:bg-primary/10;\n  }\n\n  .cn-field-title {\n    @apply gap-2 leading-snug text-sm font-medium group-data-[disabled=true]/field:opacity-50;\n  }\n\n  .cn-field-description {\n    @apply text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5;\n  }\n\n  .cn-field-separator {\n    @apply -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2;\n  }\n\n  .cn-field-separator-content {\n    @apply text-muted-foreground px-2;\n  }\n\n  .cn-field-error {\n    @apply text-destructive text-sm;\n  }\n\n  \n  .cn-hover-card-content {\n    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100;\n  }\n\n  .cn-hover-card-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  \n  .cn-input {\n    @apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm;\n  }\n\n  \n  .cn-input-otp {\n    @apply gap-2;\n  }\n\n  .cn-input-otp-group {\n    @apply has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3;\n  }\n\n  .cn-input-otp-slot {\n    @apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3;\n  }\n\n  .cn-input-otp-caret-line {\n    @apply animate-caret-blink bg-foreground h-4 w-px duration-1000;\n  }\n\n  .cn-input-otp-separator {\n    @apply [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  \n  .cn-item {\n    @apply [a]:hover:bg-muted rounded-lg border text-sm;\n  }\n\n  .cn-item-variant-default {\n    @apply border-transparent;\n  }\n\n  .cn-item-variant-outline {\n    @apply border-border;\n  }\n\n  .cn-item-variant-muted {\n    @apply bg-muted/50 border-transparent;\n  }\n\n  .cn-item-size-default {\n    @apply gap-2.5 px-3 py-2.5;\n  }\n\n  .cn-item-size-sm {\n    @apply gap-2.5 px-3 py-2.5;\n  }\n\n  .cn-item-size-xs {\n    @apply gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0;\n  }\n\n  .cn-item-media {\n    @apply gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start;\n  }\n\n  .cn-item-media-variant-default {\n    @apply bg-transparent;\n  }\n\n  .cn-item-media-variant-icon {\n    @apply [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-item-media-variant-image {\n    @apply size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover;\n  }\n\n  .cn-item-content {\n    @apply gap-1 group-data-[size=xs]/item:gap-0;\n  }\n\n  .cn-item-title {\n    @apply gap-2 text-sm leading-snug font-medium underline-offset-4;\n  }\n\n  .cn-item-description {\n    @apply text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs;\n  }\n\n  .cn-item-actions {\n    @apply gap-2;\n  }\n\n  .cn-item-header {\n    @apply gap-2;\n  }\n\n  .cn-item-footer {\n    @apply gap-2;\n  }\n\n  .cn-item-group {\n    @apply gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2;\n  }\n\n  .cn-item-separator {\n    @apply my-2;\n  }\n\n  \n  .cn-kbd {\n    @apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3;\n  }\n\n  .cn-kbd-group {\n    @apply gap-1;\n  }\n\n  \n  .cn-label {\n    @apply gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50;\n  }\n\n  .cn-label-aria {\n    @apply peer-data-disabled:opacity-50;\n  }\n\n  \n  .cn-menubar {\n    @apply h-8 gap-0.5 rounded-lg border p-[3px];\n  }\n\n  .cn-menubar-trigger {\n    @apply hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-[2px] text-sm font-medium;\n  }\n\n  .cn-menubar-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100;\n  }\n\n  .cn-menubar-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-menubar-item {\n    @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-menubar-checkbox-item {\n    @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-inset:pl-7;\n  }\n\n  .cn-menubar-checkbox-item-indicator {\n    @apply left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-menubar-radio-item {\n    @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-menubar-radio-item-indicator {\n    @apply left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-menubar-label {\n    @apply px-1.5 py-1 text-sm font-medium data-inset:pl-7;\n  }\n\n  .cn-menubar-separator {\n    @apply bg-border;\n  }\n\n  .cn-menubar-shortcut {\n    @apply text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest;\n  }\n\n  .cn-menubar-sub-trigger {\n    @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-menubar-sub-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100;\n  }\n\n  \n  .cn-navigation-menu {\n    @apply max-w-max;\n  }\n\n  .cn-navigation-menu-list {\n    @apply gap-0;\n  }\n\n  .cn-navigation-menu-trigger {\n    @apply hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50;\n  }\n\n  .cn-navigation-menu-link {\n    @apply data-active:focus:bg-muted data-active:hover:bg-muted data-active:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-navigation-menu-trigger-icon {\n    @apply relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180;\n  }\n\n  .cn-navigation-menu-content {\n    @apply data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/10 p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300;\n  }\n\n  .cn-navigation-menu-viewport {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:zoom-out-90 data-open:zoom-in-90 ring-foreground/10 rounded-lg shadow ring-1 duration-100;\n  }\n\n  .cn-navigation-menu-indicator {\n    @apply data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in;\n  }\n\n  .cn-navigation-menu-indicator-arrow {\n    @apply bg-border rounded-tl-sm shadow-md;\n  }\n\n  .cn-navigation-menu-positioner {\n    @apply transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0;\n  }\n\n  .cn-navigation-menu-popup {\n    @apply bg-popover text-popover-foreground ring-foreground/10 rounded-lg shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0;\n  }\n\n  \n  .cn-native-select {\n    @apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5;\n  }\n\n  .cn-native-select-icon {\n    @apply text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2;\n  }\n\n  \n  .cn-pagination-content {\n    @apply gap-0.5;\n  }\n\n  .cn-pagination-ellipsis {\n    @apply size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-pagination-previous {\n    @apply pl-1.5!;\n  }\n\n  .cn-pagination-next {\n    @apply pr-1.5!;\n  }\n\n  \n  .cn-popover-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100;\n  }\n\n  .cn-popover-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-popover-header {\n    @apply flex flex-col gap-0.5 text-sm;\n  }\n\n  .cn-popover-title {\n    @apply font-medium;\n  }\n\n  .cn-popover-description {\n    @apply text-muted-foreground;\n  }\n\n  \n  .cn-progress {\n    @apply bg-muted h-1 rounded-full;\n  }\n\n  .cn-progress-track {\n    @apply bg-muted h-1 rounded-full;\n  }\n\n  .cn-progress-indicator {\n    @apply bg-primary;\n  }\n\n  .cn-progress-label {\n    @apply text-sm font-medium;\n  }\n\n  .cn-progress-value {\n    @apply text-muted-foreground ml-auto text-sm tabular-nums;\n  }\n\n  \n  .cn-radio-group {\n    @apply grid gap-2;\n  }\n\n  .cn-radio-group-item {\n    @apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input group-has-[:focus-visible]/field-label:data-checked:border-primary;\n  }\n\n  .cn-radio-group-item-aria {\n    @apply data-selected:bg-primary data-selected:text-primary-foreground dark:data-selected:bg-primary data-selected:border-primary data-focus-visible:border-ring data-focus-visible:ring-ring/50 data-focus-visible:ring-3 data-invalid:data-selected:border-primary data-invalid:border-destructive data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 dark:data-invalid:border-destructive/50 data-invalid:ring-3;\n  }\n\n  .cn-radio-group-indicator {\n    @apply flex size-4 items-center justify-center;\n  }\n\n  .cn-radio-group-indicator-icon {\n    @apply bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full;\n  }\n\n  \n  .cn-resizable-handle-icon {\n    @apply bg-border h-6 w-1 rounded-lg;\n  }\n\n  \n  .cn-scroll-area-scrollbar {\n    @apply data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent;\n  }\n\n  .cn-scroll-area-thumb {\n    @apply rounded-full;\n  }\n\n  \n  .cn-select-trigger {\n    @apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-select-value {\n    @apply flex flex-1 text-left;\n  }\n\n  .cn-select-value-aria {\n    @apply data-placeholder:text-muted-foreground;\n  }\n\n  .cn-select-trigger-icon {\n    @apply text-muted-foreground size-4;\n  }\n\n  .cn-select-content {\n    @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100;\n  }\n\n  .cn-select-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-select-label {\n    @apply text-muted-foreground px-1.5 py-1 text-xs;\n  }\n\n  .cn-select-item {\n    @apply focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2;\n  }\n\n  .cn-select-item-aria {\n    @apply data-focused:bg-accent data-focused:text-accent-foreground;\n  }\n\n  .cn-select-item-indicator {\n    @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center;\n  }\n\n  .cn-select-group {\n    @apply scroll-my-1 p-1;\n  }\n\n  .cn-select-item-text {\n    @apply flex flex-1 gap-2;\n  }\n\n  .cn-select-separator {\n    @apply bg-border -mx-1 my-1 h-px;\n  }\n\n  .cn-select-scroll-up-button {\n    @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-select-scroll-down-button {\n    @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-select-empty-aria {\n    @apply text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/select-list:flex;\n  }\n\n  \n  .cn-separator {\n    @apply bg-border shrink-0;\n  }\n\n  .cn-separator-horizontal {\n    @apply h-px w-full;\n  }\n\n  .cn-separator-vertical {\n    @apply h-full w-px;\n  }\n\n  \n  .cn-sheet-overlay {\n    @apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-sheet-content {\n    @apply bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;\n  }\n\n  .cn-sheet-close {\n    @apply absolute top-3 right-3;\n  }\n\n  .cn-sheet-header {\n    @apply gap-0.5 p-4;\n  }\n\n  .cn-sheet-footer {\n    @apply gap-2 p-4;\n  }\n\n  .cn-sheet-title {\n    @apply text-foreground text-base font-medium;\n  }\n\n  .cn-sheet-description {\n    @apply text-muted-foreground text-sm;\n  }\n\n  \n  .cn-sidebar-gap {\n    @apply transition-[width] duration-200 ease-linear;\n  }\n\n  .cn-sidebar-inner {\n    @apply bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1;\n  }\n\n  .cn-sidebar-rail {\n    @apply hover:after:bg-sidebar-border;\n  }\n\n  .cn-sidebar-inset {\n    @apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2;\n  }\n\n  .cn-sidebar-input {\n    @apply bg-background h-8 w-full shadow-none;\n  }\n\n  .cn-sidebar-header {\n    @apply gap-2 p-2;\n  }\n\n  .cn-sidebar-content {\n    @apply no-scrollbar gap-0;\n  }\n\n  .cn-sidebar-footer {\n    @apply gap-2 p-2;\n  }\n\n  .cn-sidebar-separator {\n    @apply bg-sidebar-border mx-2;\n  }\n\n  .cn-sidebar-group {\n    @apply p-2;\n  }\n\n  .cn-sidebar-menu {\n    @apply gap-0;\n  }\n\n  .cn-sidebar-group-content {\n    @apply text-sm;\n  }\n\n  .cn-sidebar-group-label {\n    @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4;\n  }\n\n  .cn-sidebar-group-action {\n    @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4;\n  }\n\n  .cn-sidebar-menu-button {\n    @apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium;\n  }\n\n  .cn-sidebar-menu-button-aria {\n    @apply aria-expanded:hover:bg-sidebar-accent aria-expanded:hover:text-sidebar-accent-foreground;\n  }\n\n  .cn-sidebar-menu-button-variant-default {\n    @apply hover:bg-sidebar-accent hover:text-sidebar-accent-foreground;\n  }\n\n  .cn-sidebar-menu-button-variant-outline {\n    @apply bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)];\n  }\n\n  .cn-sidebar-menu-button-size-default {\n    @apply h-8 text-sm;\n  }\n\n  .cn-sidebar-menu-button-size-sm {\n    @apply h-7 text-xs;\n  }\n\n  .cn-sidebar-menu-button-size-lg {\n    @apply h-12 text-sm group-data-[collapsible=icon]:p-0!;\n  }\n\n  .cn-sidebar-menu-action {\n    @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4;\n  }\n\n  .cn-sidebar-menu-badge {\n    @apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1;\n  }\n\n  .cn-sidebar-menu-skeleton {\n    @apply h-8 gap-2 rounded-md px-2;\n  }\n\n  .cn-sidebar-menu-skeleton-icon {\n    @apply size-4 rounded-md;\n  }\n\n  .cn-sidebar-menu-skeleton-text {\n    @apply h-4;\n  }\n\n  .cn-sidebar-menu-sub {\n    @apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden;\n  }\n\n  .cn-sidebar-menu-sub-button {\n    @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4;\n  }\n\n  \n  .cn-skeleton {\n    @apply bg-muted rounded-md;\n  }\n\n  \n  .cn-slider {\n    @apply data-vertical:min-h-40;\n  }\n\n  .cn-slider-track {\n    @apply bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1;\n  }\n\n  .cn-slider-range {\n    @apply bg-primary;\n  }\n\n  .cn-slider-thumb {\n    @apply border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3;\n  }\n\n  \n  .cn-toast {\n    @apply rounded-2xl;\n  }\n\n  \n  .cn-switch {\n    @apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:border-transparent data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px];\n  }\n\n  .cn-switch-aria {\n    @apply data-selected:bg-primary not-data-selected:bg-input data-focus-visible:border-ring data-focus-visible:ring-ring/50 dark:not-data-selected:bg-input/80 data-focus-visible:ring-3 data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 data-invalid:border-destructive dark:data-invalid:border-destructive/50 data-invalid:ring-3;\n  }\n\n  .cn-switch-thumb {\n    @apply bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0;\n  }\n\n  .cn-switch-thumb-aria {\n    @apply dark:not-data-selected:bg-foreground dark:data-selected:bg-primary-foreground group-data-[size=default]/switch:data-selected:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-selected:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:not-data-selected:translate-x-0 group-data-[size=sm]/switch:not-data-selected:translate-x-0;\n  }\n\n  \n  .cn-table-container {\n    @apply relative w-full overflow-x-auto;\n  }\n\n  .cn-table {\n    @apply w-full caption-bottom text-sm;\n  }\n\n  .cn-table-header {\n    @apply [&_tr]:border-b;\n  }\n\n  .cn-table-body {\n    @apply [&_tr:last-child]:border-0;\n  }\n\n  .cn-table-footer {\n    @apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0;\n  }\n\n  .cn-table-row {\n    @apply hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors;\n  }\n\n  .cn-table-row-aria {\n    @apply data-selected:bg-muted;\n  }\n\n  .cn-table-head {\n    @apply text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0;\n  }\n\n  .cn-table-head-aria {\n    @apply [&:has([data-slot=checkbox])]:pr-0;\n  }\n\n  .cn-table-cell {\n    @apply p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0;\n  }\n\n  .cn-table-cell-aria {\n    @apply [&:has([data-slot=checkbox])]:pr-0;\n  }\n\n  .cn-table-caption {\n    @apply text-muted-foreground mt-4 text-sm;\n  }\n\n  \n  .cn-tabs {\n    @apply gap-2;\n  }\n\n  .cn-tabs-list {\n    @apply rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none;\n  }\n\n  .cn-tabs-trigger {\n    @apply gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1;\n  }\n\n  .cn-tabs-trigger-aria {\n    @apply group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none;\n  }\n\n  .cn-tabs-content {\n    @apply text-sm;\n  }\n\n  \n  .cn-textarea {\n    @apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm;\n  }\n\n  \n  .cn-toggle {\n    @apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-toggle-aria {\n    @apply data-selected:bg-muted;\n  }\n\n  .cn-toggle-variant-default {\n    @apply bg-transparent;\n  }\n\n  .cn-toggle-variant-outline {\n    @apply border-input hover:bg-muted border bg-transparent;\n  }\n\n  .cn-toggle-size-default {\n    @apply h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2;\n  }\n\n  .cn-toggle-size-sm {\n    @apply h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5;\n  }\n\n  .cn-toggle-size-lg {\n    @apply h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2;\n  }\n\n  \n  .cn-toggle-group {\n    @apply rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)];\n  }\n\n  .cn-toggle-group-item {\n    @apply group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg;\n  }\n\n  \n  .cn-tooltip-content {\n    @apply data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm;\n  }\n\n  .cn-tooltip-content-logical {\n    @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2;\n  }\n\n  .cn-tooltip-arrow {\n    @apply size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px];\n  }\n\n  .cn-tooltip-arrow-logical {\n    @apply data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2;\n  }\n\n  \n  .cn-input-group {\n    @apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5;\n  }\n\n  .cn-input-group-addon {\n    @apply text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-input-group-addon-align-inline-start {\n    @apply pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem];\n  }\n\n  .cn-input-group-addon-align-inline-end {\n    @apply pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem];\n  }\n\n  .cn-input-group-addon-align-block-start {\n    @apply px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2;\n  }\n\n  .cn-input-group-addon-align-block-end {\n    @apply px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2;\n  }\n\n  .cn-input-group-button {\n    @apply gap-2 text-sm;\n  }\n\n  .cn-input-group-button-size-xs {\n    @apply h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5;\n  }\n\n  .cn-input-group-button-size-icon-xs {\n    @apply size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0;\n  }\n\n  .cn-input-group-button-size-icon-sm {\n    @apply size-8 p-0 has-[>svg]:p-0;\n  }\n\n  .cn-input-group-text {\n    @apply text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-input-group-input {\n    @apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent;\n  }\n\n  .cn-input-group-textarea {\n    @apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent;\n  }\n\n  \n  .cn-menu-translucent {\n    @apply animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!;\n  }\n\n  .cn-menu-translucent-aria {\n    @apply **:data-[slot$=-item]:data-focused:bg-foreground/10;\n  }\n\n  \n  .cn-bubble {\n    @apply gap-1 data-[align=end]:self-end max-w-[80%] data-[variant=ghost]:max-w-full group-data-[align=end]/message:self-end;\n  }\n\n  .cn-bubble-content {\n    @apply rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50 group-data-[align=end]/bubble:self-end;\n  }\n\n  .cn-bubble-variant-default {\n    @apply *:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80;\n  }\n\n  .cn-bubble-variant-secondary {\n    @apply *:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)];\n  }\n\n  .cn-bubble-variant-muted {\n    @apply *:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)];\n  }\n\n  .cn-bubble-variant-tinted {\n    @apply *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)];\n  }\n\n  .cn-bubble-variant-outline {\n    @apply *:data-[slot=bubble-content]:bg-background *:data-[slot=bubble-content]:border-border [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30;\n  }\n\n  .cn-bubble-variant-ghost {\n    @apply *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none;\n  }\n\n  .cn-bubble-variant-destructive {\n    @apply *:data-[slot=bubble-content]:bg-destructive/10 dark:*:data-[slot=bubble-content]:bg-destructive/20 *:data-[slot=bubble-content]:text-destructive [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30;\n  }\n\n  .cn-bubble-reactions {\n    @apply rounded-full ring-3 ring-card bg-muted shrink-0 gap-1 px-1.5 py-0.5 has-[button]:p-0 text-sm;\n  }\n\n  .cn-bubble-reactions-side-top {\n    @apply top-0 -translate-y-3/4;\n  }\n\n  .cn-bubble-reactions-side-bottom {\n    @apply bottom-0 translate-y-3/4;\n  }\n\n  .cn-bubble-reactions-align-start {\n    @apply left-3;\n  }\n\n  .cn-bubble-reactions-align-end {\n    @apply right-3;\n  }\n\n  .cn-bubble-group {\n    @apply gap-2;\n  }\n\n  \n  .cn-attachment {\n    @apply rounded-xl w-fit focus-within:ring-1 focus-within:ring-ring/50;\n  }\n\n  .cn-attachment-orientation-horizontal {\n    @apply min-w-40;\n  }\n\n  .cn-attachment-orientation-vertical {\n    @apply w-24 has-data-[slot=attachment-content]:w-30;\n  }\n\n  .cn-attachment-size-default {\n    @apply gap-2 has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2 text-sm;\n  }\n\n  .cn-attachment-size-sm {\n    @apply gap-2.5 has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5 text-xs;\n  }\n\n  .cn-attachment-size-xs {\n    @apply gap-1.5 has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1 text-xs rounded-lg;\n  }\n\n  .cn-attachment-media {\n    @apply bg-muted text-foreground w-10 rounded-lg group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md [&_svg:not([class*='size-'])]:size-4 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5 group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6!;\n  }\n\n  .cn-attachment-media-variant-image {\n    @apply opacity-60 group-data-[state=idle]/attachment:opacity-100 group-data-[state=done]/attachment:opacity-100;\n  }\n\n  .cn-attachment-content {\n    @apply leading-tight group-data-[orientation=vertical]/attachment:px-1;\n  }\n\n  .cn-attachment-title {\n    @apply font-medium;\n  }\n\n  .cn-attachment-description {\n    @apply mt-0.5 text-xs;\n  }\n\n  .cn-attachment-actions {\n    @apply group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 relative z-20 group-data-[orientation=vertical]/attachment:gap-1;\n  }\n\n  .cn-attachment-group {\n    @apply gap-3 scroll-px-1 py-1;\n  }\n\n  .cn-attachment-trigger {\n    @apply absolute inset-0 z-10 outline-none;\n  }\n\n  \n  .cn-marker {\n    @apply gap-2 text-sm text-muted-foreground [a]:hover:text-foreground [a]:underline-offset-3 [a]:underline [&_svg:not([class*='size-'])]:size-4 min-h-4 text-left;\n  }\n\n  .cn-marker-variant-separator {\n    @apply before:h-px before:min-w-0 before:flex-1 before:bg-border after:h-px after:min-w-0 after:flex-1 after:bg-border before:mr-1 after:ml-1;\n  }\n\n  .cn-marker-variant-border {\n    @apply border-b border-border pb-2;\n  }\n\n  .cn-marker-icon {\n    @apply size-4 [&_svg:not([class*='size-'])]:size-4;\n  }\n\n  .cn-marker-content {\n    @apply group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:hover:text-foreground *:[a]:underline *:[a]:underline-offset-3;\n  }\n\n  \n  .cn-questionnaire {\n    @apply gap-4;\n  }\n\n  .cn-questionnaire-progress {\n    @apply text-xs;\n  }\n\n  .cn-questionnaire-item {\n    @apply flex flex-col gap-4;\n  }\n\n  .cn-questionnaire-title {\n    @apply text-base leading-snug font-medium [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4;\n  }\n\n  .cn-questionnaire-description {\n    @apply text-muted-foreground text-sm;\n  }\n\n  .cn-questionnaire-choices {\n    @apply gap-2;\n  }\n\n  .cn-questionnaire-choice {\n    @apply border-input dark:bg-input/20 hover:bg-muted/50 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted data-invalid:border-destructive has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-ring/50 gap-2.5 rounded-lg border bg-transparent px-3 py-2.5 text-sm has-[>input:focus-visible]:ring-3;\n  }\n\n  .cn-questionnaire-choice-indicator {\n    @apply border-input dark:bg-input/30 group-data-checked/questionnaire-choice:bg-primary dark:group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground group-data-checked/questionnaire-choice:border-primary size-4 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 rounded-[4px];\n  }\n\n  .cn-questionnaire-choice-indicator-dot {\n    @apply bg-primary-foreground size-2;\n  }\n\n  .cn-questionnaire-choice-indicator-check {\n    @apply size-3.5;\n  }\n\n  .cn-questionnaire-choice-content {\n    @apply gap-0.5;\n  }\n\n  .cn-questionnaire-choice-description {\n    @apply text-muted-foreground;\n  }\n\n  .cn-questionnaire-shortcut {\n    @apply border-input bg-background text-muted-foreground size-5 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 items-center justify-center rounded-md border font-mono text-[0.625rem] font-medium leading-none;\n  }\n\n  .cn-questionnaire-input-wrapper {\n    @apply w-full;\n  }\n\n  .cn-questionnaire-input {\n    @apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base focus-visible:ring-3 aria-invalid:ring-3 md:text-sm;\n  }\n\n  .cn-questionnaire-error {\n    @apply mt-2 text-sm;\n  }\n\n  .cn-questionnaire-actions {\n    @apply gap-2 sm:min-h-8;\n  }\n\n  \n  .cn-message-scroller-content {\n    @apply gap-6;\n  }\n\n  \n  .cn-message {\n    @apply text-sm gap-2;\n  }\n\n  .cn-message-avatar {\n    @apply min-w-8 group-has-data-[slot=message-footer]/message:-translate-y-8;\n  }\n\n  .cn-message-content {\n    @apply gap-2.5 group-data-[align=end]/message:*:data-slot:self-end;\n  }\n\n  .cn-message-header {\n    @apply text-xs font-medium text-muted-foreground px-3 group-has-data-[variant=ghost]/message:px-0;\n  }\n\n  .cn-message-footer {\n    @apply text-xs font-medium text-muted-foreground px-3 group-has-data-[variant=ghost]/message:px-0;\n  }\n\n  .cn-message-group {\n    @apply gap-2;\n  }\n\n  \n  .cn-alert-dialog-overlay-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-alert-dialog-content-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm;\n  }\n\n  .cn-combobox-content-aria {\n    @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none;\n  }\n\n  .cn-context-menu-content-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100;\n  }\n\n  .cn-dialog-overlay-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;\n  }\n\n  .cn-dialog-content-aria {\n    @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm;\n  }\n\n  .cn-dropdown-menu-content-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100;\n  }\n\n  .cn-popover-content-aria {\n    @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100;\n  }\n\n  .cn-hover-card-content-aria {\n    @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100;\n  }\n\n  .cn-select-content-aria {\n    @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100;\n  }\n\n  .cn-tooltip-content-aria {\n    @apply data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm;\n  }\n\n  .cn-context-menu-sub-content-aria {\n    @apply bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100;\n  }\n\n  .cn-dropdown-menu-sub-content-aria {\n    @apply ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100;\n  }\n}\n\n.style-framesx {\n  .cn-button-size-xs {\n    height: var(--component-button-size-xsmall);\n    gap: var(--component-button-spacing-gap-xsmall);\n    padding-inline: var(--component-button-padding-inline-xsmall);\n    font-size: var(--component-button-font-size-xsmall);\n    border-radius: var(--component-button-radius-xsmall);\n    line-height: var(--component-button-line-height-xsmall);\n  }\n  .cn-button-size-xs :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-button-icon-xsmall);\n    height: var(--component-button-icon-xsmall);\n  }\n  .cn-button-size-xs:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-button-padding-inline-icon-xsmall);\n  }\n  .cn-button-size-xs:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-button-padding-inline-icon-xsmall);\n  }\n\n  .cn-button-size-sm {\n    height: var(--component-button-size-small);\n    gap: var(--component-button-spacing-gap-small);\n    padding-inline: var(--component-button-padding-inline-small);\n    font-size: var(--component-button-font-size-small);\n    border-radius: var(--component-button-radius-small);\n    line-height: var(--component-button-line-height-small);\n  }\n  .cn-button-size-sm :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-button-icon-small);\n    height: var(--component-button-icon-small);\n  }\n  .cn-button-size-sm:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-button-padding-inline-icon-small);\n  }\n  .cn-button-size-sm:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-button-padding-inline-icon-small);\n  }\n\n  .cn-button-size-default {\n    height: var(--component-button-size);\n    gap: var(--component-button-spacing-gap);\n    padding-inline: var(--component-button-padding-inline);\n    font-size: var(--component-button-font-size);\n    border-radius: var(--component-button-radius);\n    line-height: var(--component-button-line-height);\n  }\n  .cn-button-size-default :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-button-icon);\n    height: var(--component-button-icon);\n  }\n  .cn-button-size-default:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-button-padding-inline-icon);\n  }\n  .cn-button-size-default:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-button-padding-inline-icon);\n  }\n\n  .cn-button-size-lg {\n    height: var(--component-button-size-large);\n    gap: var(--component-button-spacing-gap-large);\n    padding-inline: var(--component-button-padding-inline-large);\n    font-size: var(--component-button-font-size-large);\n    border-radius: var(--component-button-radius-large);\n    line-height: var(--component-button-line-height-large);\n  }\n  .cn-button-size-lg :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-button-icon-large);\n    height: var(--component-button-icon-large);\n  }\n  .cn-button-size-lg:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-button-padding-inline-icon-large);\n  }\n  .cn-button-size-lg:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-button-padding-inline-icon-large);\n  }\n\n  .cn-button-size-icon-xs {\n    width: var(--component-button-size-xsmall);\n    height: var(--component-button-size-xsmall);\n    border-radius: var(--component-button-radius-xsmall);\n  }\n  .cn-button-size-icon-sm {\n    width: var(--component-button-size-small);\n    height: var(--component-button-size-small);\n    border-radius: var(--component-button-radius-small);\n  }\n  .cn-button-size-icon {\n    width: var(--component-button-size);\n    height: var(--component-button-size);\n    border-radius: var(--component-button-radius);\n  }\n  .cn-button-size-icon-lg {\n    width: var(--component-button-size-large);\n    height: var(--component-button-size-large);\n    border-radius: var(--component-button-radius-large);\n  }\n\n  \n  .cn-toggle-size-sm {\n    height: var(--component-toggle-size-small);\n    min-width: var(--component-toggle-size-small);\n    padding-inline: var(--component-toggle-padding-inline);\n    font-size: var(--component-toggle-font-size-small);\n  }\n  .cn-toggle-size-sm :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-toggle-icon-small);\n    height: var(--component-toggle-icon-small);\n  }\n  .cn-toggle-size-sm:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-toggle-padding-inline-icon-small);\n  }\n  .cn-toggle-size-sm:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-toggle-padding-inline-icon-small);\n  }\n\n  .cn-toggle-size-default {\n    height: var(--component-toggle-size);\n    min-width: var(--component-toggle-size);\n    padding-inline: var(--component-toggle-padding-inline);\n    font-size: var(--component-toggle-font-size);\n  }\n  .cn-toggle-size-default :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-toggle-icon);\n    height: var(--component-toggle-icon);\n  }\n  .cn-toggle-size-default:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-toggle-padding-inline-icon);\n  }\n  .cn-toggle-size-default:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-toggle-padding-inline-icon);\n  }\n\n  .cn-toggle-size-lg {\n    height: var(--component-toggle-size-large);\n    min-width: var(--component-toggle-size-large);\n    padding-inline: var(--component-toggle-padding-inline);\n    font-size: var(--component-toggle-font-size-large);\n  }\n  .cn-toggle-size-lg :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-toggle-icon-large);\n    height: var(--component-toggle-icon-large);\n  }\n  .cn-toggle-size-lg:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-toggle-padding-inline-icon-large);\n  }\n  .cn-toggle-size-lg:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-toggle-padding-inline-icon-large);\n  }\n\n  \n  .cn-toggle[aria-pressed=\"true\"] {\n    background-color: var(--theme-fill-2);\n  }\n\n  \n  .cn-item-size-xs {\n    gap: var(--component-item-spacing-gap-xsmall);\n    padding-inline: var(--component-item-padding-inline-xsmall);\n    padding-block: var(--component-item-padding-block-xsmall);\n    --component-item-media-size: var(--component-item-media-size-xsmall);\n  }\n  .cn-item-size-sm {\n    gap: var(--component-item-spacing-gap-small);\n    padding-inline: var(--component-item-padding-inline-small);\n    padding-block: var(--component-item-padding-block-small);\n    --component-item-media-size: var(--component-item-media-size-small);\n  }\n  .cn-item-size-default {\n    gap: var(--component-item-spacing-gap);\n    padding-inline: var(--component-item-padding-inline);\n    padding-block: var(--component-item-padding-block);\n  }\n  .cn-item-media-variant-image {\n    width: var(--component-item-media-size);\n    height: var(--component-item-media-size);\n  }\n  .cn-item-group {\n    gap: var(--component-item-group-spacing-gap);\n  }\n  .cn-item-group:has([data-size=\"sm\"]) {\n    gap: var(--component-item-group-spacing-gap-small);\n  }\n  .cn-item-group:has([data-size=\"xs\"]) {\n    gap: var(--component-item-group-spacing-gap-xsmall);\n  }\n\n  \n  .cn-attachment-size-xs {\n    gap: var(--component-attachment-spacing-gap-xsmall);\n    font-size: var(--component-attachment-font-size-xsmall);\n  }\n  .cn-attachment-size-xs:has([data-slot=\"attachment-content\"]) {\n    padding-inline: var(--component-attachment-padding-inline-xsmall);\n    padding-block: var(--component-attachment-padding-block-xsmall);\n  }\n  .cn-attachment-size-xs:has([data-slot=\"attachment-media\"]) {\n    padding: var(--component-attachment-media-padding-xsmall);\n  }\n  .cn-attachment-size-sm {\n    gap: var(--component-attachment-spacing-gap-small);\n    font-size: var(--component-attachment-font-size-small);\n  }\n  .cn-attachment-size-sm:has([data-slot=\"attachment-content\"]) {\n    padding-inline: var(--component-attachment-padding-inline-small);\n    padding-block: var(--component-attachment-padding-block-small);\n  }\n  .cn-attachment-size-sm:has([data-slot=\"attachment-media\"]) {\n    padding: var(--component-attachment-media-padding-small);\n  }\n  .cn-attachment-size-default {\n    gap: var(--component-attachment-spacing-gap);\n    font-size: var(--component-attachment-font-size);\n  }\n  .cn-attachment-size-default:has([data-slot=\"attachment-content\"]) {\n    padding-inline: var(--component-attachment-padding-inline);\n    padding-block: var(--component-attachment-padding-block);\n  }\n  .cn-attachment-size-default:has([data-slot=\"attachment-media\"]) {\n    padding: var(--component-attachment-media-padding);\n  }\n\n  \n  .cn-sidebar-menu-button-size-sm {\n    height: var(--component-sidebar-size-small);\n    font-size: var(--component-sidebar-font-size-small);\n  }\n  .cn-sidebar-menu-button-size-default {\n    height: var(--component-sidebar-size);\n    font-size: var(--component-sidebar-font-size);\n  }\n  .cn-sidebar-menu-button-size-lg {\n    height: var(--component-sidebar-size-large);\n    font-size: var(--component-sidebar-font-size-large);\n  }\n\n  \n  .cn-calendar {\n    --cell-size: var(--component-calendar-cell-size);\n  }\n\n  \n  .cn-input-group {\n    height: var(--component-input-group-size);\n  }\n  .cn-input-group-button-size-xs {\n    height: var(--component-input-group-size-xsmall);\n    gap: var(--component-input-group-spacing-gap);\n    padding-inline: var(--component-input-group-padding-inline);\n  }\n  .cn-input-group-button-size-xs > svg:not([class*=\"size-\"]) {\n    width: var(--component-input-group-icon);\n    height: var(--component-input-group-icon);\n  }\n  .cn-input-group-button-size-icon-xs {\n    width: var(--component-input-group-size-xsmall);\n    height: var(--component-input-group-size-xsmall);\n  }\n  .cn-input-group-button-size-icon-sm {\n    width: var(--component-input-group-size);\n    height: var(--component-input-group-size);\n  }\n\n  \n  .cn-avatar {\n    width: var(--component-avatar-size);\n    height: var(--component-avatar-size);\n  }\n  .cn-avatar[data-size=\"sm\"] {\n    width: var(--component-avatar-size-small);\n    height: var(--component-avatar-size-small);\n  }\n  .cn-avatar[data-size=\"lg\"] {\n    width: var(--component-avatar-size-large);\n    height: var(--component-avatar-size-large);\n  }\n  .cn-avatar-group-count {\n    width: var(--component-avatar-size);\n    height: var(--component-avatar-size);\n  }\n  .cn-avatar-group-count > svg {\n    width: var(--component-avatar-icon);\n    height: var(--component-avatar-icon);\n  }\n  .cn-avatar-group:has([data-size=\"sm\"]) .cn-avatar-group-count {\n    width: var(--component-avatar-size-small);\n    height: var(--component-avatar-size-small);\n  }\n  .cn-avatar-group:has([data-size=\"sm\"]) .cn-avatar-group-count > svg {\n    width: var(--component-avatar-icon-small);\n    height: var(--component-avatar-icon-small);\n  }\n  .cn-avatar-group:has([data-size=\"lg\"]) .cn-avatar-group-count {\n    width: var(--component-avatar-size-large);\n    height: var(--component-avatar-size-large);\n  }\n  .cn-avatar-group:has([data-size=\"lg\"]) .cn-avatar-group-count > svg {\n    width: var(--component-avatar-icon-large);\n    height: var(--component-avatar-icon-large);\n  }\n\n  \n  .cn-switch[data-size=\"default\"] {\n    height: var(--component-switch-size);\n    width: var(--component-switch-width);\n  }\n  .cn-switch[data-size=\"sm\"] {\n    height: var(--component-switch-size-small);\n    width: var(--component-switch-width-small);\n  }\n  .cn-switch[data-size=\"default\"] .cn-switch-thumb {\n    width: var(--component-switch-thumb-size);\n    height: var(--component-switch-thumb-size);\n  }\n  .cn-switch[data-size=\"sm\"] .cn-switch-thumb {\n    width: var(--component-switch-thumb-size-small);\n    height: var(--component-switch-thumb-size-small);\n  }\n\n  \n  .cn-card {\n    --card-spacing: var(--component-card-spacing);\n  }\n  .cn-card[data-size=\"sm\"] {\n    --card-spacing: var(--component-card-spacing-small);\n  }\n  .cn-card-title {\n    font-size: var(--component-card-title-font-size);\n  }\n  .cn-card[data-size=\"sm\"] .cn-card-title {\n    font-size: var(--component-card-title-font-size-small);\n  }\n\n  \n  .cn-input {\n    height: var(--component-input-size);\n    padding-inline: var(--component-input-padding-inline);\n  }\n  @media (min-width: 48rem) {\n    .cn-input {\n      font-size: var(--component-input-font-size);\n    }\n  }\n\n  \n  .cn-textarea {\n    min-height: var(--component-textarea-min-size);\n    padding-inline: var(--component-textarea-padding-inline);\n    padding-block: var(--component-textarea-padding-block);\n  }\n  @media (min-width: 48rem) {\n    .cn-textarea {\n      font-size: var(--component-textarea-font-size);\n    }\n  }\n\n  \n  .cn-checkbox {\n    width: var(--component-checkbox-size);\n    height: var(--component-checkbox-size);\n  }\n  .cn-checkbox-indicator > svg {\n    width: var(--component-checkbox-icon);\n    height: var(--component-checkbox-icon);\n  }\n  .cn-radio-group-item {\n    width: var(--component-radio-group-size);\n    height: var(--component-radio-group-size);\n  }\n  .cn-radio-group-indicator {\n    width: var(--component-radio-group-size);\n    height: var(--component-radio-group-size);\n  }\n  .cn-radio-group-indicator-icon {\n    width: var(--component-radio-group-indicator-size);\n    height: var(--component-radio-group-indicator-size);\n  }\n\n  \n  .cn-label {\n    font-size: var(--component-label-font-size);\n  }\n\n  \n  .cn-field {\n    gap: var(--component-field-spacing-gap);\n  }\n  .cn-field-group {\n    gap: var(--component-field-group-spacing-gap);\n  }\n\n  \n  .cn-select-trigger[data-size=\"default\"] {\n    height: var(--component-select-size);\n  }\n  .cn-select-trigger[data-size=\"sm\"] {\n    height: var(--component-select-size-small);\n  }\n\n  \n  .cn-native-select {\n    height: var(--component-native-select-size);\n  }\n  .cn-native-select[data-size=\"sm\"] {\n    height: var(--component-native-select-size-small);\n  }\n\n  \n  .cn-alert-dialog-content[data-size=\"default\"] {\n    max-width: var(--component-alert-dialog-width-small);\n  }\n  .cn-alert-dialog-content[data-size=\"sm\"] {\n    max-width: var(--component-alert-dialog-width-small);\n  }\n  @media (min-width: 40rem) {\n    .cn-alert-dialog-content[data-size=\"default\"] {\n      max-width: var(--component-alert-dialog-width);\n    }\n  }\n\n  \n  .cn-badge {\n    height: var(--component-badge-size);\n    gap: var(--component-badge-spacing-gap);\n    padding-inline: var(--component-badge-padding-inline);\n    font-size: var(--component-badge-font-size);\n    line-height: var(--component-badge-line-height);\n    border-radius: var(--component-badge-radius);\n  }\n  .cn-badge:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-badge-padding-inline-icon);\n  }\n  .cn-badge:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-badge-padding-inline-icon);\n  }\n  \n  .cn-badge > svg {\n    width: var(--component-badge-icon) !important;\n    height: var(--component-badge-icon) !important;\n  }\n\n  \n  .cn-kbd {\n    height: var(--component-kbd-size);\n    min-width: var(--component-kbd-size);\n    gap: var(--component-kbd-spacing-gap);\n    padding-inline: var(--component-kbd-padding-inline);\n    font-size: var(--component-kbd-font-size);\n    border-radius: var(--component-kbd-radius);\n  }\n  .cn-kbd :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-kbd-icon);\n    height: var(--component-kbd-icon);\n  }\n  .cn-kbd-group {\n    gap: var(--component-kbd-spacing-gap);\n  }\n\n  \n  .cn-tabs {\n    gap: var(--component-tabs-spacing-gap);\n  }\n  .cn-tabs-list {\n    padding: var(--component-tabs-list-padding);\n  }\n  .cn-tabs-list:not([data-variant=\"line\"]) {\n    border-radius: var(--component-tabs-list-radius);\n  }\n  .cn-tabs[data-horizontal] .cn-tabs-list {\n    height: var(--component-tabs-list-size);\n  }\n  .cn-tabs-trigger {\n    gap: var(--component-tabs-trigger-spacing-gap);\n    border-radius: var(--component-tabs-trigger-radius);\n    padding-inline: var(--component-tabs-trigger-padding-inline);\n    padding-block: var(--component-tabs-trigger-padding-block);\n    font-size: var(--component-tabs-trigger-font-size);\n    line-height: var(--component-tabs-trigger-line-height);\n  }\n  .cn-tabs-trigger:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-tabs-trigger-padding-inline-icon);\n  }\n  .cn-tabs-trigger:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-tabs-trigger-padding-inline-icon);\n  }\n  .cn-tabs-trigger :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-tabs-trigger-icon);\n    height: var(--component-tabs-trigger-icon);\n  }\n  .cn-tabs-content {\n    font-size: var(--component-tabs-trigger-font-size);\n  }\n\n  \n  .cn-dropdown-menu-content,\n  .cn-dropdown-menu-content-aria {\n    min-width: var(--component-dropdown-menu-content-min-width);\n    border-radius: var(--component-dropdown-menu-content-radius);\n    padding: var(--component-dropdown-menu-content-padding);\n  }\n  .cn-dropdown-menu-sub-content,\n  .cn-dropdown-menu-sub-content-aria {\n    min-width: var(--component-dropdown-menu-sub-content-min-width);\n    border-radius: var(--component-dropdown-menu-content-radius);\n    padding: var(--component-dropdown-menu-content-padding);\n  }\n  .cn-dropdown-menu-item,\n  .cn-dropdown-menu-sub-trigger {\n    padding-inline: var(--component-dropdown-menu-item-padding-inline);\n  }\n  .cn-dropdown-menu-item,\n  .cn-dropdown-menu-checkbox-item,\n  .cn-dropdown-menu-radio-item,\n  .cn-dropdown-menu-sub-trigger {\n    gap: var(--component-dropdown-menu-item-spacing-gap);\n    border-radius: var(--component-dropdown-menu-item-radius);\n    padding-block: var(--component-dropdown-menu-item-padding-block);\n    font-size: var(--component-dropdown-menu-item-font-size);\n    line-height: var(--component-dropdown-menu-item-line-height);\n  }\n  .cn-dropdown-menu-checkbox-item,\n  .cn-dropdown-menu-radio-item {\n    padding-inline-start: var(--component-dropdown-menu-item-padding-inline);\n    padding-inline-end: var(--component-dropdown-menu-item-padding-indicator);\n  }\n  .cn-dropdown-menu-item[data-inset],\n  .cn-dropdown-menu-checkbox-item[data-inset],\n  .cn-dropdown-menu-radio-item[data-inset],\n  .cn-dropdown-menu-sub-trigger[data-inset],\n  .cn-dropdown-menu-label[data-inset] {\n    padding-inline-start: var(--component-dropdown-menu-item-inset);\n  }\n  :is(\n      .cn-dropdown-menu-item,\n      .cn-dropdown-menu-checkbox-item,\n      .cn-dropdown-menu-radio-item,\n      .cn-dropdown-menu-sub-trigger\n    )\n    :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-dropdown-menu-item-icon);\n    height: var(--component-dropdown-menu-item-icon);\n  }\n  .cn-dropdown-menu-label {\n    padding-inline: var(--component-dropdown-menu-item-padding-inline);\n    padding-block: var(--component-dropdown-menu-item-padding-block);\n    font-size: var(--component-dropdown-menu-label-font-size);\n  }\n  .cn-dropdown-menu-shortcut {\n    font-size: var(--component-dropdown-menu-label-font-size);\n  }\n  .cn-dropdown-menu-separator {\n    margin-inline: calc(-1 * var(--component-dropdown-menu-content-padding));\n    margin-block: var(--component-dropdown-menu-content-padding);\n  }\n\n  \n  .cn-context-menu-content,\n  .cn-context-menu-content-aria {\n    min-width: var(--component-context-menu-content-min-width);\n    border-radius: var(--component-context-menu-content-radius);\n    padding: var(--component-context-menu-content-padding);\n  }\n  .cn-context-menu-sub-content,\n  .cn-context-menu-sub-content-aria {\n    min-width: var(--component-context-menu-sub-content-min-width);\n    border-radius: var(--component-context-menu-content-radius);\n    padding: var(--component-context-menu-content-padding);\n  }\n  .cn-context-menu-item,\n  .cn-context-menu-sub-trigger {\n    padding-inline: var(--component-context-menu-item-padding-inline);\n  }\n  .cn-context-menu-item,\n  .cn-context-menu-checkbox-item,\n  .cn-context-menu-radio-item,\n  .cn-context-menu-sub-trigger {\n    gap: var(--component-context-menu-item-spacing-gap);\n    border-radius: var(--component-context-menu-item-radius);\n    padding-block: var(--component-context-menu-item-padding-block);\n    font-size: var(--component-context-menu-item-font-size);\n    line-height: var(--component-context-menu-item-line-height);\n  }\n  .cn-context-menu-checkbox-item,\n  .cn-context-menu-radio-item {\n    padding-inline-start: var(--component-context-menu-item-padding-inline);\n    padding-inline-end: var(--component-context-menu-item-padding-indicator);\n  }\n  .cn-context-menu-item[data-inset],\n  .cn-context-menu-checkbox-item[data-inset],\n  .cn-context-menu-radio-item[data-inset],\n  .cn-context-menu-sub-trigger[data-inset],\n  .cn-context-menu-label[data-inset] {\n    padding-inline-start: var(--component-context-menu-item-inset);\n  }\n  :is(\n      .cn-context-menu-item,\n      .cn-context-menu-checkbox-item,\n      .cn-context-menu-radio-item,\n      .cn-context-menu-sub-trigger\n    )\n    :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-context-menu-item-icon);\n    height: var(--component-context-menu-item-icon);\n  }\n  .cn-context-menu-label {\n    padding-inline: var(--component-context-menu-item-padding-inline);\n    padding-block: var(--component-context-menu-item-padding-block);\n    font-size: var(--component-context-menu-label-font-size);\n  }\n  .cn-context-menu-shortcut {\n    font-size: var(--component-context-menu-label-font-size);\n  }\n  .cn-context-menu-separator {\n    margin-inline: calc(-1 * var(--component-context-menu-content-padding));\n    margin-block: var(--component-context-menu-content-padding);\n  }\n\n  \n  .cn-menubar {\n    height: var(--component-menubar-size);\n    gap: var(--component-menubar-spacing-gap);\n    border-radius: var(--component-menubar-radius);\n    padding: var(--component-menubar-padding);\n  }\n  .cn-menubar-trigger {\n    border-radius: var(--component-menubar-trigger-radius);\n    padding-inline: var(--component-menubar-trigger-padding-inline);\n    padding-block: var(--component-menubar-trigger-padding-block);\n    font-size: var(--component-menubar-trigger-font-size);\n    line-height: var(--component-menubar-trigger-line-height);\n  }\n  .cn-menubar-content {\n    min-width: var(--component-menubar-content-min-width);\n    border-radius: var(--component-menubar-content-radius);\n    padding: var(--component-menubar-content-padding);\n  }\n  .cn-menubar-sub-content {\n    min-width: var(--component-menubar-sub-content-min-width);\n    border-radius: var(--component-menubar-content-radius);\n    padding: var(--component-menubar-content-padding);\n  }\n  .cn-menubar-item,\n  .cn-menubar-sub-trigger {\n    padding-inline: var(--component-menubar-item-padding-inline);\n  }\n  .cn-menubar-item,\n  .cn-menubar-checkbox-item,\n  .cn-menubar-radio-item,\n  .cn-menubar-sub-trigger {\n    gap: var(--component-menubar-item-spacing-gap);\n    border-radius: var(--component-menubar-item-radius);\n    padding-block: var(--component-menubar-item-padding-block);\n    font-size: var(--component-menubar-item-font-size);\n    line-height: var(--component-menubar-item-line-height);\n  }\n  .cn-menubar-checkbox-item,\n  .cn-menubar-radio-item {\n    padding-inline-start: var(--component-menubar-item-inset);\n    padding-inline-end: var(--component-menubar-item-padding-inline);\n  }\n  .cn-menubar-item[data-inset],\n  .cn-menubar-checkbox-item[data-inset],\n  .cn-menubar-radio-item[data-inset],\n  .cn-menubar-sub-trigger[data-inset],\n  .cn-menubar-label[data-inset] {\n    padding-inline-start: var(--component-menubar-item-inset);\n  }\n  :is(\n      .cn-menubar-item,\n      .cn-menubar-sub-trigger,\n      .cn-menubar-checkbox-item-indicator,\n      .cn-menubar-radio-item-indicator\n    )\n    :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-menubar-item-icon);\n    height: var(--component-menubar-item-icon);\n  }\n  .cn-menubar-label {\n    padding-inline: var(--component-menubar-item-padding-inline);\n    padding-block: var(--component-menubar-item-padding-block);\n    font-size: var(--component-menubar-item-font-size);\n  }\n  .cn-menubar-shortcut {\n    font-size: var(--component-menubar-shortcut-font-size);\n  }\n\n  \n  .cn-navigation-menu-trigger {\n    border-radius: var(--component-navigation-menu-trigger-radius);\n    padding-inline: var(--component-navigation-menu-trigger-padding-inline);\n    padding-block: var(--component-navigation-menu-trigger-padding-block);\n    font-size: var(--component-navigation-menu-trigger-font-size);\n    line-height: var(--component-navigation-menu-trigger-line-height);\n  }\n  .cn-navigation-menu-trigger-icon {\n    width: var(--component-navigation-menu-trigger-icon);\n    height: var(--component-navigation-menu-trigger-icon);\n    margin-inline-start: var(--component-navigation-menu-trigger-icon-spacing);\n  }\n  .cn-navigation-menu-link {\n    gap: var(--component-navigation-menu-link-spacing-gap);\n    border-radius: var(--component-navigation-menu-link-radius);\n    padding: var(--component-navigation-menu-link-padding);\n    font-size: var(--component-navigation-menu-link-font-size);\n  }\n  [data-slot=\"navigation-menu-content\"] .cn-navigation-menu-link {\n    border-radius: var(--component-navigation-menu-link-radius-nested);\n  }\n  .cn-navigation-menu-link :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-navigation-menu-link-icon);\n    height: var(--component-navigation-menu-link-icon);\n  }\n  .cn-navigation-menu-content {\n    padding: var(--component-navigation-menu-content-padding);\n  }\n  .cn-navigation-menu-viewport,\n  .cn-navigation-menu-popup {\n    border-radius: var(--component-navigation-menu-content-radius);\n  }\n  .cn-navigation-menu[data-viewport=\"false\"] .cn-navigation-menu-content {\n    border-radius: var(--component-navigation-menu-content-radius);\n  }\n\n  \n  .cn-accordion-trigger {\n    border-radius: var(--component-accordion-trigger-radius);\n    padding-block: var(--component-accordion-trigger-padding-block);\n    font-size: var(--component-accordion-trigger-font-size);\n    line-height: var(--component-accordion-trigger-line-height);\n  }\n  .cn-accordion-trigger [data-slot=\"accordion-trigger-icon\"] {\n    width: var(--component-accordion-trigger-icon);\n    height: var(--component-accordion-trigger-icon);\n  }\n  .cn-accordion-content {\n    font-size: var(--component-accordion-trigger-font-size);\n  }\n  .cn-accordion-content-inner {\n    padding-bottom: var(--component-accordion-trigger-padding-block);\n  }\n\n  \n  .cn-breadcrumb-list {\n    gap: var(--component-breadcrumb-spacing-gap);\n    font-size: var(--component-breadcrumb-font-size);\n  }\n  .cn-breadcrumb-item {\n    gap: var(--component-breadcrumb-item-spacing-gap);\n  }\n  .cn-breadcrumb-separator > svg {\n    width: var(--component-breadcrumb-separator-icon);\n    height: var(--component-breadcrumb-separator-icon);\n  }\n  .cn-breadcrumb-ellipsis {\n    width: var(--component-breadcrumb-ellipsis-size);\n    height: var(--component-breadcrumb-ellipsis-size);\n  }\n  .cn-breadcrumb-ellipsis > svg {\n    width: var(--component-breadcrumb-icon);\n    height: var(--component-breadcrumb-icon);\n  }\n\n  \n  .cn-command {\n    border-radius: var(--component-command-radius) !important;\n    padding: var(--component-command-padding);\n  }\n  .cn-command-dialog {\n    border-radius: var(--component-command-radius) !important;\n  }\n  .cn-command-input-wrapper {\n    padding: var(--component-command-padding);\n    padding-bottom: 0;\n  }\n  .cn-command-input-group {\n    height: var(--component-command-input-size) !important;\n    border-radius: var(--component-command-input-radius) !important;\n  }\n  .cn-command-input {\n    font-size: var(--component-command-input-font-size);\n  }\n  .cn-command-input-icon {\n    width: var(--component-command-input-icon);\n    height: var(--component-command-input-icon);\n  }\n  .cn-command-list {\n    max-height: var(--component-command-list-max-height);\n  }\n  .cn-command-empty {\n    padding-block: var(--component-command-empty-padding-block);\n    font-size: var(--component-command-item-font-size);\n  }\n  .cn-command-group {\n    padding: var(--component-command-padding);\n  }\n  .cn-command-group [cmdk-group-heading] {\n    padding-inline: var(--component-command-heading-padding-inline);\n    padding-block: var(--component-command-heading-padding-block);\n    font-size: var(--component-command-heading-font-size);\n  }\n  .cn-command-separator {\n    margin-inline: calc(-1 * var(--component-command-padding));\n  }\n  .cn-command-item {\n    gap: var(--component-command-item-spacing-gap);\n    border-radius: var(--component-command-item-radius);\n    padding-inline: var(--component-command-item-padding-inline);\n    padding-block: var(--component-command-item-padding-block);\n    font-size: var(--component-command-item-font-size);\n    line-height: var(--component-command-item-line-height);\n  }\n  [data-slot=\"dialog-content\"] .cn-command-item {\n    border-radius: var(--component-command-item-radius-dialog) !important;\n  }\n  .cn-command-item :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-command-item-icon);\n    height: var(--component-command-item-icon);\n  }\n  .cn-command-shortcut {\n    font-size: var(--component-command-shortcut-font-size);\n  }\n\n  \n  .cn-input-otp {\n    gap: var(--component-input-otp-spacing-gap);\n  }\n  .cn-input-otp-group {\n    border-radius: var(--component-input-otp-radius);\n  }\n  .cn-input-otp-slot {\n    width: var(--component-input-otp-slot-size);\n    height: var(--component-input-otp-slot-size);\n    font-size: var(--component-input-otp-slot-font-size);\n  }\n  .cn-input-otp-slot:first-child {\n    border-start-start-radius: var(--component-input-otp-radius);\n    border-end-start-radius: var(--component-input-otp-radius);\n  }\n  .cn-input-otp-slot:last-child {\n    border-start-end-radius: var(--component-input-otp-radius);\n    border-end-end-radius: var(--component-input-otp-radius);\n  }\n  .cn-input-otp-caret-line {\n    height: var(--component-input-otp-slot-caret);\n  }\n  .cn-input-otp-separator :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-input-otp-separator-icon);\n    height: var(--component-input-otp-separator-icon);\n  }\n\n  \n  .cn-pagination-content {\n    gap: var(--component-pagination-spacing-gap);\n  }\n  .cn-pagination-ellipsis {\n    width: var(--component-pagination-ellipsis-size);\n    height: var(--component-pagination-ellipsis-size);\n  }\n  .cn-pagination-ellipsis :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-pagination-icon);\n    height: var(--component-pagination-icon);\n  }\n  .cn-pagination-previous {\n    padding-inline-start: var(--component-pagination-padding-inline-icon) !important;\n  }\n  .cn-pagination-next {\n    padding-inline-end: var(--component-pagination-padding-inline-icon) !important;\n  }\n\n  \n  .cn-slider[data-vertical] {\n    min-height: var(--component-slider-min-length);\n  }\n  .cn-slider-track[data-horizontal] {\n    height: var(--component-slider-track-size);\n  }\n  .cn-slider-track[data-vertical] {\n    width: var(--component-slider-track-size);\n  }\n  .cn-slider-thumb {\n    width: var(--component-slider-thumb-size);\n    height: var(--component-slider-thumb-size);\n  }\n\n  \n  .cn-toggle-group:not([data-size=\"sm\"]) {\n    border-radius: var(--component-toggle-group-radius);\n  }\n  .cn-toggle-group[data-spacing=\"0\"] .cn-toggle-group-item {\n    padding-inline: var(--component-toggle-group-item-padding-inline);\n  }\n  .cn-toggle-group[data-spacing=\"0\"] .cn-toggle-group-item:has([data-icon=\"inline-start\"]) {\n    padding-inline-start: var(--component-toggle-group-item-padding-inline-icon);\n  }\n  .cn-toggle-group[data-spacing=\"0\"] .cn-toggle-group-item:has([data-icon=\"inline-end\"]) {\n    padding-inline-end: var(--component-toggle-group-item-padding-inline-icon);\n  }\n  .cn-toggle-group[data-horizontal][data-spacing=\"0\"] .cn-toggle-group-item:first-child {\n    border-start-start-radius: var(--component-toggle-group-radius);\n    border-end-start-radius: var(--component-toggle-group-radius);\n  }\n  .cn-toggle-group[data-horizontal][data-spacing=\"0\"] .cn-toggle-group-item:last-child {\n    border-start-end-radius: var(--component-toggle-group-radius);\n    border-end-end-radius: var(--component-toggle-group-radius);\n  }\n  .cn-toggle-group[data-vertical][data-spacing=\"0\"] .cn-toggle-group-item:first-child {\n    border-start-start-radius: var(--component-toggle-group-radius);\n    border-start-end-radius: var(--component-toggle-group-radius);\n  }\n  .cn-toggle-group[data-vertical][data-spacing=\"0\"] .cn-toggle-group-item:last-child {\n    border-end-start-radius: var(--component-toggle-group-radius);\n    border-end-end-radius: var(--component-toggle-group-radius);\n  }\n\n  \n  .cn-dialog-content,\n  .cn-dialog-content-aria {\n    border-radius: var(--component-dialog-radius);\n    padding: var(--component-dialog-padding);\n    gap: var(--component-dialog-spacing-gap);\n    font-size: var(--component-dialog-font-size);\n  }\n  @media (min-width: 40rem) {\n    .cn-dialog-content,\n    .cn-dialog-content-aria {\n      max-width: var(--component-dialog-max-width);\n    }\n  }\n  .cn-dialog-close {\n    top: var(--component-dialog-close-offset);\n    right: var(--component-dialog-close-offset);\n  }\n  .cn-dialog-header {\n    gap: var(--component-dialog-header-spacing-gap);\n  }\n  .cn-dialog-footer {\n    margin-inline: calc(-1 * var(--component-dialog-padding));\n    margin-bottom: calc(-1 * var(--component-dialog-padding));\n    padding: var(--component-dialog-padding);\n    border-end-start-radius: var(--component-dialog-radius);\n    border-end-end-radius: var(--component-dialog-radius);\n  }\n  .cn-dialog-title {\n    font-size: var(--component-dialog-title-font-size);\n  }\n  .cn-dialog-description {\n    font-size: var(--component-dialog-font-size);\n  }\n\n  \n  .cn-sheet-content {\n    gap: var(--component-sheet-spacing-gap);\n    font-size: var(--component-sheet-font-size);\n  }\n  @media (min-width: 40rem) {\n    .cn-sheet-content[data-side=\"left\"],\n    .cn-sheet-content[data-side=\"right\"] {\n      max-width: var(--component-sheet-max-width);\n    }\n  }\n  .cn-sheet-close {\n    top: var(--component-sheet-close-offset);\n    right: var(--component-sheet-close-offset);\n  }\n  .cn-sheet-header {\n    gap: var(--component-sheet-header-spacing-gap);\n    padding: var(--component-sheet-padding);\n  }\n  .cn-sheet-footer {\n    gap: var(--component-sheet-footer-spacing-gap);\n    padding: var(--component-sheet-padding);\n  }\n  .cn-sheet-title {\n    font-size: var(--component-sheet-title-font-size);\n  }\n  .cn-sheet-description {\n    font-size: var(--component-sheet-font-size);\n  }\n\n  \n  .cn-drawer-content,\n  .cn-drawer-popup {\n    font-size: var(--component-drawer-font-size);\n  }\n  .cn-drawer-content[data-vaul-drawer-direction=\"bottom\"],\n  .cn-drawer-popup[data-swipe-direction=\"down\"] {\n    border-top-left-radius: var(--component-drawer-radius);\n    border-top-right-radius: var(--component-drawer-radius);\n  }\n  .cn-drawer-content[data-vaul-drawer-direction=\"top\"],\n  .cn-drawer-popup[data-swipe-direction=\"up\"] {\n    border-bottom-left-radius: var(--component-drawer-radius);\n    border-bottom-right-radius: var(--component-drawer-radius);\n  }\n  .cn-drawer-content[data-vaul-drawer-direction=\"left\"],\n  .cn-drawer-popup[data-swipe-direction=\"left\"] {\n    border-top-right-radius: var(--component-drawer-radius);\n    border-bottom-right-radius: var(--component-drawer-radius);\n  }\n  .cn-drawer-content[data-vaul-drawer-direction=\"right\"],\n  .cn-drawer-popup[data-swipe-direction=\"right\"] {\n    border-top-left-radius: var(--component-drawer-radius);\n    border-bottom-left-radius: var(--component-drawer-radius);\n  }\n  .cn-drawer-header,\n  .cn-drawer-header-base {\n    gap: var(--component-drawer-header-spacing-gap);\n    padding: var(--component-drawer-padding);\n  }\n  .cn-drawer-header-base {\n    padding-bottom: 0;\n  }\n  .cn-drawer-footer,\n  .cn-drawer-footer-base {\n    gap: var(--component-drawer-footer-spacing-gap);\n    padding: var(--component-drawer-padding);\n  }\n  .cn-drawer-footer-base {\n    padding-top: 0;\n  }\n  .cn-drawer-title {\n    font-size: var(--component-drawer-title-font-size);\n  }\n  .cn-drawer-description {\n    font-size: var(--component-drawer-font-size);\n  }\n\n  \n  .cn-popover-content,\n  .cn-popover-content-aria {\n    border-radius: var(--component-popover-radius);\n    padding: var(--component-popover-padding);\n    gap: var(--component-popover-spacing-gap);\n    font-size: var(--component-popover-font-size);\n  }\n  .cn-popover-header {\n    gap: var(--component-popover-header-spacing-gap);\n    font-size: var(--component-popover-font-size);\n  }\n\n  \n  .cn-hover-card-content,\n  .cn-hover-card-content-aria {\n    width: var(--component-hover-card-width);\n    border-radius: var(--component-hover-card-radius);\n    padding: var(--component-hover-card-padding);\n    font-size: var(--component-hover-card-font-size);\n  }\n\n  \n  .cn-tooltip-content,\n  .cn-tooltip-content-aria {\n    gap: var(--component-tooltip-spacing-gap);\n    border-radius: var(--component-tooltip-radius);\n    padding-inline: var(--component-tooltip-padding-inline);\n    padding-block: var(--component-tooltip-padding-block);\n    font-size: var(--component-tooltip-font-size);\n  }\n  .cn-tooltip-content:has([data-slot=\"kbd\"]),\n  .cn-tooltip-content-aria:has([data-slot=\"kbd\"]) {\n    padding-inline-end: var(--component-tooltip-padding-kbd);\n  }\n  .cn-tooltip-arrow {\n    width: var(--component-tooltip-arrow-size);\n    height: var(--component-tooltip-arrow-size);\n  }\n\n  \n  .cn-alert {\n    border-radius: var(--component-alert-radius);\n    padding-inline: var(--component-alert-padding-inline);\n    padding-block: var(--component-alert-padding-block);\n    gap: var(--component-alert-spacing-gap);\n    font-size: var(--component-alert-font-size);\n  }\n  .cn-alert:has(> svg) {\n    column-gap: var(--component-alert-icon-gap);\n  }\n  .cn-alert:has([data-slot=\"alert-action\"]) {\n    padding-inline-end: var(--component-alert-action-space);\n  }\n  .cn-alert > svg:not([class*=\"size-\"]) {\n    width: var(--component-alert-icon);\n    height: var(--component-alert-icon);\n  }\n  .cn-alert-action {\n    top: var(--component-alert-action-offset);\n    right: var(--component-alert-action-offset);\n  }\n  .cn-alert-description {\n    font-size: var(--component-alert-font-size);\n  }\n\n  \n  .cn-empty {\n    border-radius: var(--component-empty-radius);\n    padding: var(--component-empty-padding);\n    gap: var(--component-empty-spacing-gap);\n  }\n  .cn-empty-header {\n    gap: var(--component-empty-header-spacing-gap);\n  }\n  .cn-empty-media {\n    margin-bottom: var(--component-empty-media-spacing);\n  }\n  .cn-empty-media-icon {\n    width: var(--component-empty-media-size);\n    height: var(--component-empty-media-size);\n    border-radius: var(--component-empty-media-radius);\n  }\n  .cn-empty-media-icon :is(svg:not([class*=\"size-\"])) {\n    width: var(--component-empty-media-icon);\n    height: var(--component-empty-media-icon);\n  }\n  .cn-empty-title,\n  .cn-empty-description {\n    font-size: var(--component-empty-font-size);\n  }\n  .cn-empty-content {\n    gap: var(--component-empty-content-spacing-gap);\n    font-size: var(--component-empty-font-size);\n  }\n\n  \n  .cn-toast {\n    border-radius: var(--component-toast-radius);\n  }\n\n  \n  .cn-table {\n    font-size: var(--component-table-font-size);\n  }\n  .cn-table-head {\n    height: var(--component-table-head-size);\n    padding-inline: var(--component-table-head-padding-inline);\n  }\n  .cn-table-cell {\n    padding: var(--component-table-cell-padding);\n  }\n  .cn-table-caption {\n    margin-top: var(--component-table-caption-spacing);\n    font-size: var(--component-table-font-size);\n  }\n\n  \n  .cn-bubble {\n    gap: var(--component-bubble-spacing-gap);\n  }\n  .cn-bubble-content {\n    border-radius: var(--component-bubble-radius);\n    padding-inline: var(--component-bubble-padding-inline);\n    padding-block: var(--component-bubble-padding-block);\n    font-size: var(--component-bubble-font-size);\n  }\n  .cn-bubble-variant-ghost > [data-slot=\"bubble-content\"] {\n    border-radius: 0;\n    padding: 0;\n  }\n  .cn-bubble-group {\n    gap: var(--component-bubble-group-spacing-gap);\n  }\n\n  \n  .cn-marker {\n    gap: var(--component-marker-spacing-gap);\n    min-height: var(--component-marker-min-size);\n    font-size: var(--component-marker-font-size);\n  }\n  .cn-marker :is(svg:not([class*=\"size-\"])),\n  .cn-marker-icon {\n    width: var(--component-marker-icon);\n    height: var(--component-marker-icon);\n  }\n  .cn-marker-variant-border {\n    padding-bottom: var(--component-marker-border-spacing);\n  }\n\n  \n  .cn-questionnaire,\n  .cn-questionnaire-item {\n    gap: var(--component-questionnaire-spacing-gap);\n  }\n  .cn-questionnaire-progress {\n    font-size: var(--component-questionnaire-progress-font-size);\n  }\n  .cn-questionnaire-title {\n    font-size: var(--component-questionnaire-title-font-size);\n  }\n  .cn-questionnaire-title:not(:has(~ [data-slot=\"questionnaire-description\"])) {\n    margin-bottom: var(--component-questionnaire-spacing-gap);\n  }\n  .cn-questionnaire-description {\n    font-size: var(--component-questionnaire-font-size);\n  }\n  .cn-questionnaire-choices {\n    gap: var(--component-questionnaire-choices-spacing-gap);\n  }\n  .cn-questionnaire-choice {\n    gap: var(--component-questionnaire-choice-spacing-gap);\n    border-radius: var(--component-questionnaire-choice-radius);\n    padding-inline: var(--component-questionnaire-choice-padding-inline);\n    padding-block: var(--component-questionnaire-choice-padding-block);\n    font-size: var(--component-questionnaire-font-size);\n  }\n  .cn-questionnaire-choice-indicator {\n    width: var(--component-questionnaire-choice-indicator-size);\n    height: var(--component-questionnaire-choice-indicator-size);\n  }\n  .cn-questionnaire-shortcut {\n    width: var(--component-questionnaire-shortcut-size);\n    height: var(--component-questionnaire-shortcut-size);\n    border-radius: var(--component-questionnaire-shortcut-radius);\n    font-size: var(--component-questionnaire-shortcut-font-size);\n  }\n  .cn-questionnaire-input {\n    height: var(--component-questionnaire-input-size);\n    border-radius: var(--component-questionnaire-input-radius);\n    padding-inline: var(--component-questionnaire-input-padding-inline);\n  }\n  .cn-questionnaire-error {\n    margin-top: var(--component-questionnaire-error-spacing);\n    font-size: var(--component-questionnaire-font-size);\n  }\n  .cn-questionnaire-actions {\n    gap: var(--component-questionnaire-actions-spacing-gap);\n  }\n  @media (min-width: 40rem) {\n    .cn-questionnaire-actions {\n      min-height: var(--component-questionnaire-actions-min-size);\n    }\n  }\n\n  \n  .cn-message {\n    gap: var(--component-message-spacing-gap);\n    font-size: var(--component-message-font-size);\n  }\n  .cn-message-avatar {\n    min-width: var(--component-message-avatar-size);\n  }\n  .cn-message-content {\n    gap: var(--component-message-content-spacing-gap);\n  }\n  .cn-message-header,\n  .cn-message-footer {\n    padding-inline: var(--component-message-meta-padding-inline);\n    font-size: var(--component-message-meta-font-size);\n  }\n  .cn-message:has([data-variant=\"ghost\"]) .cn-message-header,\n  .cn-message:has([data-variant=\"ghost\"]) .cn-message-footer {\n    padding-inline: 0;\n  }\n  .cn-message-group {\n    gap: var(--component-message-group-spacing-gap);\n  }\n\n  \n  .cn-message-scroller-content {\n    gap: var(--component-message-scroller-spacing-gap);\n  }\n\n  \n  .cn-separator-horizontal {\n    height: var(--component-separator-size);\n  }\n  .cn-separator-vertical {\n    width: var(--component-separator-size);\n  }\n\n  \n  .cn-skeleton {\n    border-radius: var(--component-skeleton-radius);\n  }\n\n  \n  .cn-progress,\n  .cn-progress-track {\n    height: var(--component-progress-size);\n    border-radius: var(--component-progress-radius);\n  }\n  .cn-progress-label,\n  .cn-progress-value {\n    font-size: var(--component-progress-font-size);\n  }\n\n  \n  .cn-scroll-area-scrollbar[data-horizontal] {\n    height: var(--component-scroll-area-scrollbar-size);\n  }\n  .cn-scroll-area-scrollbar[data-vertical] {\n    width: var(--component-scroll-area-scrollbar-size);\n  }\n  .cn-scroll-area-thumb {\n    border-radius: var(--component-scroll-area-thumb-radius);\n  }\n\n  \n  .cn-resizable-handle-icon {\n    width: var(--component-resizable-handle-size);\n    height: var(--component-resizable-handle-length);\n    border-radius: var(--component-resizable-handle-radius);\n  }\n\n  \n  .cn-carousel-previous,\n  .cn-carousel-next {\n    border-radius: var(--component-carousel-nav-radius);\n  }\n\n  \n  .cn-dialog-overlay,\n  .cn-dialog-overlay-aria,\n  .cn-alert-dialog-overlay,\n  .cn-alert-dialog-overlay-aria,\n  .cn-drawer-overlay,\n  .cn-sheet-overlay {\n    background-color: var(--theme-surface-overlay);\n  }\n  .cn-slider-thumb {\n    background-color: var(--theme-slider-thumb);\n  }\n\n  \n  .cn-chart-tooltip {\n    gap: var(--component-chart-tooltip-spacing-gap);\n    border-radius: var(--component-chart-tooltip-radius);\n    padding-inline: var(--component-chart-tooltip-padding-inline);\n    padding-block: var(--component-chart-tooltip-padding-block);\n    font-size: var(--component-chart-tooltip-font-size);\n  }\n}\n\n}\n\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n    --font-heading: var(--font-sans);\n    --font-sans: var(--global-typography-font-family-sans), ui-sans-serif, system-ui, sans-serif;\n    --color-sidebar-ring: var(--sidebar-ring);\n    --color-sidebar-border: var(--sidebar-border);\n    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n    --color-sidebar-accent: var(--sidebar-accent);\n    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n    --color-sidebar-primary: var(--sidebar-primary);\n    --color-sidebar-foreground: var(--sidebar-foreground);\n    --color-sidebar: var(--sidebar);\n    --color-chart-5: var(--chart-5);\n    --color-chart-4: var(--chart-4);\n    --color-chart-3: var(--chart-3);\n    --color-chart-2: var(--chart-2);\n    --color-chart-1: var(--chart-1);\n    --color-ring: var(--ring);\n    --color-input: var(--input);\n    --color-border: var(--border);\n    --color-destructive: var(--destructive);\n    --color-accent-foreground: var(--accent-foreground);\n    --color-accent: var(--accent);\n    --color-muted-foreground: var(--muted-foreground);\n    --color-muted: var(--muted);\n    --color-secondary-foreground: var(--secondary-foreground);\n    --color-secondary: var(--secondary);\n    --color-primary-foreground: var(--primary-foreground);\n    --color-primary: var(--primary);\n    --color-popover-foreground: var(--popover-foreground);\n    --color-popover: var(--popover);\n    --color-card-foreground: var(--card-foreground);\n    --color-card: var(--card);\n    --color-foreground: var(--foreground);\n    --color-background: var(--background);\n    --radius-sm: calc(var(--radius) * 0.6);\n    --radius-md: calc(var(--radius) * 0.8);\n    --radius-lg: var(--radius);\n    --radius-xl: calc(var(--radius) * 1.4);\n    --radius-2xl: calc(var(--radius) * 1.8);\n    --radius-3xl: calc(var(--radius) * 2.2);\n    --radius-4xl: calc(var(--radius) * 2.6);\n    --text-xs: var(--global-typography-font-size-12);\n    --text-xs--line-height: var(--global-typography-line-height-18);\n    --text-sm: var(--global-typography-font-size-14);\n    --text-sm--line-height: var(--global-typography-line-height-22);\n    --text-base: var(--global-typography-font-size-16);\n    --text-base--line-height: var(--global-typography-line-height-24);\n    --text-lg: var(--global-typography-font-size-18);\n    --text-lg--line-height: var(--global-typography-line-height-28);\n    --text-xl: var(--global-typography-font-size-20);\n    --text-xl--line-height: var(--global-typography-line-height-32);\n    --text-2xl: var(--global-typography-font-size-24);\n    --text-2xl--line-height: var(--global-typography-line-height-38);\n    --text-3xl: var(--global-typography-font-size-30);\n    --text-3xl--line-height: var(--global-typography-line-height-42);\n    --text-4xl: var(--global-typography-font-size-36);\n    --text-4xl--line-height: var(--global-typography-line-height-52);\n    --text-5xl: var(--global-typography-font-size-48);\n    --text-5xl--line-height: var(--global-typography-line-height-64);\n    --text-6xl: var(--global-typography-font-size-60);\n    --text-6xl--line-height: var(--global-typography-line-height-86);\n    --text-7xl: var(--global-typography-font-size-72);\n    --text-7xl--line-height: var(--global-typography-line-height-108);\n    --text-8xl: var(--global-typography-font-size-96);\n    --text-8xl--line-height: var(--global-typography-line-height-144);\n    --text-9xl: var(--global-typography-font-size-128);\n    --text-9xl--line-height: var(--global-typography-line-height-192);\n    --sidebar-ring: var(--sidebar-ring);\n    --sidebar-border: var(--sidebar-border);\n    --sidebar-accent-foreground: var(--sidebar-accent-foreground);\n    --sidebar-accent: var(--sidebar-accent);\n    --sidebar-primary-foreground: var(--sidebar-primary-foreground);\n    --sidebar-primary: var(--sidebar-primary);\n    --sidebar-foreground: var(--sidebar-foreground);\n    --sidebar: var(--sidebar);\n    --chart-5: var(--chart-5);\n    --chart-4: var(--chart-4);\n    --chart-3: var(--chart-3);\n    --chart-2: var(--chart-2);\n    --chart-1: var(--chart-1);\n    --ring: var(--ring);\n    --input: var(--input);\n    --border: var(--border);\n    --destructive-foreground: var(--destructive-foreground);\n    --destructive: var(--destructive);\n    --accent-foreground: var(--accent-foreground);\n    --accent: var(--accent);\n    --muted-foreground: var(--muted-foreground);\n    --muted: var(--muted);\n    --secondary-foreground: var(--secondary-foreground);\n    --secondary: var(--secondary);\n    --primary-foreground: var(--primary-foreground);\n    --primary: var(--primary);\n    --popover-foreground: var(--popover-foreground);\n    --popover: var(--popover);\n    --card-foreground: var(--card-foreground);\n    --card: var(--card);\n    --foreground: var(--foreground);\n    --background: var(--background);\n}\n\n:root {\n    \n    --background: var(--theme-surface-page);\n    --foreground: var(--theme-text-primary);\n    --card: var(--theme-surface-page);\n    --card-foreground: var(--theme-text-primary);\n    --popover: var(--theme-surface-page);\n    --popover-foreground: var(--theme-text-primary);\n    --primary: var(--theme-brand-active);\n    --primary-foreground: var(--theme-text-inverse-primary);\n    --secondary: var(--theme-fill-1);\n    --secondary-foreground: var(--theme-text-primary);\n    --muted: var(--theme-surface-container);\n    --muted-foreground: var(--theme-text-tertiary);\n    --accent: var(--theme-fill-1);\n    --accent-foreground: var(--theme-text-primary);\n    --destructive: var(--theme-danger-active);\n    --destructive-foreground: var(--theme-text-inverse-primary);\n    --border: var(--theme-border-default);\n    --input: var(--theme-border-default);\n    --ring: var(--theme-brand-active);\n    --chart-1: var(--theme-brand-active);\n    --chart-2: var(--theme-success-active);\n    --chart-3: var(--theme-highlight-active);\n    --chart-4: var(--theme-danger-active);\n    --chart-5: var(--theme-fill-4);\n    --radius: var(--global-radius-12);\n    --sidebar: var(--theme-surface-container);\n    --sidebar-foreground: var(--theme-text-primary);\n    --sidebar-primary: var(--theme-brand-active);\n    --sidebar-primary-foreground: var(--theme-text-inverse-primary);\n    --sidebar-accent: var(--theme-fill-1);\n    --sidebar-accent-foreground: var(--theme-text-primary);\n    --sidebar-border: var(--theme-border-default);\n    --sidebar-ring: var(--theme-brand-active);\n    \n    \n    --global-border-width-xs: 0.5px;\n    --global-border-width-sm: 1px;\n    --global-border-width-md: 1.5px;\n    --global-border-width-lg: 2px;\n    --global-border-width-xl: 3px;\n    --global-border-width-2xl: 4px;\n    --global-color-base-0: #ffffff;\n    --global-color-base-1: #fcfcfc;\n    --global-color-base-2: #f4f4f5;\n    --global-color-base-3: #e1e1e2;\n    --global-color-base-4: #d0d0d4;\n    --global-color-base-5: #a1a1aa;\n    --global-color-base-6: #7a7a83;\n    --global-color-base-7: #52525b;\n    --global-color-base-8: #3f3f46;\n    --global-color-base-9: #27272a;\n    --global-color-base-10: #1d1d20;\n    --global-color-alpha-white-0: #ffffff00;\n    --global-color-alpha-white-8: #ffffff14;\n    --global-color-alpha-white-12: #ffffff1f;\n    --global-color-alpha-white-18: #ffffff2e;\n    --global-color-alpha-white-26: #ffffff42;\n    --global-color-alpha-white-36: #ffffff5c;\n    --global-color-alpha-white-48: #ffffff7a;\n    --global-color-alpha-white-60: #ffffff99;\n    --global-color-alpha-white-70: #ffffffb2;\n    --global-color-alpha-white-100: #ffffff;\n    --global-color-alpha-black-0: #1a1a1a00;\n    --global-color-alpha-black-8: #1a1a1a14;\n    --global-color-alpha-black-10: #1a1a1a1a;\n    --global-color-alpha-black-12: #1a1a1a1f;\n    --global-color-alpha-black-18: #1a1a1a2e;\n    --global-color-alpha-black-26: #1a1a1a42;\n    --global-color-alpha-black-36: #1a1a1a5c;\n    --global-color-alpha-black-48: #1a1a1a7a;\n    --global-color-alpha-black-60: #1a1a1a99;\n    --global-color-alpha-black-70: #1a1a1ab2;\n    --global-color-alpha-black-100: #1a1a1a;\n    --global-color-blue-1: #f2f7ff;\n    --global-color-blue-2: #dcebfe;\n    --global-color-blue-3: #bedbfe;\n    --global-color-blue-4: #91c3fd;\n    --global-color-blue-5: #61a6fa;\n    --global-color-blue-6: #3479e9;\n    --global-color-blue-7: #1559ea;\n    --global-color-blue-8: #173fab;\n    --global-color-blue-9: #162f82;\n    --global-color-blue-10: #0c1736;\n    --global-color-purple-1: #faf5ff;\n    --global-color-purple-2: #f2e5ff;\n    --global-color-purple-3: #ead6ff;\n    --global-color-purple-4: #d3a9fe;\n    --global-color-purple-5: #b774fc;\n    --global-color-purple-6: #a046f6;\n    --global-color-purple-7: #8318e7;\n    --global-color-purple-8: #7620c1;\n    --global-color-purple-9: #5f1e95;\n    --global-color-purple-10: #381254;\n    --global-color-green-1: #f2fdf5;\n    --global-color-green-2: #defce9;\n    --global-color-green-3: #bbf7d0;\n    --global-color-green-4: #61ea94;\n    --global-color-green-5: #30d96e;\n    --global-color-green-6: #18b451;\n    --global-color-green-7: #149041;\n    --global-color-green-8: #137236;\n    --global-color-green-9: #196636;\n    --global-color-green-10: #0e3f22;\n    --global-color-red-1: #fef1f1;\n    --global-color-red-2: #ffdcdc;\n    --global-color-red-3: #ffc9c9;\n    --global-color-red-4: #ffa0a0;\n    --global-color-red-5: #ff6565;\n    --global-color-red-6: #ef4343;\n    --global-color-red-7: #dc2828;\n    --global-color-red-8: #b11b1b;\n    --global-color-red-9: #821717;\n    --global-color-red-10: #531313;\n    --global-color-yellow-1: #fefce7;\n    --global-color-yellow-2: #fef9c3;\n    --global-color-yellow-3: #fef08b;\n    --global-color-yellow-4: #ffe561;\n    --global-color-yellow-5: #fac905;\n    --global-color-yellow-6: #d9a508;\n    --global-color-yellow-7: #bc7c10;\n    --global-color-yellow-8: #935806;\n    --global-color-yellow-9: #73430c;\n    --global-color-yellow-10: #4f2b0c;\n    --global-color-blue-gray-1: #f8fafc;\n    --global-color-blue-gray-2: #f1f5f9;\n    --global-color-blue-gray-3: #e1e7ef;\n    --global-color-blue-gray-4: #c8d6e5;\n    --global-color-blue-gray-5: #9eacc0;\n    --global-color-blue-gray-6: #65758b;\n    --global-color-blue-gray-7: #48566a;\n    --global-color-blue-gray-8: #344256;\n    --global-color-blue-gray-9: #1d283a;\n    --global-color-blue-gray-10: #0f1729;\n    --global-color-bronze-1: #fafaf9;\n    --global-color-bronze-2: #f5f5f4;\n    --global-color-bronze-3: #e7e5e4;\n    --global-color-bronze-4: #d6d3d1;\n    --global-color-bronze-5: #a8a29f;\n    --global-color-bronze-6: #78726d;\n    --global-color-bronze-7: #56524e;\n    --global-color-bronze-8: #44403c;\n    --global-color-bronze-9: #292524;\n    --global-color-bronze-10: #1c1a17;\n    --global-color-cyan-1: #ebfeff;\n    --global-color-cyan-2: #a5f6fd;\n    --global-color-cyan-3: #6bebfa;\n    --global-color-cyan-4: #2cdff7;\n    --global-color-cyan-5: #10b7d1;\n    --global-color-cyan-6: #058ea3;\n    --global-color-cyan-7: #066b84;\n    --global-color-cyan-8: #094f62;\n    --global-color-cyan-9: #0c3845;\n    --global-color-cyan-10: #0b2832;\n    --global-color-emerald-1: #f0fdf7;\n    --global-color-emerald-2: #c8f9e0;\n    --global-color-emerald-3: #a2fbd2;\n    --global-color-emerald-4: #6ee7b7;\n    --global-color-emerald-5: #36d399;\n    --global-color-emerald-6: #10b77f;\n    --global-color-emerald-7: #047b56;\n    --global-color-emerald-8: #036348;\n    --global-color-emerald-9: #054835;\n    --global-color-emerald-10: #042f24;\n    --global-color-fuchsia-1: #fdf5ff;\n    --global-color-fuchsia-2: #f9e5ff;\n    --global-color-fuchsia-3: #f3c8fe;\n    --global-color-fuchsia-4: #ed9dfb;\n    --global-color-fuchsia-5: #e66df8;\n    --global-color-fuchsia-6: #d73fee;\n    --global-color-fuchsia-7: #b725ca;\n    --global-color-fuchsia-8: #8b1995;\n    --global-color-fuchsia-9: #611268;\n    --global-color-fuchsia-10: #400f43;\n    --global-color-indigo-1: #f3f6ff;\n    --global-color-indigo-2: #e0e8ff;\n    --global-color-indigo-3: #c8d3fe;\n    --global-color-indigo-4: #aab8ff;\n    --global-color-indigo-5: #8c96fc;\n    --global-color-indigo-6: #6b6ef8;\n    --global-color-indigo-7: #5048e5;\n    --global-color-indigo-8: #3a2fb2;\n    --global-color-indigo-9: #26206f;\n    --global-color-indigo-10: #17163c;\n    --global-color-sky-blue-1: #f0f9ff;\n    --global-color-sky-blue-2: #dcf1fe;\n    --global-color-sky-blue-3: #abdffd;\n    --global-color-sky-blue-4: #6ecffc;\n    --global-color-sky-blue-5: #2bbaf7;\n    --global-color-sky-blue-6: #0f9ee1;\n    --global-color-sky-blue-7: #027ab6;\n    --global-color-sky-blue-8: #02527d;\n    --global-color-sky-blue-9: #053a57;\n    --global-color-sky-blue-10: #062537;\n    --global-color-lime-1: #f7fee7;\n    --global-color-lime-2: #e9fcc5;\n    --global-color-lime-3: #d5f895;\n    --global-color-lime-4: #baf15b;\n    --global-color-lime-5: #91d624;\n    --global-color-lime-6: #74b710;\n    --global-color-lime-7: #5b930b;\n    --global-color-lime-8: #365908;\n    --global-color-lime-9: #24380a;\n    --global-color-lime-10: #182509;\n    --global-color-metal-1: #f4f9fa;\n    --global-color-metal-2: #f0f2f4;\n    --global-color-metal-3: #dfe2e7;\n    --global-color-metal-4: #c6cbd2;\n    --global-color-metal-5: #929aaa;\n    --global-color-metal-6: #696f7d;\n    --global-color-metal-7: #3d444d;\n    --global-color-metal-8: #2b3340;\n    --global-color-metal-9: #202a36;\n    --global-color-metal-10: #151b28;\n    --global-color-orange-1: #fff6eb;\n    --global-color-orange-2: #ffedd6;\n    --global-color-orange-3: #fed6a9;\n    --global-color-orange-4: #fdba72;\n    --global-color-orange-5: #fb923c;\n    --global-color-orange-6: #f67416;\n    --global-color-orange-7: #e4570c;\n    --global-color-orange-8: #b63c0b;\n    --global-color-orange-9: #80310f;\n    --global-color-orange-10: #471a0a;\n    --global-color-pink-1: #fdf2f8;\n    --global-color-pink-2: #fce8f4;\n    --global-color-pink-3: #fbd0e8;\n    --global-color-pink-4: #f9a9d5;\n    --global-color-pink-5: #f471b5;\n    --global-color-pink-6: #ec4b9c;\n    --global-color-pink-7: #da2576;\n    --global-color-pink-8: #9f144d;\n    --global-color-pink-9: #660f32;\n    --global-color-pink-10: #520f2a;\n    --global-color-rose-1: #fff0f1;\n    --global-color-rose-2: #ffe5e7;\n    --global-color-rose-3: #fec3ca;\n    --global-color-rose-4: #fd9ba6;\n    --global-color-rose-5: #fb657c;\n    --global-color-rose-6: #f33454;\n    --global-color-rose-7: #cb1a41;\n    --global-color-rose-8: #950e30;\n    --global-color-rose-9: #650b24;\n    --global-color-rose-10: #500b20;\n    --global-color-teal-1: #e7fff8;\n    --global-color-teal-2: #cbfbf0;\n    --global-color-teal-3: #a0fbe8;\n    --global-color-teal-4: #5dead5;\n    --global-color-teal-5: #2bd4bd;\n    --global-color-teal-6: #14b8a5;\n    --global-color-teal-7: #0c887e;\n    --global-color-teal-8: #0e6c65;\n    --global-color-teal-9: #0c4542;\n    --global-color-teal-10: #0c312f;\n    --global-color-violet-1: #f7f6ff;\n    --global-color-violet-2: #e2ddfe;\n    --global-color-violet-3: #dad2fe;\n    --global-color-violet-4: #b7a6fd;\n    --global-color-violet-5: #9876f9;\n    --global-color-violet-6: #8e4dff;\n    --global-color-violet-7: #7127f1;\n    --global-color-violet-8: #6022c3;\n    --global-color-violet-9: #36146c;\n    --global-color-violet-10: #230d44;\n    --global-color-dark-base-0: #141414;\n    --global-color-dark-base-1: #231f1f;\n    --global-color-dark-base-2: #333333;\n    --global-color-dark-base-3: #3d3d3d;\n    --global-color-dark-base-4: #5f5f5f;\n    --global-color-dark-base-5: #747474;\n    --global-color-dark-base-6: #878787;\n    --global-color-dark-base-7: #9b9b9b;\n    --global-color-dark-base-8: #b9b9b9;\n    --global-color-dark-base-9: #d7d7d7;\n    --global-color-dark-base-10: #efefef;\n    --global-color-dark-alpha-black-0: #14141400;\n    --global-color-dark-alpha-black-8: #14141414;\n    --global-color-dark-alpha-black-12: #1414141f;\n    --global-color-dark-alpha-black-18: #1414142e;\n    --global-color-dark-alpha-black-26: #14141442;\n    --global-color-dark-alpha-black-36: #1414145c;\n    --global-color-dark-alpha-black-48: #1414147a;\n    --global-color-dark-alpha-black-60: #14141499;\n    --global-color-dark-alpha-black-70: #141414b2;\n    --global-color-dark-alpha-black-100: #141414;\n    --global-color-dark-blue-1: #181d34;\n    --global-color-dark-blue-2: #0a2f85;\n    --global-color-dark-blue-3: #1347cc;\n    --global-color-dark-blue-4: #0f59e2;\n    --global-color-dark-blue-5: #357aea;\n    --global-color-dark-blue-6: #2e88f6;\n    --global-color-dark-blue-7: #50a1ff;\n    --global-color-dark-blue-8: #7ab7ff;\n    --global-color-dark-blue-9: #dcebfe;\n    --global-color-dark-blue-10: #f0f6ff;\n    --global-color-dark-purple-1: #261236;\n    --global-color-dark-purple-2: #461a66;\n    --global-color-dark-purple-3: #6b1daf;\n    --global-color-dark-purple-4: #8b25e4;\n    --global-color-dark-purple-5: #ab57ff;\n    --global-color-dark-purple-6: #d07fff;\n    --global-color-dark-purple-7: #e9a0ff;\n    --global-color-dark-purple-8: #ffbcff;\n    --global-color-dark-purple-9: #ffd6ff;\n    --global-color-dark-purple-10: #ffefff;\n    --global-color-dark-green-1: #0d3117;\n    --global-color-dark-green-2: #14522d;\n    --global-color-dark-green-3: #166434;\n    --global-color-dark-green-4: #119541;\n    --global-color-dark-green-5: #21c45d;\n    --global-color-dark-green-6: #4ade80;\n    --global-color-dark-green-7: #85efac;\n    --global-color-dark-green-8: #bbf7d0;\n    --global-color-dark-green-9: #defce9;\n    --global-color-dark-green-10: #f2fdf5;\n    --global-color-dark-red-1: #461a1a;\n    --global-color-dark-red-2: #6b1919;\n    --global-color-dark-red-3: #a42828;\n    --global-color-dark-red-4: #dc3d3d;\n    --global-color-dark-red-5: #fa4d4d;\n    --global-color-dark-red-6: #ff6262;\n    --global-color-dark-red-7: #ff9393;\n    --global-color-dark-red-8: #ffa7a7;\n    --global-color-dark-red-9: #ffbbbb;\n    --global-color-dark-red-10: #fed0d0;\n    --global-color-dark-yellow-1: #322910;\n    --global-color-dark-yellow-2: #663a08;\n    --global-color-dark-yellow-3: #a26107;\n    --global-color-dark-yellow-4: #c88a04;\n    --global-color-dark-yellow-5: #e7b008;\n    --global-color-dark-yellow-6: #facc14;\n    --global-color-dark-yellow-7: #fddf49;\n    --global-color-dark-yellow-8: #fef08b;\n    --global-color-dark-yellow-9: #fefacb;\n    --global-color-dark-yellow-10: #fefce6;\n    --global-color-dark-blue-gray-1: #0c101c;\n    --global-color-dark-blue-gray-2: #1a2332;\n    --global-color-dark-blue-gray-3: #252e3c;\n    --global-color-dark-blue-gray-4: #323b49;\n    --global-color-dark-blue-gray-5: #5e6d82;\n    --global-color-dark-blue-gray-6: #8b9bb2;\n    --global-color-dark-blue-gray-7: #b1c0d2;\n    --global-color-dark-blue-gray-8: #d4dce8;\n    --global-color-dark-blue-gray-9: #e2ebf3;\n    --global-color-dark-blue-gray-10: #f8fafc;\n    --global-color-dark-bronze-1: #1c1917;\n    --global-color-dark-bronze-2: #2c2726;\n    --global-color-dark-bronze-3: #4f4944;\n    --global-color-dark-bronze-4: #5e5a56;\n    --global-color-dark-bronze-5: #78726d;\n    --global-color-dark-bronze-6: #a8a29f;\n    --global-color-dark-bronze-7: #d6d3d1;\n    --global-color-dark-bronze-8: #e7e5e4;\n    --global-color-dark-bronze-9: #f5f5f4;\n    --global-color-dark-bronze-10: #fafaf9;\n    --global-color-dark-cyan-1: #0a2833;\n    --global-color-dark-cyan-2: #114d5f;\n    --global-color-dark-cyan-3: #0e708b;\n    --global-color-dark-cyan-4: #0887a6;\n    --global-color-dark-cyan-5: #07a9c5;\n    --global-color-dark-cyan-6: #20d3ee;\n    --global-color-dark-cyan-7: #20d3ee;\n    --global-color-dark-cyan-8: #67e8f9;\n    --global-color-dark-cyan-9: #cdfafe;\n    --global-color-dark-cyan-10: #ebfeff;\n    --global-color-dark-emerald-1: #042a20;\n    --global-color-dark-emerald-2: #054835;\n    --global-color-dark-emerald-3: #036347;\n    --global-color-dark-emerald-4: #059467;\n    --global-color-dark-emerald-5: #0ea472;\n    --global-color-dark-emerald-6: #36d399;\n    --global-color-dark-emerald-7: #6ee7b7;\n    --global-color-dark-emerald-8: #a5f3cf;\n    --global-color-dark-emerald-9: #d1fae5;\n    --global-color-dark-emerald-10: #edfdf5;\n    --global-color-dark-fuchsia-1: #330836;\n    --global-color-dark-fuchsia-2: #591160;\n    --global-color-dark-fuchsia-3: #7a1683;\n    --global-color-dark-fuchsia-4: #a421b5;\n    --global-color-dark-fuchsia-5: #d535ed;\n    --global-color-dark-fuchsia-6: #e87bf9;\n    --global-color-dark-fuchsia-7: #f0abfc;\n    --global-color-dark-fuchsia-8: #f5d2fe;\n    --global-color-dark-fuchsia-9: #f9e5ff;\n    --global-color-dark-fuchsia-10: #fdf5ff;\n    --global-color-dark-indigo-1: #141235;\n    --global-color-dark-indigo-2: #2a247b;\n    --global-color-dark-indigo-3: #342ba1;\n    --global-color-dark-indigo-4: #3d34ea;\n    --global-color-dark-indigo-5: #6467f2;\n    --global-color-dark-indigo-6: #828df8;\n    --global-color-dark-indigo-7: #a6b4fc;\n    --global-color-dark-indigo-8: #c8d3fe;\n    --global-color-dark-indigo-9: #e0e8ff;\n    --global-color-dark-indigo-10: #f0f3ff;\n    --global-color-dark-sky-blue-1: #051f2e;\n    --global-color-dark-sky-blue-2: #043752;\n    --global-color-dark-sky-blue-3: #024c73;\n    --global-color-dark-sky-blue-4: #02699d;\n    --global-color-dark-sky-blue-5: #0b8ecb;\n    --global-color-dark-sky-blue-6: #35bdf8;\n    --global-color-dark-sky-blue-7: #78d2fc;\n    --global-color-dark-sky-blue-8: #b5e3fd;\n    --global-color-dark-sky-blue-9: #dcf1fe;\n    --global-color-dark-sky-blue-10: #f0f9ff;\n    --global-color-dark-lime-1: #182707;\n    --global-color-dark-lime-2: #2f490d;\n    --global-color-dark-lime-3: #3e650b;\n    --global-color-dark-lime-4: #5b940a;\n    --global-color-dark-lime-5: #6aa70e;\n    --global-color-dark-lime-6: #95da26;\n    --global-color-dark-lime-7: #bef263;\n    --global-color-dark-lime-8: #d9f99f;\n    --global-color-dark-lime-9: #ebfcca;\n    --global-color-dark-lime-10: #f7fee7;\n    --global-color-dark-metal-1: #121721;\n    --global-color-dark-metal-2: #242e3d;\n    --global-color-dark-metal-3: #394251;\n    --global-color-dark-metal-4: #49525f;\n    --global-color-dark-metal-5: #747d90;\n    --global-color-dark-metal-6: #969dab;\n    --global-color-dark-metal-7: #c9cdd4;\n    --global-color-dark-metal-8: #dfe2e7;\n    --global-color-dark-metal-9: #f3f4f6;\n    --global-color-dark-metal-10: #f9fafb;\n    --global-color-dark-orange-1: #31160d;\n    --global-color-dark-orange-2: #852c0f;\n    --global-color-dark-orange-3: #ab4827;\n    --global-color-dark-orange-4: #ce5a07;\n    --global-color-dark-orange-5: #f27013;\n    --global-color-dark-orange-6: #fb923c;\n    --global-color-dark-orange-7: #fdba72;\n    --global-color-dark-orange-8: #fed6a9;\n    --global-color-dark-orange-9: #ffedd6;\n    --global-color-dark-orange-10: #fff6eb;\n    --global-color-dark-pink-1: #450d23;\n    --global-color-dark-pink-2: #660f32;\n    --global-color-dark-pink-3: #a3144f;\n    --global-color-dark-pink-4: #c4216a;\n    --global-color-dark-pink-5: #ec4699;\n    --global-color-dark-pink-6: #f471b5;\n    --global-color-dark-pink-7: #f9a9d5;\n    --global-color-dark-pink-8: #fbd0e8;\n    --global-color-dark-pink-9: #fce8f4;\n    --global-color-dark-pink-10: #fdf2f8;\n    --global-color-dark-rose-1: #430a1b;\n    --global-color-dark-rose-2: #6a0c26;\n    --global-color-dark-rose-3: #a81036;\n    --global-color-dark-rose-4: #d11a42;\n    --global-color-dark-rose-5: #f43e5c;\n    --global-color-dark-rose-6: #fb6f84;\n    --global-color-dark-rose-7: #fda5af;\n    --global-color-dark-rose-8: #fecdd3;\n    --global-color-dark-rose-9: #ffe5e7;\n    --global-color-dark-rose-10: #fff0f1;\n    --global-color-dark-teal-1: #092524;\n    --global-color-dark-teal-2: #0b3d3a;\n    --global-color-dark-teal-3: #0b514c;\n    --global-color-dark-teal-4: #11736b;\n    --global-color-dark-teal-5: #12a18f;\n    --global-color-dark-teal-6: #28c3ae;\n    --global-color-dark-teal-7: #5dead5;\n    --global-color-dark-teal-8: #98f6e3;\n    --global-color-dark-teal-9: #cbfbf0;\n    --global-color-dark-teal-10: #f2fdfa;\n    --global-color-dark-violet-1: #171330;\n    --global-color-dark-violet-2: #331362;\n    --global-color-dark-violet-3: #473493;\n    --global-color-dark-violet-4: #7c3bed;\n    --global-color-dark-violet-5: #895af6;\n    --global-color-dark-violet-6: #a689fa;\n    --global-color-dark-violet-7: #c3b4fd;\n    --global-color-dark-violet-8: #ded7fe;\n    --global-color-dark-violet-9: #ebe7fe;\n    --global-color-dark-violet-10: #f6f5ff;\n    --global-color-dark-alpha-red-20: #ff939333;\n    --global-color-dark-alpha-red-30: #ff93934d;\n    --global-color-dark-alpha-red-40: #ff939366;\n    --global-color-dark-alpha-base-1-50: #231f1f80;\n    --global-color-dark-alpha-base-3-30: #3d3d3d4d;\n    --global-color-dark-alpha-base-3-50: #3d3d3d80;\n    --global-color-dark-alpha-blue-50: #50a1ff80;\n    --global-color-alpha-red-10: #dc28281a;\n    --global-color-alpha-red-20: #dc282833;\n    --global-color-alpha-red-40: #dc282866;\n    --global-color-alpha-blue-50: #1559ea80;\n    --global-effects-blur-0: 0px;\n    --global-effects-blur-1: 3px;\n    --global-effects-blur-2: 5px;\n    --global-effects-blur-3: 7px;\n    --global-effects-blur-4: 9px;\n    --global-effects-blur-5: 12px;\n    --global-effects-blur-6: 16px;\n    --global-effects-blur-7: 24px;\n    --global-effects-blur-8: 40px;\n    --global-effects-blur-9: 64px;\n    --global-effects-blur-10: 80px;\n    --global-effects-blur-11: 100px;\n    --global-radius-0: 0px;\n    --global-radius-2: 2px;\n    --global-radius-4: 4px;\n    --global-radius-6: 6px;\n    --global-radius-8: 8px;\n    --global-radius-10: 10px;\n    --global-radius-12: 12px;\n    --global-radius-16: 16px;\n    --global-radius-22: 22px;\n    --global-radius-28: 28px;\n    --global-radius-full: 1000px;\n    --global-size-unit-0: 0px;\n    --global-size-unit-1: 1px;\n    --global-size-unit-2: 2px;\n    --global-size-unit-3: 3px;\n    --global-size-unit-4: 4px;\n    --global-size-unit-6: 6px;\n    --global-size-unit-8: 8px;\n    --global-size-unit-10: 10px;\n    --global-size-unit-12: 12px;\n    --global-size-unit-14: 14px;\n    --global-size-unit-16: 16px;\n    --global-size-unit-18: 18px;\n    --global-size-unit-20: 20px;\n    --global-size-unit-24: 24px;\n    --global-size-unit-28: 28px;\n    --global-size-unit-30: 30px;\n    --global-size-unit-32: 32px;\n    --global-size-unit-36: 36px;\n    --global-size-unit-40: 40px;\n    --global-size-unit-44: 44px;\n    --global-size-unit-48: 48px;\n    --global-size-unit-56: 56px;\n    --global-size-unit-64: 64px;\n    --global-size-unit-72: 72px;\n    --global-size-unit-80: 80px;\n    --global-size-unit-96: 96px;\n    --global-size-unit-112: 112px;\n    --global-size-unit-120: 120px;\n    --global-size-unit-128: 128px;\n    --global-size-unit-144: 144px;\n    --global-size-unit-160: 160px;\n    --global-size-unit-192: 192px;\n    --global-size-unit-208: 208px;\n    --global-size-unit-224: 224px;\n    --global-size-unit-256: 256px;\n    --global-size-unit-288: 288px;\n    --global-size-unit-320: 320px;\n    --global-size-unit-384: 384px;\n    --global-typography-font-family-sans: Inter;\n    --global-typography-font-size-10: 10px;\n    --global-typography-font-size-12: 12px;\n    --global-typography-font-size-13: 13px;\n    --global-typography-font-size-14: 14px;\n    --global-typography-font-size-16: 16px;\n    --global-typography-font-size-18: 18px;\n    --global-typography-font-size-20: 20px;\n    --global-typography-font-size-24: 24px;\n    --global-typography-font-size-30: 30px;\n    --global-typography-font-size-36: 36px;\n    --global-typography-font-size-48: 48px;\n    --global-typography-font-size-60: 60px;\n    --global-typography-font-size-72: 72px;\n    --global-typography-font-size-96: 96px;\n    --global-typography-font-size-128: 128px;\n    --global-typography-line-height-16: 16px;\n    --global-typography-line-height-18: 18px;\n    --global-typography-line-height-20: 20px;\n    --global-typography-line-height-22: 22px;\n    --global-typography-line-height-24: 24px;\n    --global-typography-line-height-28: 28px;\n    --global-typography-line-height-32: 32px;\n    --global-typography-line-height-38: 38px;\n    --global-typography-line-height-42: 42px;\n    --global-typography-line-height-52: 52px;\n    --global-typography-line-height-64: 64px;\n    --global-typography-line-height-86: 86px;\n    --global-typography-line-height-108: 108px;\n    --global-typography-line-height-144: 144px;\n    --global-typography-line-height-192: 192px;\n    --global-typography-font-weight-extra-light: 200;\n    --global-typography-font-weight-light: 300;\n    --global-typography-font-weight-regular: 400;\n    --global-typography-font-weight-medium: 500;\n    --global-typography-font-weight-semi-bold: 600;\n    --global-typography-font-weight-bold: 700;\n    --global-typography-font-weight-extra-bold: 800;\n    --global-typography-letter-spacing-base: 0px;\n    --global-typography-letter-spacing-sm: 0.6px;\n    --global-typography-letter-spacing-md: 1.2px;\n    --global-typography-letter-spacing-lg: 2px;\n    --global-typography-letter-spacing-xl: 3px;\n    --theme-border-default: var(--global-color-base-3);\n    --theme-brand-active: var(--global-color-blue-7);\n    --theme-brand-hover: var(--global-color-blue-6);\n    --theme-brand-selected: var(--global-color-blue-5);\n    --theme-button-outline-surface-default: var(--global-color-alpha-white-100);\n    --theme-button-outline-surface-hover: var(--global-color-base-1);\n    --theme-button-secondary-surface-hover: var(--global-color-base-3);\n    --theme-button-ghost-surface-hover: var(--global-color-base-1);\n    --theme-button-destructive-surface-default: var(--global-color-alpha-red-10);\n    --theme-button-destructive-surface-hover: var(--global-color-alpha-red-20);\n    --theme-button-destructive-ring: var(--global-color-alpha-red-20);\n    --theme-button-destructive-border: var(--global-color-alpha-red-40);\n    --theme-danger-active: var(--global-color-red-7);\n    --theme-danger-hover: var(--global-color-red-5);\n    --theme-danger-selected: var(--global-color-red-3);\n    --theme-fill-1: var(--global-color-base-2);\n    --theme-fill-2: var(--global-color-base-3);\n    --theme-fill-3: var(--global-color-base-4);\n    --theme-fill-4: var(--global-color-base-5);\n    --theme-fill-5: var(--global-color-base-7);\n    --theme-fill-disabled: var(--global-color-alpha-black-18);\n    --theme-focus-ring: var(--global-color-alpha-blue-50);\n    --theme-highlight-active: var(--global-color-orange-7);\n    --theme-highlight-hover: var(--global-color-orange-4);\n    --theme-highlight-selected: var(--global-color-orange-3);\n    --theme-slider-thumb: var(--global-color-alpha-white-100);\n    --theme-success-active: var(--global-color-green-7);\n    --theme-success-hover: var(--global-color-green-5);\n    --theme-success-selected: var(--global-color-green-4);\n    --theme-surface-page: var(--global-color-alpha-white-100);\n    --theme-surface-container: var(--global-color-base-1);\n    --theme-surface-overlay: var(--global-color-alpha-black-10);\n    --theme-text-primary: var(--global-color-alpha-black-100);\n    --theme-text-secondary: var(--global-color-alpha-black-70);\n    --theme-text-tertiary: var(--global-color-alpha-black-36);\n    --theme-text-inverse-primary: var(--global-color-alpha-white-100);\n    --theme-text-inverse-secondary: var(--global-color-alpha-white-70);\n    --theme-text-inverse-tertiary: var(--global-color-alpha-white-36);\n    \n}\n\n.dark {\n    \n    \n    --theme-border-default: var(--global-color-dark-base-3);\n    --theme-brand-active: var(--global-color-dark-blue-7);\n    --theme-brand-hover: var(--global-color-dark-blue-6);\n    --theme-brand-selected: var(--global-color-dark-blue-5);\n    --theme-button-outline-surface-default: var(--global-color-dark-alpha-base-3-30);\n    --theme-button-outline-surface-hover: var(--global-color-dark-alpha-base-3-50);\n    --theme-button-secondary-surface-hover: var(--global-color-dark-base-3);\n    --theme-button-ghost-surface-hover: var(--global-color-dark-alpha-base-1-50);\n    --theme-button-destructive-surface-default: var(--global-color-dark-alpha-red-20);\n    --theme-button-destructive-surface-hover: var(--global-color-dark-alpha-red-30);\n    --theme-button-destructive-ring: var(--global-color-dark-alpha-red-40);\n    --theme-button-destructive-border: var(--global-color-dark-alpha-red-40);\n    --theme-danger-active: var(--global-color-dark-red-7);\n    --theme-danger-hover: var(--global-color-dark-red-5);\n    --theme-danger-selected: var(--global-color-dark-red-3);\n    --theme-fill-1: var(--global-color-dark-base-2);\n    --theme-fill-2: var(--global-color-dark-base-3);\n    --theme-fill-3: var(--global-color-dark-base-4);\n    --theme-fill-4: var(--global-color-dark-base-5);\n    --theme-fill-5: var(--global-color-dark-base-7);\n    --theme-fill-disabled: var(--global-color-alpha-white-18);\n    --theme-focus-ring: var(--global-color-dark-alpha-blue-50);\n    --theme-highlight-active: var(--global-color-dark-orange-7);\n    --theme-highlight-hover: var(--global-color-dark-orange-4);\n    --theme-highlight-selected: var(--global-color-dark-orange-3);\n    --theme-success-active: var(--global-color-dark-green-7);\n    --theme-success-hover: var(--global-color-dark-green-5);\n    --theme-success-selected: var(--global-color-dark-green-4);\n    --theme-surface-page: var(--global-color-dark-base-0);\n    --theme-surface-container: var(--global-color-dark-base-1);\n    --theme-text-primary: var(--global-color-alpha-white-100);\n    --theme-text-secondary: var(--global-color-alpha-white-70);\n    --theme-text-tertiary: var(--global-color-alpha-white-36);\n    --theme-text-inverse-primary: var(--global-color-dark-alpha-black-100);\n    --theme-text-inverse-secondary: var(--global-color-dark-alpha-black-70);\n    --theme-text-inverse-tertiary: var(--global-color-dark-alpha-black-36);\n    \n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n    }\n  body {\n    @apply bg-background text-foreground;\n    font-family: var(--global-typography-font-family-sans), ui-sans-serif, system-ui, sans-serif;\n    }\n  html {\n    @apply font-sans;\n    \n    scrollbar-gutter: stable;\n    }\n}\n"
    }
  ],
  "docs": "Requires Tailwind v4. Installed as app/globals.css (your global stylesheet). Add the \"style-framesx\" class to your <body> — without it every component renders unstyled. Dark mode: add \"dark\" on a parent. Compact size mode: \"size-small\". Tokens reference the Inter font but do not load it: load Inter yourself (e.g. next/font/google or @fontsource/inter), otherwise text falls back to system sans. In CI (non-interactive), pass --overwrite or the existing globals.css is skipped."
}