@clickhouse/click-ui 0.0.235 → 0.0.237-sc-deprecation.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/README.md +161 -20
  2. package/bin/README.md +178 -0
  3. package/bin/click-ui.config.example.ts +70 -0
  4. package/bin/click-ui.js +97 -0
  5. package/bin/commands/build-default-theme.ts +48 -0
  6. package/bin/commands/generate.js +117 -0
  7. package/bin/commands/init.js +110 -0
  8. package/bin/utils/config-loader.ts +61 -0
  9. package/bin/utils/css-generator.js +32 -0
  10. package/dist/click-ui.bundled.es.js +40740 -48756
  11. package/dist/click-ui.bundled.umd.js +79 -53070
  12. package/dist/click-ui.es.js +40747 -47595
  13. package/dist/click-ui.umd.js +79 -51901
  14. package/dist/components/Accordion/Accordion.d.ts +3 -3
  15. package/dist/components/AutoComplete/AutoComplete.d.ts +0 -1
  16. package/dist/components/Avatar/Avatar.d.ts +1 -1
  17. package/dist/components/Badge/Badge.d.ts +1 -1
  18. package/dist/components/BigStat/BigStat.d.ts +1 -1
  19. package/dist/components/Button/Button.d.ts +1 -1
  20. package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  21. package/dist/components/CardHorizontal/CardHorizontal.d.ts +5 -1
  22. package/dist/components/CardPrimary/CardPrimaryTopBadge.d.ts +14 -3
  23. package/dist/components/CardPromotion/CardPromotion.d.ts +1 -1
  24. package/dist/components/CardSecondary/CardSecondary.d.ts +1 -1
  25. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  26. package/dist/components/CodeBlock/CodeBlock.d.ts +1 -1
  27. package/dist/components/CodeBlock/useColorStyle.d.ts +1 -1
  28. package/dist/components/Collapsible/Collapsible.d.ts +3 -3
  29. package/dist/components/Container/Container.d.ts +5 -6
  30. package/dist/components/DatePicker/Common.d.ts +8 -3
  31. package/dist/components/Dialog/Dialog.d.ts +2 -2
  32. package/dist/components/EllipsisContent/EllipsisContent.d.ts +4 -6
  33. package/dist/components/FileTabs/FileTabs.d.ts +2 -2
  34. package/dist/components/Flyout/Flyout.d.ts +1 -1
  35. package/dist/components/GenericMenu.d.ts +22 -10
  36. package/dist/components/Grid/Cell.d.ts +2 -1
  37. package/dist/components/Grid/StyledCell.d.ts +5 -2
  38. package/dist/components/Grid/types.d.ts +1 -1
  39. package/dist/components/GridContainer/GridContainer.d.ts +4 -5
  40. package/dist/components/Icon/IconCommon.d.ts +4 -3
  41. package/dist/components/Icon/types.d.ts +3 -1
  42. package/dist/components/IconWrapper/IconWrapper.d.ts +2 -2
  43. package/dist/components/Input/InputWrapper.d.ts +25 -18
  44. package/dist/components/Link/Link.d.ts +4 -6
  45. package/dist/components/Link/linkStyles.d.ts +134 -0
  46. package/dist/components/Logos/AWSGlue.d.ts +4 -0
  47. package/dist/components/Logos/Logo.d.ts +1 -1
  48. package/dist/components/Logos/types.d.ts +1 -1
  49. package/dist/components/MultiAccordion/MultiAccordion.d.ts +1 -1
  50. package/dist/components/Panel/Panel.d.ts +1 -1
  51. package/dist/components/ProgressBar/ProgressBar.d.ts +1 -1
  52. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  53. package/dist/components/Select/common/SelectStyled.d.ts +24 -26
  54. package/dist/components/Separator/Separator.d.ts +4 -3
  55. package/dist/components/SidebarNavigationItem/SidebarNavigationItem.d.ts +5 -9
  56. package/dist/components/SidebarNavigationTitle/SidebarNavigationTitle.d.ts +5 -7
  57. package/dist/components/Spacer/Spacer.d.ts +2 -1
  58. package/dist/components/SplitButton/SplitButton.d.ts +1 -1
  59. package/dist/components/Tabs/Tabs.d.ts +26 -24
  60. package/dist/components/ThemeToggle/ThemeToggle.d.ts +4 -0
  61. package/dist/components/Typography/Text/Text.d.ts +4 -5
  62. package/dist/components/VerticalStepper/VerticalStepper.d.ts +2 -2
  63. package/dist/components/commonElement.d.ts +21 -17
  64. package/dist/components/commonTypes.d.ts +1 -1
  65. package/dist/components/icons/DataLakes.d.ts +4 -0
  66. package/dist/components/icons/HorizontalLoading.d.ts +3 -1
  67. package/dist/components/icons/Loading.d.ts +1 -1
  68. package/dist/components/icons/LoadingAnimated.d.ts +3 -1
  69. package/dist/components/index.d.ts +6 -3
  70. package/dist/components/types.d.ts +51 -83
  71. package/dist/config/tokens/types.d.ts +15296 -0
  72. package/dist/config/tokens/types.d.ts.map +1 -0
  73. package/dist/config/tokens/types.js +2 -0
  74. package/dist/config/tokens/types.js.map +1 -0
  75. package/dist/config/types.d.ts +55 -0
  76. package/dist/config/types.d.ts.map +1 -0
  77. package/dist/config/types.js +2 -0
  78. package/dist/config/types.js.map +1 -0
  79. package/dist/config/utils/css-builder.d.ts +38 -0
  80. package/dist/config/utils/css-builder.d.ts.map +1 -0
  81. package/dist/config/utils/css-builder.js +56 -0
  82. package/dist/config/utils/css-builder.js.map +1 -0
  83. package/dist/config/utils/css-generator.d.ts +25 -0
  84. package/dist/config/utils/css-generator.d.ts.map +1 -0
  85. package/dist/config/utils/css-generator.js +151 -0
  86. package/dist/config/utils/css-generator.js.map +1 -0
  87. package/dist/config/utils/find-config.d.ts +17 -0
  88. package/dist/config/utils/find-config.d.ts.map +1 -0
  89. package/dist/config/utils/find-config.js +28 -0
  90. package/dist/config/utils/find-config.js.map +1 -0
  91. package/dist/cui-components.css +1 -0
  92. package/dist/cui-default-theme.css +1809 -0
  93. package/dist/cui.css +3 -0
  94. package/dist/index.d.ts +77 -1
  95. package/dist/stories/ChartColorComponent.d.ts +1 -0
  96. package/dist/stories/chart-examples/ChartTooltip.d.ts +12 -0
  97. package/dist/stories/chart-examples/ColorSwatchesChart.d.ts +1 -0
  98. package/dist/stories/chart-examples/GroupedBarChart.d.ts +1 -0
  99. package/dist/stories/chart-examples/MultiLineChart.d.ts +1 -0
  100. package/dist/stories/chart-examples/StackedAreaChart.d.ts +1 -0
  101. package/dist/stories/chart-examples/StackedBarChartDemo.d.ts +1 -0
  102. package/dist/theme/ClickUIProvider/ClickUIProvider.d.ts +5 -0
  103. package/dist/theme/ClickUIProvider/ServerClickUIProvider.d.ts +23 -0
  104. package/dist/theme/ClickUIProvider/context.d.ts +24 -0
  105. package/dist/theme/ClickUIProvider/hooks.d.ts +4 -0
  106. package/dist/theme/ClickUIProvider/index.d.ts +6 -0
  107. package/dist/theme/ClickUIProvider/types.d.ts +39 -0
  108. package/dist/theme/config.d.ts +22 -0
  109. package/dist/theme/hooks/useSystemColorSchemePreference.d.ts +7 -0
  110. package/dist/theme/index.d.ts +6 -12
  111. package/dist/{styles → theme/tokens}/types.d.ts +13 -6
  112. package/dist/{styles → theme/tokens}/variables.dark.json.d.ts +118 -117
  113. package/dist/{styles → theme/tokens}/variables.json.d.ts +20 -13
  114. package/dist/{styles → theme/tokens}/variables.light.json.d.ts +146 -145
  115. package/dist/theme/types.d.ts +54 -0
  116. package/dist/theme/utils/css-builder.d.ts +37 -0
  117. package/dist/theme/utils/css-generator.d.ts +25 -0
  118. package/dist/theme/utils/find-config.d.ts +16 -0
  119. package/dist/theme/utils/theme-attribute.d.ts +13 -0
  120. package/dist/theme/utils.d.ts +29 -0
  121. package/dist/utils/capitalize.d.ts +12 -0
  122. package/dist/utils/polymorphic/index.d.ts +48 -0
  123. package/dist/utils/test-utils.d.ts +1 -3
  124. package/package.json +49 -24
  125. package/dist/click-ui.bundled.es.js.map +0 -1
  126. package/dist/click-ui.bundled.umd.js.map +0 -1
  127. package/dist/click-ui.es.js.map +0 -1
  128. package/dist/click-ui.umd.js.map +0 -1
  129. package/dist/components/ClickUIProvider/ClickUIProvider.d.ts +0 -15
  130. package/dist/components/Link/common.d.ts +0 -7
  131. package/dist/styles/variables.classic.json.d.ts +0 -993
  132. package/dist/theme/theme.d.ts +0 -7
package/dist/cui-default-theme.css ADDED
@@ -0,0 +1,1809 @@
1
+ /* Click UI Default Theme */
2
+ /* Generated during library build - DO NOT EDIT MANUALLY */
3
+ /* Uses light-dark() CSS function for automatic theme switching */
4
+
5
+ :root {
6
+ color-scheme: light dark;
7
+ --click-accordion-sm-icon-size-height: 1rem;
8
+ --click-accordion-sm-icon-size-width: 1rem;
9
+ --click-accordion-sm-space-gap: 0.25rem;
10
+ --click-accordion-sm-typography-label-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
11
+ --click-accordion-sm-typography-label-hover: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
12
+ --click-accordion-sm-typography-label-active: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
13
+ --click-accordion-md-icon-size-height: 1.25rem;
14
+ --click-accordion-md-icon-size-width: 1.25rem;
15
+ --click-accordion-md-space-gap: 0.25rem;
16
+ --click-accordion-md-typography-label-default: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
17
+ --click-accordion-md-typography-label-hover: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
18
+ --click-accordion-md-typography-label-active: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
19
+ --click-accordion-lg-icon-size-height: 1.5rem;
20
+ --click-accordion-lg-icon-size-width: 1.5rem;
21
+ --click-accordion-lg-space-gap: 0.25rem;
22
+ --click-accordion-lg-typography-label-default: 500 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
23
+ --click-accordion-lg-typography-label-hover: 500 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
24
+ --click-accordion-lg-typography-label-active: 500 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
25
+ --click-accordion-color-default-label-default: light-dark(#161517, #ffffff);
26
+ --click-accordion-color-default-label-hover: light-dark(lch(13.9 1.33 305), rgb(100% 100% 100%));
27
+ --click-accordion-color-default-label-active: light-dark(#161517, #ffffff);
28
+ --click-accordion-color-default-icon-default: light-dark(#161517, #ffffff);
29
+ --click-accordion-color-default-icon-hover: light-dark(lch(13.9 1.33 305), rgb(100% 100% 100%));
30
+ --click-accordion-color-default-icon-active: light-dark(#161517, #ffffff);
31
+ --click-accordion-color-link-label-default: light-dark(#437EEF, #FAFF69);
32
+ --click-accordion-color-link-label-hover: light-dark(#104EC6, #FEFFC2);
33
+ --click-accordion-color-link-label-active: light-dark(#437EEF, #FAFF69);
34
+ --click-accordion-color-link-icon-default: light-dark(#437EEF, #FAFF69);
35
+ --click-accordion-color-link-icon-hover: light-dark(lch(40.8 66.4 286), rgb(99.6% 100% 77.9%));
36
+ --click-accordion-color-link-icon-active: light-dark(#437EEF, #FAFF69);
37
+ --click-alert-medium-space-y: 0.75rem;
38
+ --click-alert-medium-space-x: 0.75rem;
39
+ --click-alert-medium-space-gap: 0.5rem;
40
+ --click-alert-medium-typography-title-default: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
41
+ --click-alert-medium-typography-text-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
42
+ --click-alert-medium-icon-height: 1.25rem;
43
+ --click-alert-medium-icon-width: 1.25rem;
44
+ --click-alert-small-space-y: 0.5rem;
45
+ --click-alert-small-space-x: 0.5rem;
46
+ --click-alert-small-space-gap: 0.25rem;
47
+ --click-alert-small-icon-height: 1rem;
48
+ --click-alert-small-icon-width: 1rem;
49
+ --click-alert-small-typography-title-default: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
50
+ --click-alert-small-typography-text-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
51
+ --click-alert-radii-center: 0;
52
+ --click-alert-radii-end: 0.25rem;
53
+ --click-alert-color-background-default: light-dark(#ffffff, #1F1F1C);
54
+ --click-alert-color-background-success: light-dark(rgb(20% 100% 26.7% / 0.1), rgb(20% 100% 26.7% / 0.2));
55
+ --click-alert-color-background-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
56
+ --click-alert-color-background-danger: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
57
+ --click-alert-color-background-warning: light-dark(rgb(100% 46.7% 16.1% / 0.1), rgb(100% 46.7% 16.1% / 0.2));
58
+ --click-alert-color-background-info: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
59
+ --click-alert-color-text-default: light-dark(#696e79, #b3b6bd);
60
+ --click-alert-color-text-success: light-dark(#008A0B, #CCFFD0);
61
+ --click-alert-color-text-neutral: light-dark(#53575f, #c0c0c0);
62
+ --click-alert-color-text-danger: light-dark(#c10000, #ffbaba);
63
+ --click-alert-color-text-warning: light-dark(#A33C00, #FFB88F);
64
+ --click-alert-color-text-info: light-dark(#437EEF, #D0DFFB);
65
+ --click-alert-color-iconBackground-default: light-dark(#ffffff, #1F1F1C);
66
+ --click-alert-color-iconBackground-success: rgb(20% 100% 26.7% / 0);
67
+ --click-alert-color-iconBackground-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0), rgb(62.7% 62.7% 62.7% / 0));
68
+ --click-alert-color-iconBackground-danger: rgb(100% 13.7% 13.7% / 0);
69
+ --click-alert-color-iconBackground-warning: rgb(100% 46.7% 16.1% / 0);
70
+ --click-alert-color-iconBackground-info: rgb(26.3% 49.4% 93.7% / 0);
71
+ --click-alert-color-iconForeground-default: light-dark(#696e79, #b3b6bd);
72
+ --click-alert-color-iconForeground-success: light-dark(lch(49.8 70.2 135 / 0.75), lch(95.6 28.9 144 / 0.75));
73
+ --click-alert-color-iconForeground-neutral: light-dark(lch(36.8 5.23 267 / 0.75), lch(77.7 0 0 / 0.75));
74
+ --click-alert-color-iconForeground-danger: light-dark(lch(41 86.6 40.9 / 0.75), lch(82.1 27.7 22 / 0.75));
75
+ --click-alert-color-iconForeground-warning: light-dark(lch(40.2 66.6 51.1 / 0.75), lch(80.9 39 53.9 / 0.75));
76
+ --click-alert-color-iconForeground-info: light-dark(lch(53.4 64.6 279 / 0.75), lch(88.3 15.5 266 / 0.75));
77
+ --click-avatar-typography-label-sm-default: 600 0.688rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
78
+ --click-avatar-typography-label-sm-hover: 600 0.688rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
79
+ --click-avatar-typography-label-sm-active: 600 0.688rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
80
+ --click-avatar-typography-label-md-default: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
81
+ --click-avatar-typography-label-md-hover: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
82
+ --click-avatar-typography-label-md-active: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
83
+ --click-avatar-size-label-width: 1.5rem;
84
+ --click-avatar-size-width: 1.5rem;
85
+ --click-avatar-size-height: 1.5rem;
86
+ --click-avatar-radii-all: 9999px;
87
+ --click-avatar-color-background-default: light-dark(#696e79, #808691);
88
+ --click-avatar-color-background-hover: light-dark(#9a9ea7, #b3b6bd);
89
+ --click-avatar-color-background-active: light-dark(#9a9ea7, #b3b6bd);
90
+ --click-avatar-color-text-default: light-dark(#ffffff, #1F1F1C);
91
+ --click-avatar-color-text-hover: light-dark(#ffffff, #1F1F1C);
92
+ --click-avatar-color-text-active: light-dark(#ffffff, #1F1F1C);
93
+ --click-badge-space-md-x: 0.75rem;
94
+ --click-badge-space-md-y: 0.125rem;
95
+ --click-badge-space-md-gap: 0.25rem;
96
+ --click-badge-space-sm-x: 0.5rem;
97
+ --click-badge-space-sm-y: 0.156rem;
98
+ --click-badge-space-sm-gap: 0.125rem;
99
+ --click-badge-typography-label-md-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
100
+ --click-badge-typography-label-sm-default: 500 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
101
+ --click-badge-radii-all: 9999px;
102
+ --click-badge-stroke: 1px;
103
+ --click-badge-icon-md-size-height: 0.75rem;
104
+ --click-badge-icon-md-size-width: 0.75rem;
105
+ --click-badge-icon-sm-size-height: 0.625rem;
106
+ --click-badge-icon-sm-size-width: 0.625rem;
107
+ --click-badge-opaque-color-background-default: light-dark(#f6f7fa, #1F1F1C);
108
+ --click-badge-opaque-color-background-success: light-dark(rgb(20% 100% 26.7% / 0.1), rgb(20% 100% 26.7% / 0.2));
109
+ --click-badge-opaque-color-background-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
110
+ --click-badge-opaque-color-background-danger: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
111
+ --click-badge-opaque-color-background-disabled: light-dark(#dfdfdf, #414141);
112
+ --click-badge-opaque-color-background-info: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
113
+ --click-badge-opaque-color-background-warning: light-dark(rgb(100% 46.7% 16.1% / 0.1), rgb(100% 46.7% 16.1% / 0.2));
114
+ --click-badge-opaque-color-text-default: light-dark(#696e79, #b3b6bd);
115
+ --click-badge-opaque-color-text-success: light-dark(#008A0B, #CCFFD0);
116
+ --click-badge-opaque-color-text-neutral: light-dark(#53575f, #c0c0c0);
117
+ --click-badge-opaque-color-text-danger: light-dark(#c10000, #ffbaba);
118
+ --click-badge-opaque-color-text-disabled: light-dark(#a0a0a0, #808080);
119
+ --click-badge-opaque-color-text-info: light-dark(#437EEF, #D0DFFB);
120
+ --click-badge-opaque-color-text-warning: light-dark(#A33C00, #FFB88F);
121
+ --click-badge-opaque-color-stroke-default: light-dark(#e6e7e9, #323232);
122
+ --click-badge-opaque-color-stroke-success: light-dark(rgb(20% 100% 26.7% / 0.05), rgb(20% 100% 26.7% / 0.1));
123
+ --click-badge-opaque-color-stroke-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.1));
124
+ --click-badge-opaque-color-stroke-danger: light-dark(rgb(100% 13.7% 13.7% / 0.05), rgb(100% 22.3% 22.3% / 0.2));
125
+ --click-badge-opaque-color-stroke-disabled: light-dark(rgb(83.1% 83.1% 83.1%), rgb(24.2% 24.2% 24.2%));
126
+ --click-badge-opaque-color-stroke-info: light-dark(rgb(26.3% 49.4% 93.7% / 0.05), rgb(26.3% 49.4% 93.7% / 0.1));
127
+ --click-badge-opaque-color-stroke-warning: light-dark(rgb(100% 46.7% 16.1% / 0.05), rgb(100% 46.7% 16.1% / 0.1));
128
+ --click-badge-solid-color-background-default: light-dark(#a0a0a0, #c0c0c0);
129
+ --click-badge-solid-color-background-success: light-dark(#008A0B, #99FFA1);
130
+ --click-badge-solid-color-background-neutral: light-dark(#606060, #c0c0c0);
131
+ --click-badge-solid-color-background-danger: light-dark(#c10000, #ff9898);
132
+ --click-badge-solid-color-background-disabled: light-dark(#dfdfdf, #414141);
133
+ --click-badge-solid-color-background-info: light-dark(#104EC6, #A1BEF7);
134
+ --click-badge-solid-color-background-warning: light-dark(#D64F00, #FF9457);
135
+ --click-badge-solid-color-text-default: light-dark(#ffffff, #1F1F1C);
136
+ --click-badge-solid-color-text-success: light-dark(#ffffff, #1F1F1C);
137
+ --click-badge-solid-color-text-neutral: light-dark(#ffffff, #1F1F1C);
138
+ --click-badge-solid-color-text-danger: light-dark(#ffffff, #1F1F1C);
139
+ --click-badge-solid-color-text-disabled: light-dark(#a0a0a0, #808080);
140
+ --click-badge-solid-color-text-info: light-dark(#ffffff, #1F1F1C);
141
+ --click-badge-solid-color-text-warning: light-dark(#ffffff, #1F1F1C);
142
+ --click-badge-solid-color-stroke-default: light-dark(#e6e7e9, rgb(19.6% 19.6% 19.6% / 0.1));
143
+ --click-badge-solid-color-stroke-success: light-dark(rgb(20% 100% 26.7% / 0.05), rgb(20% 100% 26.7% / 0.1));
144
+ --click-badge-solid-color-stroke-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.1));
145
+ --click-badge-solid-color-stroke-danger: light-dark(rgb(100% 13.7% 13.7% / 0.05), rgb(100% 22.3% 22.3% / 0.2));
146
+ --click-badge-solid-color-stroke-disabled: light-dark(rgb(83.1% 83.1% 83.1%), rgb(24.2% 24.2% 24.2%));
147
+ --click-badge-solid-color-stroke-info: light-dark(rgb(26.3% 49.4% 93.7% / 0.05), rgb(26.3% 49.4% 93.7% / 0.1));
148
+ --click-badge-solid-color-stroke-warning: light-dark(rgb(100% 46.7% 16.1% / 0.05), rgb(100% 46.7% 16.1% / 0.1));
149
+ --click-bigStat-space-all: 1rem;
150
+ --click-bigStat-space-sm-gap: 0;
151
+ --click-bigStat-space-lg-gap: 0.5rem;
152
+ --click-bigStat-radii-all: 0.25rem;
153
+ --click-bigStat-stroke: 1px;
154
+ --click-bigStat-typography-lg-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
155
+ --click-bigStat-typography-lg-label-muted: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
156
+ --click-bigStat-typography-lg-title-default: 700 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
157
+ --click-bigStat-typography-lg-title-muted: 700 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
158
+ --click-bigStat-typography-sm-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
159
+ --click-bigStat-typography-sm-label-muted: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
160
+ --click-bigStat-typography-sm-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
161
+ --click-bigStat-typography-sm-title-muted: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
162
+ --click-bigStat-color-stroke-default: light-dark(#e6e7e9, #323232);
163
+ --click-bigStat-color-stroke-muted: light-dark(#e6e7e9, #323232);
164
+ --click-bigStat-color-stroke-danger: light-dark(#c10000, #ffbaba);
165
+ --click-bigStat-color-background-default: light-dark(#ffffff, #1F1F1C);
166
+ --click-bigStat-color-background-muted: light-dark(#f6f7fa, #282828);
167
+ --click-bigStat-color-label-default: light-dark(#696e79, #b3b6bd);
168
+ --click-bigStat-color-label-muted: light-dark(#696e79, #b3b6bd);
169
+ --click-bigStat-color-label-danger: light-dark(#c10000, #ffbaba);
170
+ --click-bigStat-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
171
+ --click-bigStat-color-title-muted: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
172
+ --click-button-radii-all: 0.25rem;
173
+ --click-button-basic-space-x: 1rem;
174
+ --click-button-basic-space-y: 0.281rem;
175
+ --click-button-basic-space-gap: 0.5rem;
176
+ --click-button-basic-space-group: 0.5rem;
177
+ --click-button-basic-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
178
+ --click-button-basic-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
179
+ --click-button-basic-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
180
+ --click-button-basic-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
181
+ --click-button-basic-typography-mobile-label-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
182
+ --click-button-basic-typography-mobile-label-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
183
+ --click-button-basic-typography-mobile-label-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
184
+ --click-button-basic-size-icon-height: 0.969rem;
185
+ --click-button-basic-size-icon-all: 0.969rem;
186
+ --click-button-basic-size-icon-width: 0.969rem;
187
+ --click-button-basic-color-primary-background-default: light-dark(#302e32, #FAFF69);
188
+ --click-button-basic-color-primary-background-hover: light-dark(lch(29.5 4.18 267), rgb(98.6% 100% 58.8%));
189
+ --click-button-basic-color-primary-background-active: light-dark(#161517, rgb(90.7% 92.5% 38.1%));
190
+ --click-button-basic-color-primary-background-disabled: light-dark(#dfdfdf, #414141);
191
+ --click-button-basic-color-primary-text-default: light-dark(#ffffff, #1F1F1C);
192
+ --click-button-basic-color-primary-text-hover: light-dark(#ffffff, #1F1F1C);
193
+ --click-button-basic-color-primary-text-active: light-dark(#ffffff, #1F1F1C);
194
+ --click-button-basic-color-primary-text-disabled: light-dark(#a0a0a0, #808080);
195
+ --click-button-basic-color-primary-stroke-default: light-dark(#302e32, #FAFF69);
196
+ --click-button-basic-color-primary-stroke-hover: light-dark(lch(29.5 4.18 267), #FAFF69);
197
+ --click-button-basic-color-primary-stroke-active: light-dark(#161517, rgb(83% 84.6% 34.9%));
198
+ --click-button-basic-color-primary-stroke-disabled: light-dark(#dfdfdf, #414141);
199
+ --click-button-basic-color-secondary-background-default: light-dark(rgba(0,0,0,0), #1F1F1C);
200
+ --click-button-basic-color-secondary-background-hover: light-dark(#f6f7fa, #282828);
201
+ --click-button-basic-color-secondary-background-active: light-dark(lch(95.3 1.54 272), rgb(19.9% 19.9% 19.9%));
202
+ --click-button-basic-color-secondary-background-disabled: light-dark(#dfdfdf, #414141);
203
+ --click-button-basic-color-secondary-stroke-default: light-dark(#e6e7e9, #414141);
204
+ --click-button-basic-color-secondary-stroke-hover: light-dark(#e6e7e9, #53575f);
205
+ --click-button-basic-color-secondary-stroke-active: light-dark(#cccfd3, rgb(22.9% 22.1% 23.6%));
206
+ --click-button-basic-color-secondary-stroke-disabled: light-dark(#dfdfdf, #414141);
207
+ --click-button-basic-color-secondary-text-default: light-dark(#161517, #ffffff);
208
+ --click-button-basic-color-secondary-text-hover: light-dark(#161517, #ffffff);
209
+ --click-button-basic-color-secondary-text-active: light-dark(#161517, #ffffff);
210
+ --click-button-basic-color-secondary-text-disabled: light-dark(#a0a0a0, #808080);
211
+ --click-button-basic-color-danger-background-default: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
212
+ --click-button-basic-color-danger-background-hover: light-dark(rgb(100% 13.7% 13.7% / 0.2), rgb(100% 13.7% 13.7% / 0.3));
213
+ --click-button-basic-color-danger-background-active: light-dark(rgb(100% 13.7% 13.7% / 0.3), rgb(100% 13.7% 13.7% / 0.45));
214
+ --click-button-basic-color-danger-background-disabled: light-dark(#dfdfdf, #414141);
215
+ --click-button-basic-color-danger-text-default: light-dark(#c10000, #ffbaba);
216
+ --click-button-basic-color-danger-text-hover: light-dark(#c10000, #ffbaba);
217
+ --click-button-basic-color-danger-text-active: light-dark(#c10000, #ffbaba);
218
+ --click-button-basic-color-danger-text-disabled: light-dark(#a0a0a0, #808080);
219
+ --click-button-basic-color-danger-stroke-default: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 22.3% 22.3% / 0.1));
220
+ --click-button-basic-color-danger-stroke-hover: rgb(100% 13.7% 13.7% / 0.05);
221
+ --click-button-basic-color-danger-stroke-active: rgb(100% 13.7% 13.7% / 0.05);
222
+ --click-button-basic-color-danger-stroke-disabled: light-dark(#dfdfdf, #414141);
223
+ --click-button-basic-color-empty-text-default: light-dark(#437EEF, #FAFF69);
224
+ --click-button-basic-color-empty-text-hover: light-dark(#104EC6, #FEFFC2);
225
+ --click-button-basic-color-empty-text-active: light-dark(#437EEF, #FAFF69);
226
+ --click-button-basic-color-empty-text-disabled: #a0a0a0;
227
+ --click-button-basic-color-empty-background-default: rgba(0,0,0,0);
228
+ --click-button-basic-color-empty-background-hover: light-dark(#f6f7fa, #282828);
229
+ --click-button-basic-color-empty-background-active: rgba(0,0,0,0);
230
+ --click-button-basic-color-empty-background-disabled: rgba(0,0,0,0);
231
+ --click-button-basic-color-empty-stroke-default: rgba(0,0,0,0);
232
+ --click-button-basic-color-empty-stroke-hover: rgba(0,0,0,0);
233
+ --click-button-basic-color-empty-stroke-active: rgba(0,0,0,0);
234
+ --click-button-basic-color-empty-stroke-disabled: rgba(0,0,0,0);
235
+ --click-button-iconButton-default-space-x: 0.438rem;
236
+ --click-button-iconButton-default-space-y: 0.438rem;
237
+ --click-button-iconButton-size-small: 0.75rem;
238
+ --click-button-iconButton-size-medium: 1rem;
239
+ --click-button-iconButton-size-large: 1.25rem;
240
+ --click-button-iconButton-radii-all: 0.25rem;
241
+ --click-button-iconButton-sm-space-x: 0.25rem;
242
+ --click-button-iconButton-sm-space-y: 0.25rem;
243
+ --click-button-iconButton-xs-space-x: 0;
244
+ --click-button-iconButton-xs-space-y: 0;
245
+ --click-button-iconButton-color-primary-background-default: rgba(0,0,0,0);
246
+ --click-button-iconButton-color-primary-background-hover: light-dark(#f6f7fa, #282828);
247
+ --click-button-iconButton-color-primary-background-active: light-dark(rgb(86.8% 87.2% 88.2%), rgb(14.1% 14.1% 14.1%));
248
+ --click-button-iconButton-color-primary-stroke-default: rgba(0,0,0,0);
249
+ --click-button-iconButton-color-primary-stroke-hover: light-dark(#f6f7fa, #282828);
250
+ --click-button-iconButton-color-primary-stroke-active: light-dark(rgb(86.8% 87.2% 88.2%), rgb(14.1% 14.1% 14.1%));
251
+ --click-button-iconButton-color-primary-text-default: light-dark(#161517, #ffffff);
252
+ --click-button-iconButton-color-primary-text-hover: light-dark(#161517, #ffffff);
253
+ --click-button-iconButton-color-primary-text-active: light-dark(#161517, #ffffff);
254
+ --click-button-iconButton-color-secondary-background-default: light-dark(#302e32, #FAFF69);
255
+ --click-button-iconButton-color-secondary-background-hover: light-dark(lch(29.5 4.18 267), rgb(98.6% 100% 58.8%));
256
+ --click-button-iconButton-color-secondary-background-active: light-dark(lch(6.59 1.37 305), rgb(86.2% 87.9% 36.2%));
257
+ --click-button-iconButton-color-secondary-stroke-default: rgba(0,0,0,0);
258
+ --click-button-iconButton-color-secondary-stroke-hover: light-dark(lch(29.5 4.18 267), rgb(98.6% 100% 58.8%));
259
+ --click-button-iconButton-color-secondary-stroke-active: light-dark(lch(6.59 1.37 305), rgb(86.2% 87.9% 36.2%));
260
+ --click-button-iconButton-color-secondary-text-default: light-dark(#ffffff, #1F1F1C);
261
+ --click-button-iconButton-color-secondary-text-hover: light-dark(#ffffff, #1F1F1C);
262
+ --click-button-iconButton-color-secondary-text-active: light-dark(#ffffff, #1F1F1C);
263
+ --click-button-iconButton-color-disabled-background-default: light-dark(#dfdfdf, #414141);
264
+ --click-button-iconButton-color-disabled-text-default: light-dark(#a0a0a0, #808080);
265
+ --click-button-iconButton-color-danger-background-default: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
266
+ --click-button-iconButton-color-danger-background-hover: light-dark(rgb(100% 13.7% 13.7% / 0.2), #ff9898);
267
+ --click-button-iconButton-color-danger-background-active: light-dark(rgb(100% 13.7% 13.7% / 0.3), #c10000);
268
+ --click-button-iconButton-color-danger-text-default: light-dark(#c10000, #ffbaba);
269
+ --click-button-iconButton-color-danger-text-hover: light-dark(#c10000, #ffbaba);
270
+ --click-button-iconButton-color-danger-text-active: light-dark(#c10000, #ffbaba);
271
+ --click-button-iconButton-color-danger-stroke-default: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
272
+ --click-button-iconButton-color-danger-stroke-hover: light-dark(rgb(100% 13.7% 13.7% / 0.2), rgb(100% 13.7% 13.7% / 0.3));
273
+ --click-button-iconButton-color-danger-stroke-active: light-dark(rgb(100% 13.7% 13.7% / 0.3), rgb(100% 13.7% 13.7% / 0.45));
274
+ --click-button-iconButton-color-ghost-background-default: rgba(0,0,0,0);
275
+ --click-button-iconButton-color-ghost-background-hover: rgba(0,0,0,0);
276
+ --click-button-iconButton-color-ghost-background-active: rgb(0% 0% 0% / 0);
277
+ --click-button-iconButton-color-ghost-stroke-default: rgba(0,0,0,0);
278
+ --click-button-iconButton-color-ghost-stroke-hover: rgba(0,0,0,0);
279
+ --click-button-iconButton-color-ghost-stroke-active: rgba(0,0,0,0);
280
+ --click-button-iconButton-color-ghost-text-default: light-dark(#696e79, #b3b6bd);
281
+ --click-button-iconButton-color-ghost-text-hover: light-dark(#161517, #ffffff);
282
+ --click-button-iconButton-color-ghost-text-active: light-dark(#161517, #ffffff);
283
+ --click-button-iconButton-color-info-background-default: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
284
+ --click-button-iconButton-color-info-background-hover: light-dark(#D0DFFB, #1D64EC);
285
+ --click-button-iconButton-color-info-background-active: light-dark(#A1BEF7, #437EEF);
286
+ --click-button-iconButton-color-info-text-default: light-dark(#437EEF, #D0DFFB);
287
+ --click-button-iconButton-color-info-text-hover: light-dark(#437EEF, #D0DFFB);
288
+ --click-button-iconButton-color-info-text-active: light-dark(#437EEF, #D0DFFB);
289
+ --click-button-iconButton-color-info-stroke-default: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
290
+ --click-button-iconButton-color-info-stroke-hover: light-dark(#D0DFFB, #1D64EC);
291
+ --click-button-iconButton-color-info-stroke-active: light-dark(#A1BEF7, #437EEF);
292
+ --click-button-stroke: 1px;
293
+ --click-button-split-icon-space-y: 0.438rem;
294
+ --click-button-split-icon-space-x: 0.344rem;
295
+ --click-button-split-space-x: 1rem;
296
+ --click-button-split-space-y: 0.281rem;
297
+ --click-button-split-space-gap: 0.5rem;
298
+ --click-button-split-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
299
+ --click-button-split-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
300
+ --click-button-split-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
301
+ --click-button-split-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
302
+ --click-button-split-typography-mobile-label-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
303
+ --click-button-split-typography-mobile-label-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
304
+ --click-button-split-typography-mobile-label-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
305
+ --click-button-split-primary-background-main-default: light-dark(#302e32, #FAFF69);
306
+ --click-button-split-primary-background-main-hover: light-dark(lch(27 3.82 267), lch(89.7 46.7 104));
307
+ --click-button-split-primary-background-main-active: light-dark(lch(6.35 1.32 305), rgb(83% 84.6% 34.9%));
308
+ --click-button-split-primary-background-main-disabled: light-dark(#dfdfdf, rgb(23.3% 23.3% 23.3%));
309
+ --click-button-split-primary-background-action-default: light-dark(#161517, rgb(88.2% 90% 37.1%));
310
+ --click-button-split-primary-background-action-hover: light-dark(lch(25.6 3.63 267), rgb(81.8% 83.2% 49.2%));
311
+ --click-button-split-primary-background-action-active: light-dark(lch(3.47 0.72 305), rgb(73% 74.4% 30.7%));
312
+ --click-button-split-primary-background-action-disabled: light-dark(lch(84.4 0 0), rgb(20.5% 20.5% 20.5%));
313
+ --click-button-split-primary-text-default: light-dark(#ffffff, #1F1F1C);
314
+ --click-button-split-primary-text-hover: light-dark(#ffffff, #1F1F1C);
315
+ --click-button-split-primary-text-active: light-dark(#ffffff, #1F1F1C);
316
+ --click-button-split-primary-text-disabled: light-dark(#a0a0a0, #808080);
317
+ --click-button-split-primary-stroke-default: rgba(0,0,0,0);
318
+ --click-button-split-primary-stroke-hover: rgba(0,0,0,0);
319
+ --click-button-split-primary-stroke-active: rgba(0,0,0,0);
320
+ --click-button-split-primary-stroke-disabled: rgba(0,0,0,0);
321
+ --click-button-split-primary-divide-default: light-dark(lch(23.3 2.63 306), rgb(85.8% 87.5% 36%));
322
+ --click-button-split-primary-divide-hover: light-dark(lch(33 3.27 267), rgb(77.8% 79.1% 46.8%));
323
+ --click-button-split-primary-divide-active: light-dark(lch(16.4 2.36 306), rgb(72.6% 74% 30.5%));
324
+ --click-button-split-primary-divide-disabled: light-dark(lch(75.5 0 0), rgb(21.3% 21.3% 21.3%));
325
+ --click-button-split-secondary-divide-default: light-dark(lch(92 1.05 266), lch(31.2 0 0));
326
+ --click-button-split-secondary-divide-hover: light-dark(lch(92.4 0.99 266), lch(34.8 0 0));
327
+ --click-button-split-secondary-divide-active: light-dark(#cccfd3, rgb(23.7% 22.9% 24.4%));
328
+ --click-button-split-secondary-divide-disabled: light-dark(lch(75.5 0 0), lch(23.4 0 0));
329
+ --click-button-split-secondary-background-main-default: light-dark(rgba(0,0,0,0), #1F1F1C);
330
+ --click-button-split-secondary-background-main-hover: light-dark(#f6f7fa, #282828);
331
+ --click-button-split-secondary-background-main-active: light-dark(lch(95.3 1.54 272), rgb(19.9% 19.9% 19.9%));
332
+ --click-button-split-secondary-background-main-disabled: light-dark(#dfdfdf, #414141);
333
+ --click-button-split-secondary-background-action-default: light-dark(#f6f7fa, #282828);
334
+ --click-button-split-secondary-background-action-hover: light-dark(lch(94.8 1.53 272), rgb(17.8% 17.8% 17.8%));
335
+ --click-button-split-secondary-background-action-active: light-dark(lch(92.9 1.5 272), rgb(20.7% 20.7% 20.7%));
336
+ --click-button-split-secondary-background-action-disabled: light-dark(lch(84.4 0 0), rgb(22.1% 22.1% 22.1%));
337
+ --click-button-split-secondary-text-default: light-dark(#161517, #ffffff);
338
+ --click-button-split-secondary-text-hover: light-dark(#161517, #ffffff);
339
+ --click-button-split-secondary-text-active: light-dark(#161517, #ffffff);
340
+ --click-button-split-secondary-text-disabled: light-dark(#a0a0a0, #808080);
341
+ --click-button-split-secondary-stroke-default: light-dark(#e6e7e9, #414141);
342
+ --click-button-split-secondary-stroke-hover: light-dark(#e6e7e9, #414141);
343
+ --click-button-split-secondary-stroke-active: light-dark(#cccfd3, rgb(23.7% 22.9% 24.4%));
344
+ --click-button-split-secondary-stroke-disabled: rgba(0,0,0,0);
345
+ --click-button-mobile-button-space-x: 0.75rem;
346
+ --click-button-mobile-button-space-y: 0.5rem;
347
+ --click-button-mobile-button-space-gap: 0.5rem;
348
+ --click-button-mobile-basic-size-icon-all: 1.25rem;
349
+ --click-button-group-radii-button-default-all: 2px;
350
+ --click-button-group-radii-button-borderless-all: 0.25rem;
351
+ --click-button-group-radii-panel-all: 0.25rem;
352
+ --click-button-group-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
353
+ --click-button-group-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
354
+ --click-button-group-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
355
+ --click-button-group-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
356
+ --click-button-group-typography-mobile-label-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
357
+ --click-button-group-typography-mobile-label-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
358
+ --click-button-group-typography-mobile-label-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
359
+ --click-button-group-space-panel-default-x: 3px;
360
+ --click-button-group-space-panel-default-y: 3px;
361
+ --click-button-group-space-panel-default-gap: 3px;
362
+ --click-button-group-space-panel-borderless-x: 0;
363
+ --click-button-group-space-panel-borderless-y: 0;
364
+ --click-button-group-space-panel-borderless-gap: 0.25rem;
365
+ --click-button-group-space-button-default-y: 1.5px;
366
+ --click-button-group-space-button-default-x: 0.75rem;
367
+ --click-button-group-space-button-borderless-y: 5.5px;
368
+ --click-button-group-space-button-borderless-x: 1rem;
369
+ --click-button-group-color-background-default: rgba(0,0,0,0);
370
+ --click-button-group-color-background-hover: light-dark(#f6f7fa, #282828);
371
+ --click-button-group-color-background-active: light-dark(lch(95.3 1.54 272), #414141);
372
+ --click-button-group-color-background-disabled: rgba(0,0,0,0);
373
+ --click-button-group-color-background-disabled-active: light-dark(lch(76.2 1.23 272), lch(0 0 0 / 0));
374
+ --click-button-group-color-background-panel: rgba(0,0,0,0);
375
+ --click-button-group-color-text-default: light-dark(#505050, #c0c0c0);
376
+ --click-button-group-color-text-hover: light-dark(#505050, #c0c0c0);
377
+ --click-button-group-color-text-active: light-dark(#161517, #ffffff);
378
+ --click-button-group-color-text-disabled: light-dark(#a0a0a0, #414141);
379
+ --click-button-group-color-text-disabled-active: light-dark(#a0a0a0, #808080);
380
+ --click-button-group-color-stroke-default: rgba(0,0,0,0);
381
+ --click-button-group-color-stroke-hover: rgba(0,0,0,0);
382
+ --click-button-group-color-stroke-active: rgba(0,0,0,0);
383
+ --click-button-group-color-stroke-disabled: rgba(0,0,0,0);
384
+ --click-button-group-color-stroke-disabled-active: rgba(0,0,0,0);
385
+ --click-button-group-color-stroke-panel: light-dark(#e6e7e9, #323232);
386
+ --click-button-group-color-panel-stroke-default: light-dark(#e6e7e9, #323232);
387
+ --click-button-group-color-panel-stroke-borderless: rgba(0,0,0,0);
388
+ --click-button-alignLeft-size-icon-all: 0.969rem;
389
+ --click-button-alignLeft-space-x: 1rem;
390
+ --click-button-alignLeft-space-y: 0.344rem;
391
+ --click-button-alignLeft-space-gap: 0.5rem;
392
+ --click-button-alignLeft-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
393
+ --click-button-alignLeft-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
394
+ --click-button-alignLeft-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
395
+ --click-button-alignLeft-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
396
+ --click-button-alignLeft-typography-mobile-label-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
397
+ --click-button-alignLeft-typography-mobile-label-hover: 500 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
398
+ --click-button-alignLeft-typography-mobile-label-active: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
399
+ --click-button-alignedLeft-color-background-default: rgba(0,0,0,0);
400
+ --click-button-alignedLeft-color-background-hover: light-dark(#f6f7fa, #282828);
401
+ --click-button-alignedLeft-color-background-active: light-dark(lch(95.3 1.54 272), rgb(15.4% 15.4% 15.4%));
402
+ --click-button-alignedLeft-color-stroke-default: light-dark(#e6e7e9, #323232);
403
+ --click-button-alignedLeft-color-stroke-hover: light-dark(#e6e7e9, #53575f);
404
+ --click-button-alignedLeft-color-stroke-active: light-dark(#cccfd3, rgb(22.9% 22.1% 23.6%));
405
+ --click-button-alignedLeft-color-text-default: light-dark(#161517, #ffffff);
406
+ --click-button-alignedLeft-color-text-hover: light-dark(#161517, #ffffff);
407
+ --click-button-alignedLeft-color-text-active: light-dark(#161517, #ffffff);
408
+ --click-card-secondary-space-all: 1rem;
409
+ --click-card-secondary-space-gap: 1rem;
410
+ --click-card-secondary-space-link-gap: 0.5rem;
411
+ --click-card-secondary-radii-all: 0.25rem;
412
+ --click-card-secondary-icon-size-all: 2rem;
413
+ --click-card-secondary-stroke: 1px;
414
+ --click-card-secondary-color-background-default: light-dark(#ffffff, #1F1F1C);
415
+ --click-card-secondary-color-background-hover: light-dark(#f6f7fa, #282828);
416
+ --click-card-secondary-color-background-active: light-dark(lch(92.4 1.49 272), rgb(14.9% 14.9% 14.9%));
417
+ --click-card-secondary-color-background-disabled: light-dark(#dfdfdf, #414141);
418
+ --click-card-secondary-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
419
+ --click-card-secondary-color-title-hover: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
420
+ --click-card-secondary-color-title-active: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
421
+ --click-card-secondary-color-title-disabled: light-dark(#a0a0a0, #808080);
422
+ --click-card-secondary-color-description-default: light-dark(#696e79, #b3b6bd);
423
+ --click-card-secondary-color-description-hover: light-dark(#696e79, #b3b6bd);
424
+ --click-card-secondary-color-description-active: light-dark(#696e79, #b3b6bd);
425
+ --click-card-secondary-color-description-disabled: light-dark(#a0a0a0, #808080);
426
+ --click-card-secondary-color-link-default: light-dark(#161517, #ffffff);
427
+ --click-card-secondary-color-link-hover: light-dark(#437EEF, #FAFF69);
428
+ --click-card-secondary-color-link-active: light-dark(#161517, #ffffff);
429
+ --click-card-secondary-color-link-disabled: light-dark(#a0a0a0, #808080);
430
+ --click-card-secondary-color-stroke-default: light-dark(#e6e7e9, #323232);
431
+ --click-card-secondary-color-stroke-hover: light-dark(#e6e7e9, #323232);
432
+ --click-card-secondary-color-stroke-active: light-dark(lch(87 1.05 266), rgb(18.6% 18.6% 18.6%));
433
+ --click-card-secondary-color-stroke-disabled: light-dark(#dfdfdf, #414141);
434
+ --click-card-typography-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
435
+ --click-card-typography-title-hover: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
436
+ --click-card-typography-title-active: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
437
+ --click-card-typography-title-disabled: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
438
+ --click-card-typography-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
439
+ --click-card-typography-description-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
440
+ --click-card-typography-description-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
441
+ --click-card-typography-description-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
442
+ --click-card-typography-link-default: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
443
+ --click-card-typography-link-hover: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
444
+ --click-card-typography-link-active: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
445
+ --click-card-typography-link-disabled: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
446
+ --click-card-primary-size-icon-sm-all: 2rem;
447
+ --click-card-primary-size-icon-md-all: 4rem;
448
+ --click-card-primary-space-md-y: 1.5rem;
449
+ --click-card-primary-space-md-x: 1.5rem;
450
+ --click-card-primary-space-md-gap: 0.75rem;
451
+ --click-card-primary-space-sm-y: 1.5rem;
452
+ --click-card-primary-space-sm-x: 1.5rem;
453
+ --click-card-primary-space-sm-gap: 0.25rem;
454
+ --click-card-primary-radii-all: 0.25rem;
455
+ --click-card-primary-stroke: 1px;
456
+ --click-card-primary-color-background-default: light-dark(#ffffff, #1F1F1C);
457
+ --click-card-primary-color-background-hover: light-dark(#f6f7fa, #282828);
458
+ --click-card-primary-color-background-active: light-dark(#ffffff, rgb(14.9% 14.9% 14.9%));
459
+ --click-card-primary-color-background-disabled: light-dark(#dfdfdf, #414141);
460
+ --click-card-primary-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
461
+ --click-card-primary-color-title-hover: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
462
+ --click-card-primary-color-title-active: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
463
+ --click-card-primary-color-title-disabled: light-dark(#a0a0a0, #808080);
464
+ --click-card-primary-color-description-default: light-dark(#696e79, #b3b6bd);
465
+ --click-card-primary-color-description-hover: light-dark(#696e79, #b3b6bd);
466
+ --click-card-primary-color-description-active: light-dark(#696e79, #b3b6bd);
467
+ --click-card-primary-color-description-disabled: light-dark(#a0a0a0, #808080);
468
+ --click-card-primary-color-stroke-default: light-dark(#e6e7e9, #323232);
469
+ --click-card-primary-color-stroke-hover: light-dark(#e6e7e9, #323232);
470
+ --click-card-primary-color-stroke-active: light-dark(#151515, #FAFF69);
471
+ --click-card-primary-color-stroke-disabled: light-dark(#dfdfdf, #414141);
472
+ --click-card-shadow: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
473
+ --click-card-horizontal-radii-all: 0.25rem;
474
+ --click-card-horizontal-typography-title-default: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
475
+ --click-card-horizontal-typography-title-hover: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
476
+ --click-card-horizontal-typography-title-active: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
477
+ --click-card-horizontal-typography-title-disabled: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
478
+ --click-card-horizontal-typography-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
479
+ --click-card-horizontal-typography-description-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
480
+ --click-card-horizontal-typography-description-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
481
+ --click-card-horizontal-typography-description-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
482
+ --click-card-horizontal-icon-size-all: 1.5rem;
483
+ --click-card-horizontal-space-md-y: 0.75rem;
484
+ --click-card-horizontal-space-md-x: 1rem;
485
+ --click-card-horizontal-space-md-gap: 1rem;
486
+ --click-card-horizontal-space-sm-y: 0.5rem;
487
+ --click-card-horizontal-space-sm-x: 0.75rem;
488
+ --click-card-horizontal-space-sm-gap: 0.75rem;
489
+ --click-card-horizontal-default-color-background-default: light-dark(#ffffff, #1F1F1C);
490
+ --click-card-horizontal-default-color-background-hover: light-dark(#f6f7fa, #282828);
491
+ --click-card-horizontal-default-color-background-active: light-dark(#ffffff, #282828);
492
+ --click-card-horizontal-default-color-background-disabled: light-dark(#dfdfdf, #414141);
493
+ --click-card-horizontal-default-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
494
+ --click-card-horizontal-default-color-title-hover: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
495
+ --click-card-horizontal-default-color-title-active: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
496
+ --click-card-horizontal-default-color-title-disabled: light-dark(#a0a0a0, #808080);
497
+ --click-card-horizontal-default-color-description-default: light-dark(#696e79, #b3b6bd);
498
+ --click-card-horizontal-default-color-description-hover: light-dark(#696e79, #b3b6bd);
499
+ --click-card-horizontal-default-color-description-active: light-dark(#696e79, #b3b6bd);
500
+ --click-card-horizontal-default-color-description-disabled: light-dark(#a0a0a0, #808080);
501
+ --click-card-horizontal-default-color-stroke-default: light-dark(#e6e7e9, #323232);
502
+ --click-card-horizontal-default-color-stroke-hover: light-dark(#e6e7e9, #323232);
503
+ --click-card-horizontal-default-color-stroke-active: light-dark(#151515, #FAFF69);
504
+ --click-card-horizontal-default-color-stroke-disabled: light-dark(#dfdfdf, #414141);
505
+ --click-card-horizontal-muted-color-background-default: light-dark(#f6f7fa, #282828);
506
+ --click-card-horizontal-muted-color-background-hover: light-dark(#ffffff, #1F1F1C);
507
+ --click-card-horizontal-muted-color-background-active: light-dark(#f6f7fa, #282828);
508
+ --click-card-horizontal-muted-color-background-disabled: light-dark(#dfdfdf, #414141);
509
+ --click-card-horizontal-muted-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
510
+ --click-card-horizontal-muted-color-title-hover: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
511
+ --click-card-horizontal-muted-color-title-active: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
512
+ --click-card-horizontal-muted-color-title-disabled: light-dark(#a0a0a0, #808080);
513
+ --click-card-horizontal-muted-color-description-default: light-dark(#696e79, #b3b6bd);
514
+ --click-card-horizontal-muted-color-description-hover: light-dark(#696e79, #b3b6bd);
515
+ --click-card-horizontal-muted-color-description-active: light-dark(#696e79, #b3b6bd);
516
+ --click-card-horizontal-muted-color-description-disabled: light-dark(#a0a0a0, #808080);
517
+ --click-card-horizontal-muted-color-stroke-default: light-dark(#e6e7e9, #323232);
518
+ --click-card-horizontal-muted-color-stroke-hover: light-dark(#e6e7e9, #323232);
519
+ --click-card-horizontal-muted-color-stroke-active: light-dark(#151515, #FAFF69);
520
+ --click-card-horizontal-muted-color-stroke-disabled: light-dark(#dfdfdf, #414141);
521
+ --click-card-promotion-radii-all: 0.25rem;
522
+ --click-card-promotion-typography-text-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
523
+ --click-card-promotion-space-y: 5.5px;
524
+ --click-card-promotion-space-x: 0.75rem;
525
+ --click-card-promotion-space-gap: 0.75rem;
526
+ --click-card-promotion-icon-size-all: 1rem;
527
+ --click-card-promotion-color-text-default: light-dark(#161517, #ffffff);
528
+ --click-card-promotion-color-text-hover: light-dark(#161517, #ffffff);
529
+ --click-card-promotion-color-text-active: light-dark(#161517, #ffffff);
530
+ --click-card-promotion-color-icon-default: light-dark(#161517, #FAFF69);
531
+ --click-card-promotion-color-icon-hover: light-dark(#161517, #FAFF69);
532
+ --click-card-promotion-color-icon-active: light-dark(#161517, #FAFF69);
533
+ --click-card-promotion-color-background-default: light-dark(#f6f7fa, rgb(15.7% 15.7% 15.7% / 0.9));
534
+ --click-card-promotion-color-background-hover: light-dark(#e6e7e9, rgb(17.8% 17.8% 17.8% / 0.9));
535
+ --click-card-promotion-color-background-active: light-dark(lch(89.8 1.08 266), rgb(19.9% 19.9% 19.9% / 0.9));
536
+ --click-card-promotion-color-stroke-default: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
537
+ --click-card-promotion-color-stroke-hover: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
538
+ --click-card-promotion-color-stroke-active: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
539
+ --click-card-promotion-color-stroke-focus: light-dark(#151515, #FAFF69);
540
+ --click-checkbox-radii-all: 0.125rem;
541
+ --click-checkbox-space-all: 1px;
542
+ --click-checkbox-space-gap: 0.5rem;
543
+ --click-checkbox-size-all: 1rem;
544
+ --click-checkbox-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
545
+ --click-checkbox-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
546
+ --click-checkbox-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
547
+ --click-checkbox-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
548
+ --click-checkbox-color-variations-default-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
549
+ --click-checkbox-color-variations-default-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
550
+ --click-checkbox-color-variations-default-background-active: light-dark(#161517, #FAFF69);
551
+ --click-checkbox-color-variations-default-background-disabled: light-dark(#dfdfdf, #414141);
552
+ --click-checkbox-color-variations-default-stroke-default: light-dark(#b3b6bd, #414141);
553
+ --click-checkbox-color-variations-default-stroke-hover: light-dark(#b3b6bd, #414141);
554
+ --click-checkbox-color-variations-default-stroke-active: light-dark(#161517, #FAFF69);
555
+ --click-checkbox-color-variations-default-stroke-disabled: light-dark(#c0c0c0, #606060);
556
+ --click-checkbox-color-variations-default-check-default: #ffffff;
557
+ --click-checkbox-color-variations-default-check-hover: #ffffff;
558
+ --click-checkbox-color-variations-default-check-active: light-dark(#ffffff, #151515);
559
+ --click-checkbox-color-variations-default-check-disabled: light-dark(#a0a0a0, #808080);
560
+ --click-checkbox-color-variations-default-label-default: light-dark(#161517, #ffffff);
561
+ --click-checkbox-color-variations-default-label-hover: light-dark(#161517, #ffffff);
562
+ --click-checkbox-color-variations-default-label-active: light-dark(#161517, #ffffff);
563
+ --click-checkbox-color-variations-default-label-disabled: light-dark(#a0a0a0, #606060);
564
+ --click-checkbox-color-variations-var1-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
565
+ --click-checkbox-color-variations-var1-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
566
+ --click-checkbox-color-variations-var1-background-active: light-dark(#00E513, #33FF44);
567
+ --click-checkbox-color-variations-var1-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
568
+ --click-checkbox-color-variations-var1-stroke-default: light-dark(#62de85, #00BD10);
569
+ --click-checkbox-color-variations-var1-stroke-hover: light-dark(#62de85, #66FF73);
570
+ --click-checkbox-color-variations-var1-stroke-active: light-dark(#62de85, #66FF73);
571
+ --click-checkbox-color-variations-var1-stroke-disabled: light-dark(#c0c0c0, #606060);
572
+ --click-checkbox-color-variations-var1-check-default: #ffffff;
573
+ --click-checkbox-color-variations-var1-check-hover: #ffffff;
574
+ --click-checkbox-color-variations-var1-check-active: #ffffff;
575
+ --click-checkbox-color-variations-var1-check-disabled: #a0a0a0;
576
+ --click-checkbox-color-variations-var2-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
577
+ --click-checkbox-color-variations-var2-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
578
+ --click-checkbox-color-variations-var2-background-active: #437EEF;
579
+ --click-checkbox-color-variations-var2-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
580
+ --click-checkbox-color-variations-var2-stroke-default: #6D9BF3;
581
+ --click-checkbox-color-variations-var2-stroke-hover: light-dark(#6D9BF3, #A1BEF7);
582
+ --click-checkbox-color-variations-var2-stroke-active: light-dark(#6D9BF3, #A1BEF7);
583
+ --click-checkbox-color-variations-var2-stroke-disabled: light-dark(#c0c0c0, #606060);
584
+ --click-checkbox-color-variations-var2-check-default: #ffffff;
585
+ --click-checkbox-color-variations-var2-check-hover: #ffffff;
586
+ --click-checkbox-color-variations-var2-check-active: #ffffff;
587
+ --click-checkbox-color-variations-var2-check-disabled: #a0a0a0;
588
+ --click-checkbox-color-variations-var3-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
589
+ --click-checkbox-color-variations-var3-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
590
+ --click-checkbox-color-variations-var3-background-active: light-dark(#FB32C9, #FB64D6);
591
+ --click-checkbox-color-variations-var3-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
592
+ --click-checkbox-color-variations-var3-stroke-default: #FB64D6;
593
+ --click-checkbox-color-variations-var3-stroke-hover: #FB64D6;
594
+ --click-checkbox-color-variations-var3-stroke-active: #FB64D6;
595
+ --click-checkbox-color-variations-var3-stroke-disabled: light-dark(#c0c0c0, #606060);
596
+ --click-checkbox-color-variations-var3-check-default: #ffffff;
597
+ --click-checkbox-color-variations-var3-check-hover: #ffffff;
598
+ --click-checkbox-color-variations-var3-check-active: #ffffff;
599
+ --click-checkbox-color-variations-var3-check-disabled: #a0a0a0;
600
+ --click-checkbox-color-variations-var4-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
601
+ --click-checkbox-color-variations-var4-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
602
+ --click-checkbox-color-variations-var4-background-active: #FF7729;
603
+ --click-checkbox-color-variations-var4-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
604
+ --click-checkbox-color-variations-var4-stroke-default: light-dark(#FF9457, #FAFF69);
605
+ --click-checkbox-color-variations-var4-stroke-hover: light-dark(#FF9457, #fdffa3);
606
+ --click-checkbox-color-variations-var4-stroke-active: light-dark(#FF9457, #fdffa3);
607
+ --click-checkbox-color-variations-var4-stroke-disabled: light-dark(#c0c0c0, #606060);
608
+ --click-checkbox-color-variations-var4-check-default: #ffffff;
609
+ --click-checkbox-color-variations-var4-check-hover: #ffffff;
610
+ --click-checkbox-color-variations-var4-check-active: #ffffff;
611
+ --click-checkbox-color-variations-var4-check-disabled: #a0a0a0;
612
+ --click-checkbox-color-variations-var5-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
613
+ --click-checkbox-color-variations-var5-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
614
+ --click-checkbox-color-variations-var5-background-active: light-dark(#089B83, #6DF8E1);
615
+ --click-checkbox-color-variations-var5-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
616
+ --click-checkbox-color-variations-var5-stroke-default: light-dark(#089B83, #6DF8E1);
617
+ --click-checkbox-color-variations-var5-stroke-hover: light-dark(#089B83, #A3FAEC);
618
+ --click-checkbox-color-variations-var5-stroke-active: light-dark(#089B83, #A3FAEC);
619
+ --click-checkbox-color-variations-var5-stroke-disabled: light-dark(#c0c0c0, #606060);
620
+ --click-checkbox-color-variations-var5-check-default: #ffffff;
621
+ --click-checkbox-color-variations-var5-check-hover: #ffffff;
622
+ --click-checkbox-color-variations-var5-check-active: #ffffff;
623
+ --click-checkbox-color-variations-var5-check-disabled: #a0a0a0;
624
+ --click-checkbox-color-variations-var6-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
625
+ --click-checkbox-color-variations-var6-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
626
+ --click-checkbox-color-variations-var6-background-active: #BB33FF;
627
+ --click-checkbox-color-variations-var6-background-disabled: light-dark(#dfdfdf, rgb(17.8% 17.8% 17.8%));
628
+ --click-checkbox-color-variations-var6-stroke-default: #CC66FF;
629
+ --click-checkbox-color-variations-var6-stroke-hover: light-dark(#BB33FF, #CC66FF);
630
+ --click-checkbox-color-variations-var6-stroke-active: light-dark(#BB33FF, #CC66FF);
631
+ --click-checkbox-color-variations-var6-stroke-disabled: light-dark(#c0c0c0, #606060);
632
+ --click-checkbox-color-variations-var6-check-default: #ffffff;
633
+ --click-checkbox-color-variations-var6-check-hover: #ffffff;
634
+ --click-checkbox-color-variations-var6-check-active: #ffffff;
635
+ --click-checkbox-color-variations-var6-check-disabled: #a0a0a0;
636
+ --click-checkbox-color-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
637
+ --click-checkbox-color-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
638
+ --click-checkbox-color-background-active: light-dark(#161517, #FAFF69);
639
+ --click-checkbox-color-background-disabled: light-dark(#dfdfdf, #414141);
640
+ --click-checkbox-color-stroke-default: light-dark(#b3b6bd, #414141);
641
+ --click-checkbox-color-stroke-hover: light-dark(#b3b6bd, #414141);
642
+ --click-checkbox-color-stroke-active: light-dark(#161517, #FAFF69);
643
+ --click-checkbox-color-stroke-disabled: light-dark(#c0c0c0, #606060);
644
+ --click-checkbox-color-check-default: #ffffff;
645
+ --click-checkbox-color-check-hover: #ffffff;
646
+ --click-checkbox-color-check-active: light-dark(#ffffff, #151515);
647
+ --click-checkbox-color-check-disabled: light-dark(#a0a0a0, #808080);
648
+ --click-checkbox-color-label-default: light-dark(#161517, #ffffff);
649
+ --click-checkbox-color-label-hover: light-dark(#161517, #ffffff);
650
+ --click-checkbox-color-label-active: light-dark(#161517, #ffffff);
651
+ --click-checkbox-color-label-disabled: light-dark(#a0a0a0, #606060);
652
+ --click-codeblock-space-x: 1rem;
653
+ --click-codeblock-space-y: 1rem;
654
+ --click-codeblock-space-gap: 1.5rem;
655
+ --click-codeblock-radii-all: 0.25rem;
656
+ --click-codeblock-stroke: 1px;
657
+ --click-codeblock-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
658
+ --click-codeblock-numbers-size-width: 1.5rem;
659
+ --click-codeblock-darkMode-color-background-default: #282828;
660
+ --click-codeblock-darkMode-color-text-default: #ffffff;
661
+ --click-codeblock-darkMode-color-numbers-default: #c0c0c0;
662
+ --click-codeblock-darkMode-color-button-background-default: #282828;
663
+ --click-codeblock-darkMode-color-button-background-hover: #53575f;
664
+ --click-codeblock-darkMode-color-button-foreground-default: #ffffff;
665
+ --click-codeblock-darkMode-color-stroke-default: #282828;
666
+ --click-codeblock-lightMode-color-background-default: #f6f7fa;
667
+ --click-codeblock-lightMode-color-text-default: #282828;
668
+ --click-codeblock-lightMode-color-numbers-default: #808080;
669
+ --click-codeblock-lightMode-color-button-background-default: #f6f7fa;
670
+ --click-codeblock-lightMode-color-button-background-hover: #53575f;
671
+ --click-codeblock-lightMode-color-button-foreground-default: #a0a0a0;
672
+ --click-codeblock-lightMode-color-stroke-default: #282828;
673
+ --click-codeblock-monacoTheme-parameter-foreground: light-dark(#53575f, #c0c0c0);
674
+ --click-codeblock-monacoTheme-parameter-background: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
675
+ --click-codeInline-space-x: 0.25rem;
676
+ --click-codeInline-stroke: 1px;
677
+ --click-codeInline-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
678
+ --click-codeInline-radii-all: 0.25rem;
679
+ --click-codeInline-color-background-default: light-dark(#f6f7fa, #282828);
680
+ --click-codeInline-color-text-default: light-dark(#161517, #ffffff);
681
+ --click-codeInline-color-stroke-default: light-dark(#e6e7e9, #323232);
682
+ --click-container-space-none: 0;
683
+ --click-container-space-xxs: 0.25rem;
684
+ --click-container-space-xs: 0.5rem;
685
+ --click-container-space-sm: 0.75rem;
686
+ --click-container-space-md: 1rem;
687
+ --click-container-space-lg: 1.5rem;
688
+ --click-container-space-xl: 2rem;
689
+ --click-container-space-xxl: 4rem;
690
+ --click-container-gap-none: 0;
691
+ --click-container-gap-xxs: 0.25rem;
692
+ --click-container-gap-xs: 0.5rem;
693
+ --click-container-gap-sm: 0.75rem;
694
+ --click-container-gap-md: 1rem;
695
+ --click-container-gap-lg: 1.5rem;
696
+ --click-container-gap-xl: 2rem;
697
+ --click-container-gap-xxl: 4rem;
698
+ --click-datePicker-dateOption-space-gap: 2px;
699
+ --click-datePicker-dateOption-radii-default: 0.25rem;
700
+ --click-datePicker-dateOption-radii-range: 0;
701
+ --click-datePicker-dateOption-stroke: 1px;
702
+ --click-datePicker-dateOption-size-height: 2rem;
703
+ --click-datePicker-dateOption-size-width: 2rem;
704
+ --click-datePicker-dateOption-typography-label-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
705
+ --click-datePicker-dateOption-typography-label-hover: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
706
+ --click-datePicker-dateOption-typography-label-active: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
707
+ --click-datePicker-dateOption-typography-label-disabled: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
708
+ --click-datePicker-dateOption-typography-label-range: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
709
+ --click-datePicker-dateOption-color-label-default: light-dark(#161517, #ffffff);
710
+ --click-datePicker-dateOption-color-label-hover: light-dark(#161517, #ffffff);
711
+ --click-datePicker-dateOption-color-label-active: light-dark(#ffffff, #1F1F1C);
712
+ --click-datePicker-dateOption-color-label-disabled: #a0a0a0;
713
+ --click-datePicker-dateOption-color-label-range: light-dark(#161517, #ffffff);
714
+ --click-datePicker-dateOption-color-background-default: light-dark(#ffffff, #1F1F1C);
715
+ --click-datePicker-dateOption-color-background-hover: light-dark(#ffffff, #1F1F1C);
716
+ --click-datePicker-dateOption-color-background-active: light-dark(#151515, #FAFF69);
717
+ --click-datePicker-dateOption-color-background-disabled: light-dark(#ffffff, #1F1F1C);
718
+ --click-datePicker-dateOption-color-background-range: light-dark(#e6e7e9, #323232);
719
+ --click-datePicker-dateOption-color-stroke-default: light-dark(#ffffff, #1F1F1C);
720
+ --click-datePicker-dateOption-color-stroke-hover: light-dark(#151515, #FAFF69);
721
+ --click-datePicker-dateOption-color-stroke-active: light-dark(#151515, #FAFF69);
722
+ --click-datePicker-dateOption-color-stroke-disabled: light-dark(#ffffff, #1F1F1C);
723
+ --click-datePicker-dateOption-color-stroke-range: light-dark(#e6e7e9, #323232);
724
+ --click-datePicker-space-gap: 0.25rem;
725
+ --click-datePicker-typography-daytitle-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
726
+ --click-datePicker-typography-title-default: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
727
+ --click-datePicker-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
728
+ --click-datePicker-color-daytitle-default: light-dark(#696e79, #b3b6bd);
729
+ --click-dialog-space-y: 1.5rem;
730
+ --click-dialog-space-x: 2rem;
731
+ --click-dialog-space-gap: 1rem;
732
+ --click-dialog-title-space-gap: 0.25rem;
733
+ --click-dialog-radii-all: 0.5rem;
734
+ --click-dialog-shadow-default: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
735
+ --click-dialog-stroke-default: 1px solid #e6e7e9;
736
+ --click-dialog-typography-title-default: 700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
737
+ --click-dialog-typography-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
738
+ --click-dialog-color-background-default: light-dark(#ffffff, #1F1F1C);
739
+ --click-dialog-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
740
+ --click-dialog-color-description-default: light-dark(#696e79, #b3b6bd);
741
+ --click-dialog-color-opaqueBackground-default: light-dark(lch(6.77 0 0 / 0.75), lch(40.7 0 0 / 0.75));
742
+ --click-docs-typography-titles-lg: 600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
743
+ --click-docs-typography-titles-md: 700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
744
+ --click-docs-typography-titles-sm: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
745
+ --click-docs-typography-text-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
746
+ --click-docs-typography-breadcrumbs-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
747
+ --click-docs-typography-breadcrumbs-active: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
748
+ --click-docs-typography-toc-title-default: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
749
+ --click-docs-typography-toc-item-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
750
+ --click-docs-typography-toc-item-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
751
+ --click-docs-typography-toc-item-active: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
752
+ --click-field-typography-label-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
753
+ --click-field-typography-label-hover: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
754
+ --click-field-typography-label-active: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
755
+ --click-field-typography-label-disabled: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
756
+ --click-field-typography-label-error: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
757
+ --click-field-typography-fieldText-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
758
+ --click-field-typography-fieldText-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
759
+ --click-field-typography-fieldText-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
760
+ --click-field-typography-fieldText-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
761
+ --click-field-typography-fieldText-error: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
762
+ --click-field-typography-placeholder-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
763
+ --click-field-typography-format-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
764
+ --click-field-typography-format-hover: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
765
+ --click-field-typography-format-active: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
766
+ --click-field-typography-format-disabled: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
767
+ --click-field-typography-format-error: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
768
+ --click-field-typography-genericLabel-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
769
+ --click-field-typography-genericLabel-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
770
+ --click-field-typography-genericLabel-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
771
+ --click-field-typography-genericLabel-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
772
+ --click-field-typography-genericLabel-error: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
773
+ --click-field-type-mobile-label: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
774
+ --click-field-type-mobile-field-value: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
775
+ --click-field-space-x: 0.75rem;
776
+ --click-field-space-y: 0.281rem;
777
+ --click-field-space-gap: 0.5rem;
778
+ --click-field-size-icon: 1rem;
779
+ --click-field-radii-all: 0.25rem;
780
+ --click-field-mobile-space-x: 0.75rem;
781
+ --click-field-mobile-space-y: 0.5rem;
782
+ --click-field-mobile-space-gap: 0.5rem;
783
+ --click-field-color-background-default: light-dark(#FBFCFF, rgb(17.8% 17.8% 17.8%));
784
+ --click-field-color-background-hover: light-dark(#f6f7fa, rgb(19.9% 19.9% 19.9%));
785
+ --click-field-color-background-active: light-dark(#ffffff, rgb(19.9% 19.9% 19.9%));
786
+ --click-field-color-background-disabled: light-dark(#dfdfdf, #414141);
787
+ --click-field-color-background-error: light-dark(#ffffff, rgb(19.9% 19.9% 19.9%));
788
+ --click-field-color-text-default: light-dark(#302e32, #e6e7e9);
789
+ --click-field-color-text-hover: light-dark(#302e32, #e6e7e9);
790
+ --click-field-color-text-active: light-dark(#161517, #ffffff);
791
+ --click-field-color-text-disabled: light-dark(#a0a0a0, #808080);
792
+ --click-field-color-text-error: light-dark(#c10000, #ffbaba);
793
+ --click-field-color-stroke-default: light-dark(#e6e7e9, rgb(23.6% 23.6% 23.6%));
794
+ --click-field-color-stroke-hover: light-dark(#cccfd3, rgb(27.4% 27.4% 27.4%));
795
+ --click-field-color-stroke-active: light-dark(#161517, #FAFF69);
796
+ --click-field-color-stroke-disabled: light-dark(#dfdfdf, #414141);
797
+ --click-field-color-stroke-error: light-dark(#c10000, #ffbaba);
798
+ --click-field-color-label-default: light-dark(#696e79, #b3b6bd);
799
+ --click-field-color-label-hover: light-dark(#696e79, #b3b6bd);
800
+ --click-field-color-label-active: light-dark(#161517, #ffffff);
801
+ --click-field-color-label-disabled: light-dark(#a0a0a0, #606060);
802
+ --click-field-color-label-error: light-dark(#c10000, #ffbaba);
803
+ --click-field-color-format-default: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
804
+ --click-field-color-format-hover: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
805
+ --click-field-color-format-active: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
806
+ --click-field-color-format-disabled: light-dark(#a0a0a0, #808080);
807
+ --click-field-color-format-error: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
808
+ --click-field-color-genericLabel-default: light-dark(#161517, #ffffff);
809
+ --click-field-color-genericLabel-hover: light-dark(#161517, #ffffff);
810
+ --click-field-color-genericLabel-active: light-dark(#161517, #ffffff);
811
+ --click-field-color-genericLabel-disabled: #a0a0a0;
812
+ --click-field-color-placeholder-default: light-dark(#9a9ea7, #808080);
813
+ --click-field-color-placeholder-disabled: light-dark(#b3b6bd, #606060);
814
+ --click-fileUpload-sm-icon-size-height: 1.5rem;
815
+ --click-fileUpload-sm-icon-size-width: 1.5rem;
816
+ --click-fileUpload-sm-space-gap: 0.75rem;
817
+ --click-fileUpload-sm-space-x: 1rem;
818
+ --click-fileUpload-sm-space-y: 0.5rem;
819
+ --click-fileUpload-sm-radii-all: 0.25rem;
820
+ --click-fileUpload-sm-color-icon-default: light-dark(#696e79, #b3b6bd);
821
+ --click-fileUpload-md-icon-size-height: 2rem;
822
+ --click-fileUpload-md-icon-size-width: 2rem;
823
+ --click-fileUpload-md-space-gap: 0.5rem;
824
+ --click-fileUpload-md-space-x: 1rem;
825
+ --click-fileUpload-md-space-y: 0.75rem;
826
+ --click-fileUpload-md-radii-all: 0.5rem;
827
+ --click-fileUpload-md-color-icon-default: light-dark(#161517, #ffffff);
828
+ --click-fileUpload-typography-title-default: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
829
+ --click-fileUpload-typography-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
830
+ --click-fileUpload-hasFile-space-gap: 0.75rem;
831
+ --click-fileUpload-hasFile-header-space-gap: 0.5rem;
832
+ --click-fileUpload-transitions-all: all 100ms ease-in 0ms;
833
+ --click-fileUpload-color-background-default: light-dark(#ffffff, #1F1F1C);
834
+ --click-fileUpload-color-background-hover: light-dark(#ffffff, #1F1F1C);
835
+ --click-fileUpload-color-background-active: light-dark(#f6f7fa, rgb(19.9% 19.9% 19.9%));
836
+ --click-fileUpload-color-background-error: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
837
+ --click-fileUpload-color-stroke-default: light-dark(#e6e7e9, rgb(23.6% 23.6% 23.6%));
838
+ --click-fileUpload-color-stroke-hover: light-dark(#e6e7e9, rgb(23.6% 23.6% 23.6%));
839
+ --click-fileUpload-color-stroke-active: light-dark(#b3b6bd, #414141);
840
+ --click-fileUpload-color-stroke-error: rgba(0,0,0,0);
841
+ --click-fileUpload-color-title-default: light-dark(#161517, #ffffff);
842
+ --click-fileUpload-color-title-hover: light-dark(#161517, #ffffff);
843
+ --click-fileUpload-color-title-active: light-dark(#161517, #ffffff);
844
+ --click-fileUpload-color-title-error: light-dark(#c10000, #ffbaba);
845
+ --click-fileUpload-color-description-default: light-dark(#696e79, #b3b6bd);
846
+ --click-fileUpload-color-description-hover: light-dark(#696e79, #b3b6bd);
847
+ --click-fileUpload-color-description-active: light-dark(#696e79, #b3b6bd);
848
+ --click-fileUpload-color-description-error: light-dark(#c10000, #ffbaba);
849
+ --click-flyout-space-default-x: 0;
850
+ --click-flyout-space-default-y: 1.5rem;
851
+ --click-flyout-space-default-gap: 1rem;
852
+ --click-flyout-space-default-top: 0;
853
+ --click-flyout-space-default-content-x: 1.5rem;
854
+ --click-flyout-space-default-content-y: 1.5rem;
855
+ --click-flyout-space-default-content-row-gap: 0.25rem;
856
+ --click-flyout-space-default-content-column-gap: 1rem;
857
+ --click-flyout-space-inline-x: 0;
858
+ --click-flyout-space-inline-y: 0.75rem;
859
+ --click-flyout-space-inline-gap: 0.75rem;
860
+ --click-flyout-space-inline-top: 3.5rem;
861
+ --click-flyout-space-inline-content-x: 0.75rem;
862
+ --click-flyout-space-inline-content-y: 0.75rem;
863
+ --click-flyout-space-inline-content-row-gap: 0.25rem;
864
+ --click-flyout-space-inline-content-column-gap: 0.75rem;
865
+ --click-flyout-shadow-default: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
866
+ --click-flyout-shadow-reverse: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
867
+ --click-flyout-size-default-width: 27.5rem;
868
+ --click-flyout-size-default-height: 100%;
869
+ --click-flyout-size-wide-width: 37.5rem;
870
+ --click-flyout-size-wide-height: 100vh;
871
+ --click-flyout-size-narrow-width: 21rem;
872
+ --click-flyout-size-narrow-height: 100%;
873
+ --click-flyout-size-widest-width: 55rem;
874
+ --click-flyout-size-widest-height: 100vh;
875
+ --click-flyout-typography-default-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
876
+ --click-flyout-typography-default-title-default: 700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
877
+ --click-flyout-typography-inline-description-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
878
+ --click-flyout-typography-inline-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
879
+ --click-flyout-color-background-default: light-dark(#ffffff, #282828);
880
+ --click-flyout-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
881
+ --click-flyout-color-description-default: light-dark(#696e79, #b3b6bd);
882
+ --click-flyout-color-opaqueBackground-default: lch(6.77 0 0 / 0.45);
883
+ --click-flyout-color-stroke-default: light-dark(#e6e7e9, #323232);
884
+ --click-genericMenu-item-space-x: 1rem;
885
+ --click-genericMenu-item-space-y: 0.344rem;
886
+ --click-genericMenu-item-space-gap: 0.5rem;
887
+ --click-genericMenu-item-icon-size-height: 0.969rem;
888
+ --click-genericMenu-item-icon-size-width: 0.969rem;
889
+ --click-genericMenu-item-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
890
+ --click-genericMenu-item-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
891
+ --click-genericMenu-item-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
892
+ --click-genericMenu-item-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
893
+ --click-genericMenu-item-typography-sectionHeader-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
894
+ --click-genericMenu-item-typography-subtext-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
895
+ --click-genericMenu-item-typography-subtext-hover: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
896
+ --click-genericMenu-item-typography-subtext-active: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
897
+ --click-genericMenu-item-typography-subtext-disabled: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
898
+ --click-genericMenu-item-two-lines-space-x: 1rem;
899
+ --click-genericMenu-item-two-lines-space-y: 0.344rem;
900
+ --click-genericMenu-item-two-lines-space-gap: 0.75rem;
901
+ --click-genericMenu-item-size-minWidth: 180px;
902
+ --click-genericMenu-item-color-text-default: light-dark(#161517, #ffffff);
903
+ --click-genericMenu-item-color-text-hover: light-dark(#161517, #ffffff);
904
+ --click-genericMenu-item-color-text-active: light-dark(#161517, #ffffff);
905
+ --click-genericMenu-item-color-text-disabled: light-dark(#a0a0a0, #808080);
906
+ --click-genericMenu-item-color-text-muted: light-dark(#696e79, #b3b6bd);
907
+ --click-genericMenu-item-color-background-default: light-dark(#ffffff, #282828);
908
+ --click-genericMenu-item-color-background-hover: light-dark(#f6f7fa, rgb(23.1% 23.1% 23.1%));
909
+ --click-genericMenu-item-color-background-active: light-dark(#ffffff, #282828);
910
+ --click-genericMenu-item-color-background-disabled: light-dark(#ffffff, #414141);
911
+ --click-genericMenu-item-color-format-default: light-dark(lch(72 4.18 268), lch(62.9 0 0));
912
+ --click-genericMenu-item-color-format-hover: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
913
+ --click-genericMenu-item-color-format-active: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
914
+ --click-genericMenu-item-color-format-disabled: light-dark(#a0a0a0, #808080);
915
+ --click-genericMenu-item-color-format-error: light-dark(lch(72 4.18 268), rgb(60.2% 60.2% 60.2%));
916
+ --click-genericMenu-item-color-stroke-default: light-dark(#e6e7e9, #323232);
917
+ --click-genericMenu-item-color-subtext-default: light-dark(#696e79, #b3b6bd);
918
+ --click-genericMenu-item-color-subtext-hover: light-dark(#696e79, #b3b6bd);
919
+ --click-genericMenu-item-color-subtext-active: light-dark(#696e79, #b3b6bd);
920
+ --click-genericMenu-item-color-subtext-disabled: #c0c0c0;
921
+ --click-genericMenu-itemCustom-typography-label-sm: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
922
+ --click-genericMenu-itemCustom-typography-label-lg: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
923
+ --click-genericMenu-button-space-gap: 0.25rem;
924
+ --click-genericMenu-button-space-y: 0.5rem;
925
+ --click-genericMenu-button-typography-label-default: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
926
+ --click-genericMenu-button-typography-label-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
927
+ --click-genericMenu-button-typography-label-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
928
+ --click-genericMenu-button-color-background-default: light-dark(#f6f7fa, #282828);
929
+ --click-genericMenu-button-color-label-default: light-dark(#696e79, #b3b6bd);
930
+ --click-genericMenu-button-color-stroke-default: light-dark(#e6e7e9, #323232);
931
+ --click-genericMenu-panel-radii-all: 0.25rem;
932
+ --click-genericMenu-panel-shadow-default: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
933
+ --click-genericMenu-panel-size-height: 2rem;
934
+ --click-genericMenu-panel-color-background-default: light-dark(#ffffff, #282828);
935
+ --click-genericMenu-panel-color-stroke-default: light-dark(#e6e7e9, #414141);
936
+ --click-genericMenu-autocomplete-typography-results-label-default: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
937
+ --click-genericMenu-autocomplete-typography-search-placeholder-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
938
+ --click-genericMenu-autocomplete-typography-search-term-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
939
+ --click-genericMenu-autocomplete-search-stroke-default: 2px solid #e6e7e9;
940
+ --click-genericMenu-autocomplete-color-placeholder-default: light-dark(#9a9ea7, #808080);
941
+ --click-genericMenu-autocomplete-color-searchTerm-default: light-dark(#161517, #ffffff);
942
+ --click-genericMenu-autocomplete-color-background-default: light-dark(#ffffff, #282828);
943
+ --click-genericMenu-autocomplete-color-stroke-default: light-dark(#e6e7e9, #323232);
944
+ --click-genericMenu-sectionHeader-space-bottom: 0.344rem;
945
+ --click-genericMenu-sectionHeader-space-top: 0.5rem;
946
+ --click-genericMenu-placeholder-space-gap: 0.5rem;
947
+ --click-grid-header-cell-space-y: 0.438rem;
948
+ --click-grid-header-cell-space-x: 0.5rem;
949
+ --click-grid-header-cell-size-height: 2rem;
950
+ --click-grid-header-cell-color-background-default: light-dark(#f6f7fa, #282828);
951
+ --click-grid-header-cell-color-background-selectIndirect: light-dark(lch(95.6 5.84 264), lch(19.5 0 0));
952
+ --click-grid-header-cell-color-background-selectDirect: light-dark(#E7EFFD, lch(27.3 0 0));
953
+ --click-grid-header-cell-color-title-default: light-dark(#696e79, #b3b6bd);
954
+ --click-grid-header-cell-color-title-selectIndirect: light-dark(#161517, #ffffff);
955
+ --click-grid-header-cell-color-title-selectDirect: light-dark(#161517, #ffffff);
956
+ --click-grid-header-cell-color-stroke-default: light-dark(lch(89.3 1.07 266), lch(20.3 0 0));
957
+ --click-grid-header-cell-color-stroke-selectIndirect: light-dark(#E7EFFD, lch(26.8 0 0));
958
+ --click-grid-header-cell-color-stroke-selectDirect: light-dark(lch(86.1 15.1 266), lch(29.4 0 0));
959
+ --click-grid-header-title-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
960
+ --click-grid-body-cell-space-y: 5.5px;
961
+ --click-grid-body-cell-space-x: 0.5rem;
962
+ --click-grid-body-cell-size-height: 2rem;
963
+ --click-grid-body-cell-color-background-default: light-dark(#ffffff, #1F1F1C);
964
+ --click-grid-body-cell-color-background-selectIndirect: light-dark(lch(94.1 7.78 264 / 0.2), lch(15.8 0 0));
965
+ --click-grid-body-cell-color-background-selectDirect: light-dark(lch(94.1 7.78 264 / 0.2), lch(15.8 0 0));
966
+ --click-grid-body-cell-color-stroke-default: light-dark(#e6e7e9, #323232);
967
+ --click-grid-body-cell-color-stroke-selectIndirect: light-dark(#D0DFFB, lch(22 0 0));
968
+ --click-grid-body-cell-color-stroke-selectDirect: light-dark(#437EEF, #FAFF69);
969
+ --click-grid-body-cell-color-text-default: light-dark(lch(7.17 1.44 305), lch(100 0 0));
970
+ --click-grid-body-cell-color-text-selectIndirect: light-dark(#161517, #ffffff);
971
+ --click-grid-body-cell-color-text-selectDirect: light-dark(#161517, #ffffff);
972
+ --click-grid-cell-text-default: 500 0.875rem/1.5 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
973
+ --click-grid-radii-none: 0;
974
+ --click-grid-radii-sm: 0.25rem;
975
+ --click-grid-radii-md: 0.5rem;
976
+ --click-grid-radii-lg: 0.75rem;
977
+ --click-grid-global-color-stroke-default: light-dark(#e6e7e9, #323232);
978
+ --click-grid-global-color-background-default: light-dark(#ffffff, #1F1F1C);
979
+ --click-gridContainer-gap-none: 0;
980
+ --click-gridContainer-gap-xxs: 0.25rem;
981
+ --click-gridContainer-gap-xs: 0.5rem;
982
+ --click-gridContainer-gap-sm: 0.75rem;
983
+ --click-gridContainer-gap-md: 1rem;
984
+ --click-gridContainer-gap-lg: 1.5rem;
985
+ --click-gridContainer-gap-xl: 2rem;
986
+ --click-gridContainer-gap-xxl: 4rem;
987
+ --click-gridContainer-gap-unset: ;
988
+ --click-icon-space-xs-all: 0.25rem;
989
+ --click-icon-space-sm-all: 0.25rem;
990
+ --click-icon-space-md-all: 0.365rem;
991
+ --click-icon-space-lg-all: 0.5rem;
992
+ --click-icon-space-xl-all: 0.75rem;
993
+ --click-icon-space-xxl-all: 1rem;
994
+ --click-icon-color-background-default: rgba(0,0,0,0);
995
+ --click-icon-color-background-success: light-dark(rgb(20% 100% 26.7% / 0.1), rgb(20% 100% 26.7% / 0.2));
996
+ --click-icon-color-background-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
997
+ --click-icon-color-background-danger: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
998
+ --click-icon-color-background-info: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
999
+ --click-icon-color-background-warning: light-dark(rgb(100% 46.7% 16.1% / 0.1), rgb(100% 46.7% 16.1% / 0.2));
1000
+ --click-icon-color-text-default: rgba(0,0,0,0);
1001
+ --click-icon-color-text-success: light-dark(#008A0B, #CCFFD0);
1002
+ --click-icon-color-text-neutral: light-dark(#53575f, #c0c0c0);
1003
+ --click-icon-color-text-danger: light-dark(#c10000, #ffbaba);
1004
+ --click-icon-color-text-info: light-dark(#437EEF, #D0DFFB);
1005
+ --click-icon-color-text-warning: light-dark(#A33C00, #FFB88F);
1006
+ --click-icon-color-stroke-default: rgba(0,0,0,0);
1007
+ --click-icon-color-stroke-success: rgb(20% 100% 26.7% / 0.05);
1008
+ --click-icon-color-stroke-neutral: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
1009
+ --click-icon-color-stroke-danger: rgb(100% 13.7% 13.7% / 0.05);
1010
+ --click-icon-color-stroke-info: rgb(26.3% 49.4% 93.7% / 0.05);
1011
+ --click-icon-color-stroke-warning: rgb(100% 46.7% 16.1% / 0.05);
1012
+ --click-image-sm-size-height: 1rem;
1013
+ --click-image-sm-size-width: 1rem;
1014
+ --click-image-xs-size-height: 0.75rem;
1015
+ --click-image-xs-size-width: 0.75rem;
1016
+ --click-image-md-size-height: 1.25rem;
1017
+ --click-image-md-size-width: 1.25rem;
1018
+ --click-image-lg-size-height: 1.5rem;
1019
+ --click-image-lg-size-width: 1.5rem;
1020
+ --click-image-xl-size-height: 2rem;
1021
+ --click-image-xl-size-width: 2rem;
1022
+ --click-image-xxl-size-height: 4rem;
1023
+ --click-image-xxl-size-width: 4rem;
1024
+ --click-image-borderWidth-default: 1.5px;
1025
+ --click-image-borderWidth-thin: 1px;
1026
+ --click-image-color-stroke: light-dark(#161517, #ffffff);
1027
+ --click-link-space-md-gap: 0.25rem;
1028
+ --click-link-space-sm-gap: 2px;
1029
+ --click-link-icon-size-sm-height: 0.75rem;
1030
+ --click-link-icon-size-sm-width: 0.75rem;
1031
+ --click-link-icon-size-md-height: 1rem;
1032
+ --click-link-icon-size-md-width: 1rem;
1033
+ --click-panel-strokeWidth-default: 1px;
1034
+ --click-panel-radii-none: 0;
1035
+ --click-panel-radii-sm: 0.25rem;
1036
+ --click-panel-radii-md: 0.5rem;
1037
+ --click-panel-radii-lg: 0.75rem;
1038
+ --click-panel-stroke-default: 1px solid #e6e7e9;
1039
+ --click-panel-shadow-default: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
1040
+ --click-panel-space-y-none: 0;
1041
+ --click-panel-space-y-xs: 0.5rem;
1042
+ --click-panel-space-y-sm: 0.75rem;
1043
+ --click-panel-space-y-md: 1rem;
1044
+ --click-panel-space-y-lg: 1.5rem;
1045
+ --click-panel-space-y-xl: 2rem;
1046
+ --click-panel-space-x-none: 0;
1047
+ --click-panel-space-x-xs: 0.5rem;
1048
+ --click-panel-space-x-sm: 0.75rem;
1049
+ --click-panel-space-x-md: 1rem;
1050
+ --click-panel-space-x-lg: 1.5rem;
1051
+ --click-panel-space-x-xl: 2rem;
1052
+ --click-panel-space-gap-none: 0;
1053
+ --click-panel-space-gap-xs: 0.5rem;
1054
+ --click-panel-space-gap-sm: 0.75rem;
1055
+ --click-panel-space-gap-md: 1rem;
1056
+ --click-panel-space-gap-lg: 1.5rem;
1057
+ --click-panel-space-gap-xl: 2rem;
1058
+ --click-panel-color-background-default: light-dark(#ffffff, #1F1F1C);
1059
+ --click-panel-color-background-muted: light-dark(#f6f7fa, #282828);
1060
+ --click-panel-color-background-transparent: rgba(0,0,0,0);
1061
+ --click-panel-color-stroke-default: light-dark(#e6e7e9, #323232);
1062
+ --click-popover-space-y: 1rem;
1063
+ --click-popover-space-x: 1.5rem;
1064
+ --click-popover-space-gap: 0.75rem;
1065
+ --click-popover-radii-all: 0.25rem;
1066
+ --click-popover-shadow-default: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
1067
+ --click-popover-icon-size-height: 1.25rem;
1068
+ --click-popover-icon-size-width: 1.25rem;
1069
+ --click-popover-color-panel-background-default: light-dark(#ffffff, #282828);
1070
+ --click-popover-color-panel-stroke-default: light-dark(#e6e7e9, #414141);
1071
+ --click-radio-radii-all: 9999px;
1072
+ --click-radio-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1073
+ --click-radio-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1074
+ --click-radio-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1075
+ --click-radio-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1076
+ --click-radio-color-background-default: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
1077
+ --click-radio-color-background-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
1078
+ --click-radio-color-background-active: light-dark(#161517, #FAFF69);
1079
+ --click-radio-color-background-disabled: light-dark(#dfdfdf, #414141);
1080
+ --click-radio-color-stroke-default: light-dark(#b3b6bd, #414141);
1081
+ --click-radio-color-stroke-hover: light-dark(#b3b6bd, #414141);
1082
+ --click-radio-color-stroke-active: #151515;
1083
+ --click-radio-color-stroke-disabled: light-dark(#c0c0c0, #414141);
1084
+ --click-radio-color-indicator-default: light-dark(#ffffff, #1F1F1C);
1085
+ --click-radio-color-indicator-hover: light-dark(#f6f7fa, rgb(17.8% 17.8% 17.8%));
1086
+ --click-radio-color-indicator-active: light-dark(#ffffff, #151515);
1087
+ --click-radio-color-indicator-disabled: light-dark(#a0a0a0, #808080);
1088
+ --click-separator-horizontal-space-y-xs: 0;
1089
+ --click-separator-horizontal-space-y-sm: 0.25rem;
1090
+ --click-separator-horizontal-space-y-md: 0.5rem;
1091
+ --click-separator-horizontal-space-y-ml: 0.75rem;
1092
+ --click-separator-horizontal-space-y-lg: 1rem;
1093
+ --click-separator-horizontal-space-y-xl: 1.5rem;
1094
+ --click-separator-horizontal-space-y-xxl: 2rem;
1095
+ --click-separator-horizontal-space-x-all: 0;
1096
+ --click-separator-vertical-space-x-xs: 0;
1097
+ --click-separator-vertical-space-x-sm: 0.25rem;
1098
+ --click-separator-vertical-space-x-md: 0.5rem;
1099
+ --click-separator-vertical-space-x-lg: 1rem;
1100
+ --click-separator-vertical-space-x-xl: 1.5rem;
1101
+ --click-separator-vertical-space-x-xxl: 2rem;
1102
+ --click-separator-vertical-space-y-all: 0;
1103
+ --click-separator-color-stroke-default: light-dark(#e6e7e9, #323232);
1104
+ --click-sidebar-navigation-item-radii-all: 0.25rem;
1105
+ --click-sidebar-navigation-item-default-space-right: 0.75rem;
1106
+ --click-sidebar-navigation-item-default-space-y: 0.281rem;
1107
+ --click-sidebar-navigation-item-default-space-gap: 0.75rem;
1108
+ --click-sidebar-navigation-item-default-space-left: 0;
1109
+ --click-sidebar-navigation-item-typography-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1110
+ --click-sidebar-navigation-item-typography-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1111
+ --click-sidebar-navigation-item-typography-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1112
+ --click-sidebar-navigation-item-typography-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1113
+ --click-sidebar-navigation-item-mobile-typography-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1114
+ --click-sidebar-navigation-item-mobile-typography-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1115
+ --click-sidebar-navigation-item-mobile-typography-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1116
+ --click-sidebar-navigation-item-mobile-space-left: 0;
1117
+ --click-sidebar-navigation-item-mobile-space-right: 0.75rem;
1118
+ --click-sidebar-navigation-item-mobile-space-y: 0.75rem;
1119
+ --click-sidebar-navigation-item-mobile-space-gap: 0.75rem;
1120
+ --click-sidebar-navigation-item-collapsible-space-left: 0;
1121
+ --click-sidebar-navigation-item-collapsible-space-right: 0.75rem;
1122
+ --click-sidebar-navigation-item-collapsible-space-y: 0.281rem;
1123
+ --click-sidebar-navigation-item-collapsible-space-gap: 0.75rem;
1124
+ --click-sidebar-navigation-item-icon-size-height: 1rem;
1125
+ --click-sidebar-navigation-item-icon-size-width: 1rem;
1126
+ --click-sidebar-navigation-item-global-gap: 2px;
1127
+ --click-sidebar-navigation-title-typography-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1128
+ --click-sidebar-navigation-title-typography-hover: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1129
+ --click-sidebar-navigation-title-typography-active: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1130
+ --click-sidebar-navigation-title-typography-disabled: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1131
+ --click-sidebar-navigation-subItem-default-space-left: 2.75rem;
1132
+ --click-sidebar-navigation-subItem-default-space-right: 0.75rem;
1133
+ --click-sidebar-navigation-subItem-default-space-y: 0.281rem;
1134
+ --click-sidebar-navigation-subItem-mobile-space-left: 2.75rem;
1135
+ --click-sidebar-navigation-subItem-mobile-space-right: 0.75rem;
1136
+ --click-sidebar-navigation-subItem-mobile-space-y: 0.75rem;
1137
+ --click-sidebar-navigation-subItem-mobile-space-gap: 0.75rem;
1138
+ --click-sidebar-navigation-subItem-mobile-typography-default: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1139
+ --click-sidebar-navigation-subItem-mobile-typography-hover: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1140
+ --click-sidebar-navigation-subItem-mobile-typography-active: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1141
+ --click-sidebar-navigation-subItem-radii-all: 0.25rem;
1142
+ --click-sidebar-navigation-subItem-typography-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1143
+ --click-sidebar-navigation-subItem-typography-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1144
+ --click-sidebar-navigation-subItem-typography-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1145
+ --click-sidebar-navigation-subItem-typography-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1146
+ --click-sidebar-navigation-dragControl-separator-size-height: 0.125rem;
1147
+ --click-sidebar-main-color-background-default: light-dark(#ffffff, #1F1F1C);
1148
+ --click-sidebar-main-color-text-default: light-dark(#161517, #ffffff);
1149
+ --click-sidebar-main-color-text-muted: light-dark(#696e79, #b3b6bd);
1150
+ --click-sidebar-main-color-stroke-default: light-dark(#e6e7e9, #323232);
1151
+ --click-sidebar-main-navigation-item-color-background-active: light-dark(#e6e7e9, lch(27.5 0 0 / 0.6));
1152
+ --click-sidebar-main-navigation-item-color-background-hover: light-dark(lch(91.6 1.1 266 / 0.6), lch(19.1 0 0));
1153
+ --click-sidebar-main-navigation-item-color-background-default: rgba(0,0,0,0);
1154
+ --click-sidebar-main-navigation-item-color-text-default: light-dark(#161517, #ffffff);
1155
+ --click-sidebar-main-navigation-item-color-text-hover: light-dark(#161517, #ffffff);
1156
+ --click-sidebar-main-navigation-item-color-text-active: light-dark(#161517, #ffffff);
1157
+ --click-sidebar-main-navigation-item-color-text-muted: light-dark(#696e79, #b3b6bd);
1158
+ --click-sidebar-main-navigation-item-color-text-disabled: light-dark(#a0a0a0, #808080);
1159
+ --click-sidebar-main-navigation-item-color-icon-default: light-dark(#696e79, #b3b6bd);
1160
+ --click-sidebar-main-navigation-item-color-icon-disabled: light-dark(#a0a0a0, #808080);
1161
+ --click-sidebar-main-navigation-title-color-default: light-dark(#696e79, #b3b6bd);
1162
+ --click-sidebar-main-navigation-title-color-hover: light-dark(#696e79, #b3b6bd);
1163
+ --click-sidebar-main-navigation-title-color-active: light-dark(#696e79, #b3b6bd);
1164
+ --click-sidebar-main-navigation-subItem-color-text-default: light-dark(#696e79, #b3b6bd);
1165
+ --click-sidebar-main-navigation-subItem-color-text-disabled: light-dark(#a0a0a0, #808080);
1166
+ --click-sidebar-main-navigation-subItem-color-text-hover: light-dark(#161517, #ffffff);
1167
+ --click-sidebar-main-navigation-subItem-color-text-active: light-dark(#161517, #ffffff);
1168
+ --click-sidebar-main-navigation-subItem-color-background-default: rgba(0,0,0,0);
1169
+ --click-sidebar-main-navigation-subItem-color-background-disabled: rgba(0,0,0,0);
1170
+ --click-sidebar-main-navigation-subItem-color-background-hover: light-dark(lch(91.6 1.1 266 / 0.6), lch(19.1 0 0));
1171
+ --click-sidebar-main-navigation-subItem-color-background-active: rgba(0,0,0,0);
1172
+ --click-sidebar-main-navigation-subItem-color-icon-default: #696e79;
1173
+ --click-sidebar-main-navigation-subItem-color-icon-disabled: #a0a0a0;
1174
+ --click-sidebar-main-navigation-dragControl-separator-color-default: light-dark(#161517, #FAFF69);
1175
+ --click-sidebar-sqlSidebar-color-background-default: light-dark(#f6f7fa, #282828);
1176
+ --click-sidebar-sqlSidebar-color-stroke-default: light-dark(#e6e7e9, #323232);
1177
+ --click-sidebar-sqlSidebar-navigation-item-color-background-active: light-dark(#e6e7e9, lch(27.5 0 0 / 0.6));
1178
+ --click-sidebar-sqlSidebar-navigation-item-color-background-hover: light-dark(lch(91.6 1.1 266 / 0.6), lch(19.1 0 0));
1179
+ --click-sidebar-sqlSidebar-navigation-item-color-background-default: rgba(0,0,0,0);
1180
+ --click-sidebar-sqlSidebar-navigation-item-color-text-default: light-dark(#161517, #ffffff);
1181
+ --click-sidebar-sqlSidebar-navigation-item-color-text-hover: light-dark(#161517, #ffffff);
1182
+ --click-sidebar-sqlSidebar-navigation-item-color-text-active: light-dark(#161517, #ffffff);
1183
+ --click-sidebar-sqlSidebar-navigation-item-color-text-muted: light-dark(#696e79, #b3b6bd);
1184
+ --click-sidebar-sqlSidebar-navigation-item-color-text-disabled: light-dark(#a0a0a0, #808080);
1185
+ --click-sidebar-sqlSidebar-navigation-item-color-icon-default: light-dark(#696e79, #b3b6bd);
1186
+ --click-sidebar-sqlSidebar-navigation-item-color-icon-disabled: light-dark(#a0a0a0, #808080);
1187
+ --click-sidebar-sqlSidebar-navigation-subItem-color-text-disabled: light-dark(#a0a0a0, #808080);
1188
+ --click-sidebar-sqlSidebar-navigation-subItem-color-text-default: light-dark(#696e79, #b3b6bd);
1189
+ --click-sidebar-sqlSidebar-navigation-subItem-color-text-hover: light-dark(#161517, #ffffff);
1190
+ --click-sidebar-sqlSidebar-navigation-subItem-color-text-active: light-dark(#161517, #ffffff);
1191
+ --click-sidebar-sqlSidebar-navigation-subItem-color-background-default: rgba(0,0,0,0);
1192
+ --click-sidebar-sqlSidebar-navigation-subItem-color-background-hover: light-dark(lch(91.6 1.1 266 / 0.6), lch(19.1 0 0));
1193
+ --click-sidebar-sqlSidebar-navigation-subItem-color-background-active: rgba(0,0,0,0);
1194
+ --click-sidebar-sqlSidebar-navigation-title-color-default: light-dark(#696e79, #b3b6bd);
1195
+ --click-sidebar-sqlSidebar-navigation-title-color-hover: light-dark(#696e79, #b3b6bd);
1196
+ --click-sidebar-sqlSidebar-navigation-title-color-active: light-dark(#696e79, #b3b6bd);
1197
+ --click-sidebar-sqlSidebar-navigation-dragControl-separator-color-default: light-dark(#161517, #FAFF69);
1198
+ --click-spacer-horizontal-space-y-xs: 0;
1199
+ --click-spacer-horizontal-space-y-sm: 0.25rem;
1200
+ --click-spacer-horizontal-space-y-md: 0.5rem;
1201
+ --click-spacer-horizontal-space-y-ml: 0.75rem;
1202
+ --click-spacer-horizontal-space-y-lg: 1rem;
1203
+ --click-spacer-horizontal-space-y-xl: 1.5rem;
1204
+ --click-spacer-horizontal-space-y-xxl: 2rem;
1205
+ --click-spacer-horizontal-space-x-all: 0;
1206
+ --click-stepper-vertical-numbered-connector-size-width: 0.188rem;
1207
+ --click-stepper-vertical-numbered-connector-stroke-default: 2px;
1208
+ --click-stepper-vertical-numbered-connector-color-stroke-incomplete: light-dark(#c0c0c0, #606060);
1209
+ --click-stepper-vertical-numbered-connector-color-stroke-complete: light-dark(#1F1F1C, #ffffff);
1210
+ --click-stepper-vertical-numbered-connector-color-stroke-active: light-dark(#c0c0c0, #606060);
1211
+ --click-stepper-vertical-numbered-typography-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1212
+ --click-stepper-vertical-numbered-step-typography-number-default: 700 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1213
+ --click-stepper-vertical-numbered-step-size-height: 1.5rem;
1214
+ --click-stepper-vertical-numbered-step-size-width: 1.5rem;
1215
+ --click-stepper-vertical-numbered-step-size-icon-height: 0.75rem;
1216
+ --click-stepper-vertical-numbered-step-size-icon-width: 0.75rem;
1217
+ --click-stepper-vertical-numbered-step-stroke-default: 2px;
1218
+ --click-stepper-vertical-numbered-step-radii-default: 9999px;
1219
+ --click-stepper-vertical-numbered-step-color-stroke-incomplete: light-dark(#c0c0c0, #606060);
1220
+ --click-stepper-vertical-numbered-step-color-stroke-complete: light-dark(#1F1F1C, #ffffff);
1221
+ --click-stepper-vertical-numbered-step-color-stroke-active: light-dark(#1F1F1C, #ffffff);
1222
+ --click-stepper-vertical-numbered-step-color-background-incomplete: light-dark(#ffffff, #1F1F1C);
1223
+ --click-stepper-vertical-numbered-step-color-background-complete: light-dark(#ffffff, #1F1F1C);
1224
+ --click-stepper-vertical-numbered-step-color-background-active: light-dark(#1F1F1C, #ffffff);
1225
+ --click-stepper-vertical-numbered-step-color-icon-incomplete: light-dark(#1F1F1C, #ffffff);
1226
+ --click-stepper-vertical-numbered-step-color-icon-complete: light-dark(#1F1F1C, #ffffff);
1227
+ --click-stepper-vertical-numbered-step-color-icon-active: light-dark(#ffffff, #1F1F1C);
1228
+ --click-stepper-vertical-numbered-content-space-gap-x: 1rem;
1229
+ --click-stepper-vertical-numbered-content-space-gap-y: 0.5rem;
1230
+ --click-stepper-vertical-numbered-content-space-left: 2.75rem;
1231
+ --click-stepper-vertical-numbered-content-space-bottom-default: 2.5rem;
1232
+ --click-stepper-vertical-numbered-content-space-bottom-active: 1.5rem;
1233
+ --click-stepper-vertical-numbered-color-title-incomplete: light-dark(#c0c0c0, #606060);
1234
+ --click-stepper-vertical-numbered-color-title-complete: light-dark(#696e79, #b3b6bd);
1235
+ --click-stepper-vertical-numbered-color-title-active: light-dark(#161517, #ffffff);
1236
+ --click-stepper-vertical-bulleted-connector-size-width: 0.188rem;
1237
+ --click-stepper-vertical-bulleted-connector-stroke-default: 2px;
1238
+ --click-stepper-vertical-bulleted-connector-color-stroke-incomplete: light-dark(#c0c0c0, #606060);
1239
+ --click-stepper-vertical-bulleted-connector-color-stroke-complete: light-dark(#1F1F1C, #ffffff);
1240
+ --click-stepper-vertical-bulleted-connector-color-stroke-active: light-dark(#c0c0c0, #606060);
1241
+ --click-stepper-vertical-bulleted-step-size-height: 1rem;
1242
+ --click-stepper-vertical-bulleted-step-size-width: 1rem;
1243
+ --click-stepper-vertical-bulleted-step-size-icon-height: 0.75rem;
1244
+ --click-stepper-vertical-bulleted-step-size-icon-width: 0.75rem;
1245
+ --click-stepper-vertical-bulleted-step-radii-default: 9999px;
1246
+ --click-stepper-vertical-bulleted-step-stroke-default: 2px;
1247
+ --click-stepper-vertical-bulleted-step-color-stroke-incomplete: light-dark(#c0c0c0, #606060);
1248
+ --click-stepper-vertical-bulleted-step-color-stroke-complete: light-dark(#1F1F1C, #ffffff);
1249
+ --click-stepper-vertical-bulleted-step-color-stroke-active: light-dark(#1F1F1C, #ffffff);
1250
+ --click-stepper-vertical-bulleted-step-color-background-incomplete: light-dark(#ffffff, #1F1F1C);
1251
+ --click-stepper-vertical-bulleted-step-color-background-complete: light-dark(#ffffff, #1F1F1C);
1252
+ --click-stepper-vertical-bulleted-step-color-background-active: #ffffff;
1253
+ --click-stepper-vertical-bulleted-step-color-icon-incomplete: light-dark(#ffffff, #1F1F1C);
1254
+ --click-stepper-vertical-bulleted-step-color-icon-complete: light-dark(#1F1F1C, #ffffff);
1255
+ --click-stepper-vertical-bulleted-step-color-icon-active: #ffffff;
1256
+ --click-stepper-vertical-bulleted-typography-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1257
+ --click-stepper-vertical-bulleted-content-space-gap-x: 1rem;
1258
+ --click-stepper-vertical-bulleted-content-space-gap-y: 0.5rem;
1259
+ --click-stepper-vertical-bulleted-content-space-left: 2.25rem;
1260
+ --click-stepper-vertical-bulleted-content-space-bottom-default: 2.5rem;
1261
+ --click-stepper-vertical-bulleted-content-space-bottom-active: 1.5rem;
1262
+ --click-stepper-vertical-bulleted-color-title-incomplete: light-dark(#c0c0c0, #606060);
1263
+ --click-stepper-vertical-bulleted-color-title-complete: light-dark(#696e79, #b3b6bd);
1264
+ --click-stepper-vertical-bulleted-color-title-active: light-dark(#161517, #ffffff);
1265
+ --click-switch-space-gap: 0.5rem;
1266
+ --click-switch-radii-all: 9999px;
1267
+ --click-switch-size-width: 2rem;
1268
+ --click-switch-size-height: 1rem;
1269
+ --click-switch-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1270
+ --click-switch-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1271
+ --click-switch-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1272
+ --click-switch-typography-label-disabled: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1273
+ --click-switch-color-background-default: light-dark(#cccfd3, #606060);
1274
+ --click-switch-color-background-active: light-dark(#151515, #FAFF69);
1275
+ --click-switch-color-background-disabled: light-dark(#dfdfdf, #414141);
1276
+ --click-switch-color-stroke-default: light-dark(#cccfd3, #606060);
1277
+ --click-switch-color-stroke-active: light-dark(#161517, #FAFF69);
1278
+ --click-switch-color-stroke-disabled: light-dark(#dfdfdf, #414141);
1279
+ --click-switch-color-indicator-default: light-dark(#ffffff, #151515);
1280
+ --click-switch-color-indicator-active: light-dark(#ffffff, #161517);
1281
+ --click-switch-color-indicator-disabled: light-dark(#a0a0a0, #606060);
1282
+ --click-table-header-title-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1283
+ --click-table-header-cell-space-md-y: 0.75rem;
1284
+ --click-table-header-cell-space-md-x: 1rem;
1285
+ --click-table-header-cell-space-sm-y: 0.5rem;
1286
+ --click-table-header-cell-space-sm-x: 1rem;
1287
+ --click-table-header-color-background-default: light-dark(#f6f7fa, #282828);
1288
+ --click-table-header-color-background-hover: light-dark(#f6f7fa, #282828);
1289
+ --click-table-header-color-background-active: light-dark(#E7EFFD, rgb(17.8% 17.8% 17.8%));
1290
+ --click-table-header-color-title-default: light-dark(#161517, rgb(97.5% 97.5% 97.5%));
1291
+ --click-table-header-color-icon-default: light-dark(#161517, #ffffff);
1292
+ --click-table-header-color-checkbox-background-default: #cccfd3;
1293
+ --click-table-header-color-checkbox-border-default: #808691;
1294
+ --click-table-cell-text-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1295
+ --click-table-cell-label-default: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1296
+ --click-table-cell-stroke: 1px;
1297
+ --click-table-radii-all: 0.25rem;
1298
+ --click-table-body-cell-space-md-y: 1rem;
1299
+ --click-table-body-cell-space-md-x: 1rem;
1300
+ --click-table-body-cell-space-sm-y: 0.5rem;
1301
+ --click-table-body-cell-space-sm-x: 1rem;
1302
+ --click-table-mobile-cell-space-y: 1rem;
1303
+ --click-table-mobile-cell-space-x: 1rem;
1304
+ --click-table-mobile-cell-space-gap: 0.5rem;
1305
+ --click-table-row-color-background-default: light-dark(#ffffff, #1F1F1C);
1306
+ --click-table-row-color-background-hover: light-dark(lch(94.1 7.78 264 / 0.2), lch(15.8 0 0));
1307
+ --click-table-row-color-background-active: light-dark(lch(94.1 7.78 264 / 0.2), rgb(17.5% 17.5% 17.5%));
1308
+ --click-table-row-color-stroke-default: light-dark(#e6e7e9, #323232);
1309
+ --click-table-row-color-text-default: light-dark(#161517, #ffffff);
1310
+ --click-table-row-color-text-disabled: light-dark(#a0a0a0, #808080);
1311
+ --click-table-row-color-link-default: light-dark(#437EEF, #FAFF69);
1312
+ --click-table-row-color-label-default: light-dark(#696e79, #b3b6bd);
1313
+ --click-table-row-color-barChart-default: light-dark(#dfdfdf, #414141);
1314
+ --click-table-row-color-barChart-hover: light-dark(#c0c0c0, #606060);
1315
+ --click-table-global-color-stroke-default: light-dark(#e6e7e9, #323232);
1316
+ --click-table-global-color-background-default: light-dark(#ffffff, #1F1F1C);
1317
+ --click-tabs-space-y: 0.5rem;
1318
+ --click-tabs-space-x: 0.75rem;
1319
+ --click-tabs-radii-all: 0.25rem;
1320
+ --click-tabs-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1321
+ --click-tabs-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1322
+ --click-tabs-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1323
+ --click-tabs-basic-strokeWidth-default: 1px;
1324
+ --click-tabs-basic-strokeWidth-hover: 1px;
1325
+ --click-tabs-basic-strokeWidth-active: 2px;
1326
+ --click-tabs-basic-strokeWidth-global: 1px;
1327
+ --click-tabs-basic-color-background-default: rgba(0,0,0,0);
1328
+ --click-tabs-basic-color-background-hover: light-dark(#f6f7fa, #282828);
1329
+ --click-tabs-basic-color-background-active: rgba(0,0,0,0);
1330
+ --click-tabs-basic-color-text-default: light-dark(#696e79, #b3b6bd);
1331
+ --click-tabs-basic-color-text-hover: light-dark(#161517, #ffffff);
1332
+ --click-tabs-basic-color-text-active: light-dark(#161517, #ffffff);
1333
+ --click-tabs-basic-color-stroke-default: rgba(0,0,0,0);
1334
+ --click-tabs-basic-color-stroke-hover: rgba(0,0,0,0);
1335
+ --click-tabs-basic-color-stroke-active: light-dark(#151515, #FAFF69);
1336
+ --click-tabs-basic-color-global-default: light-dark(#e6e7e9, #323232);
1337
+ --click-tabs-fileTabs-icon-size-height: 1rem;
1338
+ --click-tabs-fileTabs-icon-size-width: 1rem;
1339
+ --click-tabs-fileTabs-space-y: 1.063rem;
1340
+ --click-tabs-fileTabs-space-x: 1rem;
1341
+ --click-tabs-fileTabs-space-gap: 0.75rem;
1342
+ --click-tabs-fileTabs-typography-label-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1343
+ --click-tabs-fileTabs-typography-label-hover: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1344
+ --click-tabs-fileTabs-typography-label-active: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1345
+ --click-tabs-fileTabs-radii-all: 0;
1346
+ --click-tabs-fileTabs-color-background-default: light-dark(#f6f7fa, #1F1F1C);
1347
+ --click-tabs-fileTabs-color-background-hover: light-dark(#ffffff, #282828);
1348
+ --click-tabs-fileTabs-color-background-active: light-dark(#ffffff, #282828);
1349
+ --click-tabs-fileTabs-color-text-default: light-dark(#696e79, #b3b6bd);
1350
+ --click-tabs-fileTabs-color-text-hover: light-dark(#161517, #ffffff);
1351
+ --click-tabs-fileTabs-color-text-active: light-dark(#161517, #ffffff);
1352
+ --click-tabs-fileTabs-color-stroke-default: light-dark(#e6e7e9, #323232);
1353
+ --click-tabs-fileTabs-color-stroke-hover: light-dark(#e6e7e9, #323232);
1354
+ --click-tabs-fileTabs-color-stroke-active: light-dark(#e6e7e9, #323232);
1355
+ --click-tabs-fileTabs-color-closeButton-background-default: rgba(0,0,0,0);
1356
+ --click-tabs-fileTabs-color-closeButton-background-hover: light-dark(#e6e7e9, #414141);
1357
+ --click-toast-icon-size-height: 1rem;
1358
+ --click-toast-icon-size-width: 1rem;
1359
+ --click-toast-space-title-gap: 0.5rem;
1360
+ --click-toast-space-y: 0.75rem;
1361
+ --click-toast-space-x: 0.75rem;
1362
+ --click-toast-space-gap: 0.5rem;
1363
+ --click-toast-radii-all: 0.25rem;
1364
+ --click-toast-shadow: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
1365
+ --click-toast-typography-title-default: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1366
+ --click-toast-typography-description-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1367
+ --click-toast-size-width: 20.75rem;
1368
+ --click-toast-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
1369
+ --click-toast-color-description-default: light-dark(#696e79, #b3b6bd);
1370
+ --click-toast-color-stroke-default: light-dark(#e6e7e9, #414141);
1371
+ --click-toast-color-icon-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
1372
+ --click-toast-color-icon-success: light-dark(#008A0B, #CCFFD0);
1373
+ --click-toast-color-icon-warning: light-dark(#A33C00, #FFB88F);
1374
+ --click-toast-color-icon-danger: light-dark(#c10000, #ffbaba);
1375
+ --click-tooltip-radii-all: 0.25rem;
1376
+ --click-tooltip-space-x: 0.75rem;
1377
+ --click-tooltip-space-y: 0.5rem;
1378
+ --click-tooltip-typography-label-default: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1379
+ --click-tooltip-color-background-default: light-dark(lch(10.8 0 0 / 0.85), lch(16.1 0 0 / 0.95));
1380
+ --click-tooltip-color-label-default: #ffffff;
1381
+ --click-dashboards-chartWidget-space-gap: 1rem;
1382
+ --click-dashboards-chartWidget-space-element-gap: 0.5rem;
1383
+ --click-dashboards-chartWidget-borderWidth-default: 1px;
1384
+ --click-dashboards-chartWidget-stroke-default: 1px solid #e6e7e9;
1385
+ --click-dashboards-chartWidget-stroke-element-default: 1px solid #e6e7e9;
1386
+ --click-dashboards-chartWidget-stroke-hover: 1px solid #b3b6bd;
1387
+ --click-dashboards-chartWidget-stroke-selected: 1px solid #151515;
1388
+ --click-dashboards-chartWidget-element-radii-all: 0.25rem;
1389
+ --click-dashboards-chartWidget-radii-all: 0.25rem;
1390
+ --click-dashboards-chartWidget-typography-title-default: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1391
+ --click-dashboards-chartWidget-typography-description-default-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1392
+ --click-dashboards-chartWidget-typography-label-default-default: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1393
+ --click-dashboards-chartWidget-shadow-default: 0;
1394
+ --click-dashboards-chartWidget-shadow-hover: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
1395
+ --click-dashboards-chartWidget-size-icon-all-drag: 1.25rem;
1396
+ --click-dashboards-chartWidget-size-icon-all-menu: 1.5rem;
1397
+ --click-dashboards-chartWidget-size-icon-all-resize: 0.75rem;
1398
+ --click-dashboards-chartWidget-color-stroke-default: light-dark(#e6e7e9, #323232);
1399
+ --click-dashboards-chartWidget-color-stroke-hover: light-dark(#b3b6bd, #414141);
1400
+ --click-dashboards-chartWidget-color-stroke-selected: light-dark(#151515, #FAFF69);
1401
+ --click-dashboards-chartWidget-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
1402
+ --click-dashboards-chartWidget-color-description-default: light-dark(#696e79, #b3b6bd);
1403
+ --click-dashboards-chartWidget-color-legend-default: light-dark(#696e79, #b3b6bd);
1404
+ --click-dashboards-chartWidget-color-legend-hover: light-dark(#696e79, #b3b6bd);
1405
+ --click-dashboards-chartWidget-color-legend-selected: light-dark(#161517, #ffffff);
1406
+ --click-dashboards-chartWidget-color-element-stroke-default: light-dark(#e6e7e9, #323232);
1407
+ --click-dashboards-chartWidget-color-background-default: light-dark(#ffffff, #282828);
1408
+ --click-dashboards-chartWidget-color-background-hover: light-dark(#ffffff, #282828);
1409
+ --click-dashboards-chartWidget-color-background-selected: light-dark(#ffffff, #282828);
1410
+ --click-dashboards-chartWidget-color-icon-default: light-dark(#161517, #ffffff);
1411
+ --click-dashboards-chartWidget-color-icon-hover: light-dark(#161517, #ffffff);
1412
+ --click-dashboards-chartWidget-color-icon-selected: light-dark(#151515, #FAFF69);
1413
+ --click-dashboards-chartWidget-color-opacity-bar-default: 0.2;
1414
+ --click-dashboards-chartWidget-color-opacity-bar-hover: 0.5;
1415
+ --click-dashboards-chartWidget-color-label-default: light-dark(#696e79, #b3b6bd);
1416
+ --click-dashboards-chartWidget-color-label-hover: light-dark(#696e79, #b3b6bd);
1417
+ --click-dashboards-chartWidget-color-label-selected: light-dark(#696e79, #b3b6bd);
1418
+ --click-global-color-background-default: light-dark(#ffffff, #1F1F1C);
1419
+ --click-global-color-background-muted: light-dark(#f6f7fa, #282828);
1420
+ --click-global-color-text-default: light-dark(#161517, #ffffff);
1421
+ --click-global-color-text-muted: light-dark(#696e79, #b3b6bd);
1422
+ --click-global-color-text-disabled: light-dark(#a0a0a0, #808080);
1423
+ --click-global-color-text-link-default: light-dark(#437EEF, #FAFF69);
1424
+ --click-global-color-text-link-hover: light-dark(#104EC6, #FEFFC2);
1425
+ --click-global-color-text-danger: light-dark(#c10000, #ffbaba);
1426
+ --click-global-color-stroke-default: light-dark(#e6e7e9, #323232);
1427
+ --click-global-color-stroke-muted: light-dark(lch(91.6 1.1 266), lch(20.8 0 0));
1428
+ --click-global-color-stroke-intense: light-dark(#b3b6bd, #414141);
1429
+ --click-global-color-accent-default: light-dark(#151515, #FAFF69);
1430
+ --click-global-color-outline-default: light-dark(#437EEF, #FAFF69);
1431
+ --click-global-color-shadow-default: light-dark(lch(6.77 0 0 / 0.15), rgb(8.24% 8.24% 8.24% / 0.6));
1432
+ --click-global-color-title-default: light-dark(lch(11.1 1.37 305), rgb(97.5% 97.5% 97.5%));
1433
+ --click-global-color-title-muted: light-dark(#696e79, #b3b6bd);
1434
+ --click-feedback-color-info-background: light-dark(rgb(26.3% 49.4% 93.7% / 0.1), rgb(26.3% 49.4% 93.7% / 0.2));
1435
+ --click-feedback-color-info-foreground: light-dark(#437EEF, #D0DFFB);
1436
+ --click-feedback-color-success-background: light-dark(rgb(20% 100% 26.7% / 0.1), rgb(20% 100% 26.7% / 0.2));
1437
+ --click-feedback-color-success-foreground: light-dark(#008A0B, #CCFFD0);
1438
+ --click-feedback-color-warning-background: light-dark(rgb(100% 46.7% 16.1% / 0.1), rgb(100% 46.7% 16.1% / 0.2));
1439
+ --click-feedback-color-warning-foreground: light-dark(#A33C00, #FFB88F);
1440
+ --click-feedback-color-danger-background: light-dark(rgb(100% 13.7% 13.7% / 0.1), rgb(100% 13.7% 13.7% / 0.2));
1441
+ --click-feedback-color-danger-foreground: light-dark(#c10000, #ffbaba);
1442
+ --click-feedback-color-neutral-background: light-dark(rgb(41.2% 43.1% 47.5% / 0.1), rgb(62.7% 62.7% 62.7% / 0.2));
1443
+ --click-feedback-color-neutral-foreground: light-dark(#53575f, #c0c0c0);
1444
+ --click-feedback-color-neutral-stroke: light-dark(#e6e7e9, #323232);
1445
+ --click-storybook-global-background: light-dark(#ffffff, rgb(27,28,29));
1446
+ --click-chart-bars-color-blue: #437EEF;
1447
+ --click-chart-bars-color-orange: #FF7729;
1448
+ --click-chart-bars-color-green: light-dark(#00E513, #33FF44);
1449
+ --click-chart-bars-color-fuchsia: light-dark(#FB32C9, #FB64D6);
1450
+ --click-chart-bars-color-yellow: #eef400;
1451
+ --click-chart-bars-color-violet: #BB33FF;
1452
+ --click-chart-bars-color-babyblue: #00CBEB;
1453
+ --click-chart-bars-color-red: #ff2323;
1454
+ --click-chart-bars-color-teal: light-dark(#089B83, #6DF8E1);
1455
+ --click-chart-bars-color-sunrise: #FFC300;
1456
+ --click-chart-bars-color-slate: #9a9ea7;
1457
+ --click-chart-color-default-blue: #437EEF;
1458
+ --click-chart-color-default-orange: #FF7729;
1459
+ --click-chart-color-default-green: light-dark(#00E513, #33FF44);
1460
+ --click-chart-color-default-fuchsia: light-dark(#FB32C9, #FB64D6);
1461
+ --click-chart-color-default-yellow: #eef400;
1462
+ --click-chart-color-default-violet: #BB33FF;
1463
+ --click-chart-color-default-babyblue: #00CBEB;
1464
+ --click-chart-color-default-red: #ff2323;
1465
+ --click-chart-color-default-teal: light-dark(#089B83, #6DF8E1);
1466
+ --click-chart-color-default-sunrise: #FFC300;
1467
+ --click-chart-color-default-slate: #9a9ea7;
1468
+ --click-chart-color-label-default: light-dark(#161517, #ffffff);
1469
+ --click-chart-color-label-deselected: light-dark(lch(6.94 1.44 305 / 0.3), lch(100 0 0 / 0.3));
1470
+ --click-serviceCard-color-background-default: light-dark(#FBFCFF, rgb(17.8% 17.8% 17.8%));
1471
+ --click-serviceCard-color-background-hover: light-dark(#FBFCFF, lch(19.1 0 0));
1472
+ --click-serviceCard-color-stroke-default: light-dark(#e6e7e9, rgb(23.6% 23.6% 23.6%));
1473
+ --click-serviceCard-color-stroke-hover: light-dark(#cccfd3, rgb(27.4% 27.4% 27.4%));
1474
+ --transition-default: all 100ms ease-in 0ms;
1475
+ --transition-duration-slow: 300ms;
1476
+ --transition-duration-smooth: 150ms;
1477
+ --transition-duration-medium: 100ms;
1478
+ --transition-duration-fast: 50ms;
1479
+ --transition-delay-slow: 100ms;
1480
+ --transition-delay-fast: 0ms;
1481
+ --transition-function-ease: ease;
1482
+ --transition-function-ease-in: ease-in;
1483
+ --transition-function-ease-in-out: ease-in-out;
1484
+ --transition-function-linear: linear;
1485
+ --grid-header-cell-borderWidth-default: 1px;
1486
+ --grid-header-cell-borderWidth-selectIndirect: 1px;
1487
+ --grid-header-cell-borderWidth-selectDirect: 1px;
1488
+ --grid-body-cell-borderWidth-default: 1px;
1489
+ --grid-body-cell-borderWidth-selectIndirect: 1px;
1490
+ --grid-body-cell-borderWidth-selectDirect: 2px;
1491
+ --global-color-background-default: light-dark(#ffffff, #1F1F1C);
1492
+ --global-color-background-muted: light-dark(#f6f7fa, #282828);
1493
+ --global-color-background-sidebar: light-dark(#ffffff, #1F1F1C);
1494
+ --global-color-background-split: light-dark(#f6f7fa, #282828);
1495
+ --global-color-background-muted_a: lch(49.8 30.5 277 / 0.06);
1496
+ --global-color-text-default: light-dark(#161517, #ffffff);
1497
+ --global-color-text-muted: light-dark(#696e79, #b3b6bd);
1498
+ --global-color-text-disabled: light-dark(#a0a0a0, #808080);
1499
+ --global-color-text-link-default: light-dark(#437EEF, #FAFF69);
1500
+ --global-color-text-link-hover: light-dark(#104EC6, #FEFFC2);
1501
+ --global-color-stroke-default: light-dark(#e6e7e9, #323232);
1502
+ --global-color-stroke-muted: light-dark(#e6e7e9, #323232);
1503
+ --global-color-stroke-intense: light-dark(#b3b6bd, #414141);
1504
+ --global-color-stroke-split: light-dark(#e6e7e9, #414141);
1505
+ --global-color-accent-default: light-dark(#151515, #FAFF69);
1506
+ --global-color-outline-default: light-dark(#437EEF, #FAFF69);
1507
+ --global-color-shadow-default: light-dark(lch(6.77 0 0 / 0.15), lch(6.77 0 0 / 0.6));
1508
+ --global-color-feedback-info-background: light-dark(#E7EFFD, #0D3E9B);
1509
+ --global-color-feedback-info-foreground: light-dark(#437EEF, #D0DFFB);
1510
+ --global-color-feedback-success-background: light-dark(#E5FFE8, #004206);
1511
+ --global-color-feedback-success-foreground: light-dark(#008A0B, #CCFFD0);
1512
+ --global-color-feedback-warning-background: light-dark(#FFE2D1, #7A2D00);
1513
+ --global-color-feedback-warning-foreground: light-dark(#A33C00, #FFB88F);
1514
+ --global-color-feedback-danger-background: light-dark(#ffdddd, #610000);
1515
+ --global-color-feedback-danger-foreground: light-dark(#c10000, #ffbaba);
1516
+ --global-color-feedback-neutral-background: light-dark(#f6f7fa, #414141);
1517
+ --global-color-feedback-neutral-foreground: light-dark(#53575f, #f9f9f9);
1518
+ --global-color-feedback-neutral-stroke: light-dark(#e6e7e9, #323232);
1519
+ --global-color-chart-bars-blue: #437EEF;
1520
+ --global-color-chart-bars-orange: #FF7729;
1521
+ --global-color-chart-bars-green: light-dark(#00E513, #33FF44);
1522
+ --global-color-chart-bars-fuchsia: light-dark(#FB32C9, #FB64D6);
1523
+ --global-color-chart-bars-yellow: #eef400;
1524
+ --global-color-chart-bars-violet: #BB33FF;
1525
+ --global-color-chart-bars-babyblue: #00CBEB;
1526
+ --global-color-chart-bars-red: #ff2323;
1527
+ --global-color-chart-bars-teal: light-dark(#089B83, #6DF8E1);
1528
+ --global-color-chart-bars-sunrise: #FFC300;
1529
+ --global-color-chart-bars-slate: #9a9ea7;
1530
+ --global-color-chart-default-blue: #437EEF;
1531
+ --global-color-chart-default-orange: #FF7729;
1532
+ --global-color-chart-default-green: light-dark(#00E513, #33FF44);
1533
+ --global-color-chart-default-fuchsia: light-dark(#FB32C9, #FB64D6);
1534
+ --global-color-chart-default-yellow: #eef400;
1535
+ --global-color-chart-default-violet: #BB33FF;
1536
+ --global-color-chart-default-babyblue: #00CBEB;
1537
+ --global-color-chart-default-red: #ff2323;
1538
+ --global-color-chart-default-danger: #ff2323;
1539
+ --global-color-chart-default-teal: light-dark(#089B83, #6DF8E1);
1540
+ --global-color-chart-default-sunrise: #FFC300;
1541
+ --global-color-chart-default-slate: #9a9ea7;
1542
+ --global-color-chart-label-default: light-dark(#161517, #ffffff);
1543
+ --global-color-chart-label-deselected: light-dark(lch(6.94 1.44 305 / 0.3), lch(100 0 0 / 0.3));
1544
+ --global-color-iconButton-badge-foreground: light-dark(#437EEF, #1d1d1d);
1545
+ --global-color-iconButton-badge-background: light-dark(#E7EFFD, #FAFF69);
1546
+ --global-color-icon-background: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);;
1547
+ --global-color-gradients-yellowToBlack: linear-gradient(132deg, #faff69 8%, #292929 30%);
1548
+ --global-color-gradients-whiteToBlack: linear-gradient(132deg, #ffffff 8%, #292929 30%);
1549
+ --palette-brand-50: #ffffe8;
1550
+ --palette-brand-100: #FEFFC2;
1551
+ --palette-brand-200: #fdffa3;
1552
+ --palette-brand-300: #FAFF69;
1553
+ --palette-brand-400: #eef400;
1554
+ --palette-brand-500: #C7CC00;
1555
+ --palette-brand-600: #959900;
1556
+ --palette-brand-700: #686B00;
1557
+ --palette-brand-800: #3C4601;
1558
+ --palette-brand-900: #333300;
1559
+ --palette-brand-base: #fbff46;
1560
+ --palette-neutral-0: #ffffff;
1561
+ --palette-neutral-100: #f9f9f9;
1562
+ --palette-neutral-200: #dfdfdf;
1563
+ --palette-neutral-300: #c0c0c0;
1564
+ --palette-neutral-400: #a0a0a0;
1565
+ --palette-neutral-500: #808080;
1566
+ --palette-neutral-600: #606060;
1567
+ --palette-neutral-650: #505050;
1568
+ --palette-neutral-700: #414141;
1569
+ --palette-neutral-712: #323232;
1570
+ --palette-neutral-725: #282828;
1571
+ --palette-neutral-750: #1F1F1C;
1572
+ --palette-neutral-800: #1d1d1d;
1573
+ --palette-neutral-900: #151515;
1574
+ --palette-neutral-base: #212121;
1575
+ --palette-slate-25: #FBFCFF;
1576
+ --palette-slate-50: #f6f7fa;
1577
+ --palette-slate-100: #e6e7e9;
1578
+ --palette-slate-200: #cccfd3;
1579
+ --palette-slate-300: #b3b6bd;
1580
+ --palette-slate-400: #9a9ea7;
1581
+ --palette-slate-500: #808691;
1582
+ --palette-slate-600: #696e79;
1583
+ --palette-slate-700: #53575f;
1584
+ --palette-slate-800: #302e32;
1585
+ --palette-slate-900: #161517;
1586
+ --palette-slate-base: #373439;
1587
+ --palette-slate-50a: lch(49.8 30.5 277 / 0.06);
1588
+ --palette-indigo-50: #f4f1fc;
1589
+ --palette-indigo-100: #e4e2e9;
1590
+ --palette-indigo-200: #c8c5d3;
1591
+ --palette-indigo-300: #ada8bd;
1592
+ --palette-indigo-400: #918ba7;
1593
+ --palette-indigo-500: #766e91;
1594
+ --palette-indigo-600: #5e5874;
1595
+ --palette-indigo-700: #474257;
1596
+ --palette-indigo-800: #23212c;
1597
+ --palette-indigo-900: #18161d;
1598
+ --palette-indigo-base: #2f2c3a;
1599
+ --palette-info-50: #E7EFFD;
1600
+ --palette-info-100: #D0DFFB;
1601
+ --palette-info-200: #A1BEF7;
1602
+ --palette-info-300: #6D9BF3;
1603
+ --palette-info-400: #437EEF;
1604
+ --palette-info-500: #1D64EC;
1605
+ --palette-info-600: #104EC6;
1606
+ --palette-info-650: #0D3E9B;
1607
+ --palette-info-700: #0D3E9B;
1608
+ --palette-info-800: #092B6C;
1609
+ --palette-info-900: #061C47;
1610
+ --palette-info-base: #4781f0;
1611
+ --palette-success-50: #E5FFE8;
1612
+ --palette-success-100: #CCFFD0;
1613
+ --palette-success-200: #99FFA1;
1614
+ --palette-success-300: #66FF73;
1615
+ --palette-success-400: #33FF44;
1616
+ --palette-success-500: #00E513;
1617
+ --palette-success-600: #00BD10;
1618
+ --palette-success-700: #008A0B;
1619
+ --palette-success-800: #006108;
1620
+ --palette-success-850: #004206;
1621
+ --palette-success-900: #004206;
1622
+ --palette-success-base: #62de85;
1623
+ --palette-warning-50: #FFE2D1;
1624
+ --palette-warning-100: #FFCBAD;
1625
+ --palette-warning-200: #FFB88F;
1626
+ --palette-warning-300: #FF9457;
1627
+ --palette-warning-400: #FF7729;
1628
+ --palette-warning-500: #F55A00;
1629
+ --palette-warning-600: #D64F00;
1630
+ --palette-warning-700: #A33C00;
1631
+ --palette-warning-800: #7A2D00;
1632
+ --palette-warning-900: #471A00;
1633
+ --palette-warning-base: #ffa63d;
1634
+ --palette-danger-50: #ffdddd;
1635
+ --palette-danger-100: #ffbaba;
1636
+ --palette-danger-200: #ff9898;
1637
+ --palette-danger-300: #ff7575;
1638
+ --palette-danger-400: #ff2323;
1639
+ --palette-danger-500: #f10000;
1640
+ --palette-danger-600: #c10000;
1641
+ --palette-danger-700: #910000;
1642
+ --palette-danger-800: #610000;
1643
+ --palette-danger-900: #300000;
1644
+ --palette-danger-base: #FF5353;
1645
+ --palette-gradients-base: linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%);
1646
+ --palette-gradients-yellowToblack: linear-gradient(132deg, #FAFF69 8%, #292929 30%);;
1647
+ --palette-gradients-whiteToblack: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);;
1648
+ --palette-gradients-transparent: rgba(0,0,0,0);
1649
+ --palette-utility-transparent: rgba(0,0,0,0);
1650
+ --palette-teal-50: #E6FEFA;
1651
+ --palette-teal-100: #CFFCF4;
1652
+ --palette-teal-200: #A3FAEC;
1653
+ --palette-teal-300: #6DF8E1;
1654
+ --palette-teal-400: #0CEDC8;
1655
+ --palette-teal-500: #0BD0AF;
1656
+ --palette-teal-600: #089B83;
1657
+ --palette-teal-700: #067462;
1658
+ --palette-teal-800: #045245;
1659
+ --palette-teal-850: #004237;
1660
+ --palette-teal-900: #03352D;
1661
+ --palette-violet-50: #F6E5FF;
1662
+ --palette-violet-100: #EECCFF;
1663
+ --palette-violet-200: #DD99FF;
1664
+ --palette-violet-300: #CC66FF;
1665
+ --palette-violet-400: #BB33FF;
1666
+ --palette-violet-500: #AA00FF;
1667
+ --palette-violet-600: #8800CC;
1668
+ --palette-violet-700: #660099;
1669
+ --palette-violet-800: #440066;
1670
+ --palette-violet-850: #33004D;
1671
+ --palette-violet-900: #220033;
1672
+ --palette-fuchsia-50: #FBEFF8;
1673
+ --palette-fuchsia-100: #FBC9EF;
1674
+ --palette-fuchsia-200: #FB97E2;
1675
+ --palette-fuchsia-300: #FB64D6;
1676
+ --palette-fuchsia-400: #FB32C9;
1677
+ --palette-fuchsia-500: #FB00BC;
1678
+ --palette-fuchsia-600: #CC0099;
1679
+ --palette-fuchsia-700: #990073;
1680
+ --palette-fuchsia-800: #66004D;
1681
+ --palette-fuchsia-850: #4D0039;
1682
+ --palette-fuchsia-900: #330026;
1683
+ --palette-sunrise-50: #FFF3CC;
1684
+ --palette-sunrise-100: #FFE799;
1685
+ --palette-sunrise-200: #FFDB66;
1686
+ --palette-sunrise-300: #FFCF33;
1687
+ --palette-sunrise-400: #FFC300;
1688
+ --palette-sunrise-500: #E0AC00;
1689
+ --palette-sunrise-600: #B28800;
1690
+ --palette-sunrise-700: #8A6900;
1691
+ --palette-sunrise-800: #574200;
1692
+ --palette-sunrise-900: #332700;
1693
+ --palette-babyblue-50: #DBFAFF;
1694
+ --palette-babyblue-100: #BDF6FF;
1695
+ --palette-babyblue-200: #8AEFFF;
1696
+ --palette-babyblue-300: #33E4FF;
1697
+ --palette-babyblue-400: #00CBEB;
1698
+ --palette-babyblue-500: #00B5D1;
1699
+ --palette-babyblue-600: #008599;
1700
+ --palette-babyblue-700: #006170;
1701
+ --palette-babyblue-800: #00424D;
1702
+ --palette-babyblue-900: #002C33;
1703
+ --sizes-0: 0;
1704
+ --sizes-1: 1px;
1705
+ --sizes-2: 0.25rem;
1706
+ --sizes-3: 0.5rem;
1707
+ --sizes-4: 0.75rem;
1708
+ --sizes-5: 1rem;
1709
+ --sizes-6: 1.25rem;
1710
+ --sizes-7: 1.5rem;
1711
+ --sizes-8: 1.75rem;
1712
+ --sizes-9: 2rem;
1713
+ --sizes-10: 2.5rem;
1714
+ --sizes-11: 4rem;
1715
+ --typography-font-families-regular: "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1716
+ --typography-font-families-mono: "Inconsolata", Consolas, '"SFMono Regular"', monospace;
1717
+ --typography-font-families-display: 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1718
+ --typography-font-weights-1: 400;
1719
+ --typography-font-weights-2: 500;
1720
+ --typography-font-weights-3: 600;
1721
+ --typography-font-weights-4: 700;
1722
+ --typography-font-sizes-0: 0.625rem;
1723
+ --typography-font-sizes-1: 0.75rem;
1724
+ --typography-font-sizes-2: 0.875rem;
1725
+ --typography-font-sizes-3: 1rem;
1726
+ --typography-font-sizes-4: 1.125rem;
1727
+ --typography-font-sizes-5: 1.25rem;
1728
+ --typography-font-sizes-6: 2rem;
1729
+ --typography-font-sizes-base: 16px;
1730
+ --typography-font-line-height-1: 1.5;
1731
+ --typography-font-line-height-2: 1.6;
1732
+ --typography-font-line-height-3: 1.7;
1733
+ --typography-font-line-height-4: 1.3;
1734
+ --typography-styles-product-titles-xs: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1735
+ --typography-styles-product-titles-sm: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1736
+ --typography-styles-product-titles-md: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1737
+ --typography-styles-product-titles-lg: 700 1.125rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1738
+ --typography-styles-product-titles-xl: 700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1739
+ --typography-styles-product-titles-2xl: 600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1740
+ --typography-styles-product-text-normal-xs: 400 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1741
+ --typography-styles-product-text-normal-sm: 400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1742
+ --typography-styles-product-text-normal-md: 400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1743
+ --typography-styles-product-text-normal-lg: 400 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1744
+ --typography-styles-product-text-medium-xs: 500 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1745
+ --typography-styles-product-text-medium-sm: 500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1746
+ --typography-styles-product-text-medium-md: 500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1747
+ --typography-styles-product-text-medium-lg: 500 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1748
+ --typography-styles-product-text-semibold-xs: 600 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1749
+ --typography-styles-product-text-semibold-sm: 600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1750
+ --typography-styles-product-text-semibold-md: 600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1751
+ --typography-styles-product-text-semibold-lg: 600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1752
+ --typography-styles-product-text-mono-xs: 500 0.625rem/1.6 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
1753
+ --typography-styles-product-text-mono-sm: 500 0.75rem/1.6 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
1754
+ --typography-styles-product-text-mono-md: 500 0.875rem/1.7 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
1755
+ --typography-styles-product-text-mono-lg: 500 1rem/1.6 "Inconsolata", Consolas, '"SFMono Regular"', monospace;
1756
+ --typography-styles-product-text-bold-xs: 700 0.625rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1757
+ --typography-styles-product-text-bold-sm: 700 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1758
+ --typography-styles-product-text-bold-md: 700 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1759
+ --typography-styles-product-text-bold-lg: 700 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1760
+ --typography-styles-brand-titles-xs: 600 20px/1.5 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1761
+ --typography-styles-brand-titles-sm: 600 24px/1.5 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1762
+ --typography-styles-brand-titles-md: 600 36px/1.3 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1763
+ --typography-styles-brand-titles-lg: 600 56px/1.3 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1764
+ --typography-styles-brand-titles-xl: 700 64px/1.3 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1765
+ --typography-styles-brand-titles-2xl: 700 80px/1.3 'Basier Square', "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1766
+ --typography-styles-field-md: 400 0.875rem/1.6 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;;
1767
+ --border-radii-0: 0;
1768
+ --border-radii-1: 0.25rem;
1769
+ --border-radii-2: 0.5rem;
1770
+ --border-radii-3: 0.75rem;
1771
+ --border-radii-full: 9999px;
1772
+ --border-width-1: 1px;
1773
+ --border-width-2: 2px;
1774
+ --spaces-0: 0;
1775
+ --spaces-1: 0.25rem;
1776
+ --spaces-2: 0.5rem;
1777
+ --spaces-3: 0.75rem;
1778
+ --spaces-4: 1rem;
1779
+ --spaces-5: 1.5rem;
1780
+ --spaces-6: 2rem;
1781
+ --spaces-7: 2.5rem;
1782
+ --spaces-8: 4rem;
1783
+ --shadow-1: 0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15);
1784
+ --shadow-2: 0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1);
1785
+ --shadow-3: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
1786
+ --shadow-4: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
1787
+ --shadow-5: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
1788
+ --breakpoint-sizes-sm: 640px;
1789
+ --breakpoint-sizes-md: 768px;
1790
+ --breakpoint-sizes-lg: 1024px;
1791
+ --breakpoint-sizes-xl: 1280px;
1792
+ --breakpoint-sizes-2xl: 1536px;
1793
+ }
1794
+
1795
+ /* Light theme non-color overrides */
1796
+ :root[data-theme="light"] {
1797
+ --click-card-promotion-color-stroke-default: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
1798
+ --click-card-promotion-color-stroke-hover: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
1799
+ --click-card-promotion-color-stroke-active: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
1800
+ --global-color-icon-background: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);;
1801
+ }
1802
+
1803
+ /* Dark theme non-color overrides */
1804
+ :root[data-theme="dark"] {
1805
+ --click-card-promotion-color-stroke-default: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
1806
+ --click-card-promotion-color-stroke-hover: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
1807
+ --click-card-promotion-color-stroke-active: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
1808
+ --global-color-icon-background: linear-gradient(132deg, #FAFF69 8%, #292929 30%);;
1809
+ }