@unizap/uniui 1.0.6 → 1.0.7

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 (141) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +3 -2
  2. package/dist/components/Accordion/Accordion.types.d.ts +13 -12
  3. package/dist/components/Accordion/index.d.ts +1 -1
  4. package/dist/components/ActionMenu/ActionMenu.d.ts +2 -1
  5. package/dist/components/ActionMenu/ActionMenu.types.d.ts +14 -13
  6. package/dist/components/ActionMenu/index.d.ts +1 -1
  7. package/dist/components/Alert/Alert.d.ts +3 -2
  8. package/dist/components/Alert/Alert.types.d.ts +8 -8
  9. package/dist/components/Alert/index.d.ts +1 -1
  10. package/dist/components/{SearchBar/SearchBar.d.ts → Autocomplete/Autocomplete.d.ts} +4 -3
  11. package/dist/components/{SearchBar/SearchBar.types.d.ts → Autocomplete/Autocomplete.types.d.ts} +24 -24
  12. package/dist/components/Autocomplete/index.d.ts +1 -0
  13. package/dist/components/Avatar/Avatar.d.ts +3 -2
  14. package/dist/components/Avatar/Avatar.types.d.ts +10 -9
  15. package/dist/components/Avatar/index.d.ts +1 -1
  16. package/dist/components/Badge/Badge.d.ts +3 -2
  17. package/dist/components/Badge/Badge.types.d.ts +9 -8
  18. package/dist/components/Badge/index.d.ts +1 -1
  19. package/dist/components/BottomNavigation/BottomNavigation.d.ts +3 -2
  20. package/dist/components/BottomNavigation/BottomNavigation.types.d.ts +14 -14
  21. package/dist/components/BottomNavigation/index.d.ts +1 -1
  22. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +3 -2
  23. package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +9 -9
  24. package/dist/components/Breadcrumbs/index.d.ts +1 -1
  25. package/dist/components/Button/Button.d.ts +3 -2
  26. package/dist/components/Button/Button.types.d.ts +17 -16
  27. package/dist/components/Button/index.d.ts +1 -1
  28. package/dist/components/Card/Card.d.ts +3 -2
  29. package/dist/components/Card/Card.types.d.ts +17 -16
  30. package/dist/components/Card/index.d.ts +1 -1
  31. package/dist/components/CardWrapper/CardWrapper.d.ts +8 -7
  32. package/dist/components/CardWrapper/CardWrapper.types.d.ts +1 -1
  33. package/dist/components/CardWrapper/index.d.ts +1 -1
  34. package/dist/components/Carousel/Carousel.d.ts +3 -2
  35. package/dist/components/Carousel/Carousel.types.d.ts +21 -21
  36. package/dist/components/Carousel/index.d.ts +1 -1
  37. package/dist/components/Checkbox/Checkbox.d.ts +3 -2
  38. package/dist/components/Checkbox/Checkbox.types.d.ts +9 -9
  39. package/dist/components/Checkbox/index.d.ts +1 -1
  40. package/dist/components/DashboardStatBoxes/DashboardStatBoxes.d.ts +3 -2
  41. package/dist/components/DashboardStatBoxes/DashboardStatBoxes.types.d.ts +12 -12
  42. package/dist/components/DashboardStatBoxes/index.d.ts +1 -1
  43. package/dist/components/DatePicker/DatePicker.d.ts +3 -2
  44. package/dist/components/DatePicker/DatePicker.types.d.ts +16 -16
  45. package/dist/components/DatePicker/index.d.ts +1 -1
  46. package/dist/components/Dialog/Dialog.d.ts +3 -2
  47. package/dist/components/Dialog/Dialog.types.d.ts +17 -16
  48. package/dist/components/Dialog/index.d.ts +1 -1
  49. package/dist/components/Divider/Divider.d.ts +3 -2
  50. package/dist/components/Divider/Divider.types.d.ts +6 -6
  51. package/dist/components/Divider/index.d.ts +1 -1
  52. package/dist/components/Drawer/Drawer.d.ts +3 -2
  53. package/dist/components/Drawer/Drawer.types.d.ts +12 -11
  54. package/dist/components/Drawer/index.d.ts +1 -1
  55. package/dist/components/Dropdown/Dropdown.d.ts +3 -2
  56. package/dist/components/Dropdown/Dropdown.types.d.ts +11 -11
  57. package/dist/components/Dropdown/index.d.ts +1 -1
  58. package/dist/components/DropzoneUploader/DropzoneUploader.d.ts +3 -2
  59. package/dist/components/DropzoneUploader/DropzoneUploader.types.d.ts +23 -23
  60. package/dist/components/DropzoneUploader/index.d.ts +1 -1
  61. package/dist/components/EmptyState/EmptyState.d.ts +3 -2
  62. package/dist/components/EmptyState/EmptyState.types.d.ts +18 -17
  63. package/dist/components/EmptyState/index.d.ts +1 -1
  64. package/dist/components/IconButton/IconButton.d.ts +3 -2
  65. package/dist/components/IconButton/IconButton.types.d.ts +11 -10
  66. package/dist/components/IconButton/index.d.ts +1 -1
  67. package/dist/components/List/List.d.ts +3 -2
  68. package/dist/components/List/List.types.d.ts +10 -9
  69. package/dist/components/List/ListItem.d.ts +3 -2
  70. package/dist/components/List/index.d.ts +2 -2
  71. package/dist/components/Menu/Menu.d.ts +8 -8
  72. package/dist/components/Menu/Menu.types.d.ts +1 -1
  73. package/dist/components/Menu/index.d.ts +1 -1
  74. package/dist/components/Pagination/Pagination.d.ts +3 -2
  75. package/dist/components/Pagination/Pagination.types.d.ts +8 -8
  76. package/dist/components/Pagination/index.d.ts +1 -1
  77. package/dist/components/PasswordInput/PasswordInput.d.ts +3 -2
  78. package/dist/components/PasswordInput/index.d.ts +1 -1
  79. package/dist/components/Pill/Pill.d.ts +3 -2
  80. package/dist/components/Pill/Pill.type.d.ts +8 -7
  81. package/dist/components/Pill/index.d.ts +1 -1
  82. package/dist/components/ProfileImageShowcase/ProfileShowcase.d.ts +10 -9
  83. package/dist/components/ProfileImageShowcase/ProfileShowcase.type.d.ts +1 -1
  84. package/dist/components/ProfileImageShowcase/index.d.ts +1 -1
  85. package/dist/components/Progress/Progress.d.ts +3 -2
  86. package/dist/components/Progress/Progress.types.d.ts +48 -47
  87. package/dist/components/Progress/index.d.ts +1 -1
  88. package/dist/components/RadioGroup/RadioGroup.d.ts +3 -2
  89. package/dist/components/RadioGroup/RadioGroup.types.d.ts +16 -15
  90. package/dist/components/RadioGroup/index.d.ts +1 -1
  91. package/dist/components/Select/Select.d.ts +3 -2
  92. package/dist/components/Select/Select.types.d.ts +17 -17
  93. package/dist/components/Select/index.d.ts +1 -1
  94. package/dist/components/Sidebar/Sidebar.d.ts +10 -10
  95. package/dist/components/Sidebar/Sidebar.types.d.ts +16 -15
  96. package/dist/components/Sidebar/index.d.ts +1 -1
  97. package/dist/components/Skeleton/Skeleton.d.ts +3 -2
  98. package/dist/components/Skeleton/Skeleton.types.d.ts +28 -28
  99. package/dist/components/Skeleton/index.d.ts +1 -1
  100. package/dist/components/Slider/Slider.d.ts +3 -2
  101. package/dist/components/Slider/Slider.types.d.ts +21 -20
  102. package/dist/components/Slider/index.d.ts +1 -1
  103. package/dist/components/Snackbar/Snackbar.d.ts +3 -2
  104. package/dist/components/Snackbar/Snackbar.types.d.ts +41 -40
  105. package/dist/components/Snackbar/index.d.ts +1 -1
  106. package/dist/components/Stepper/Stepper.d.ts +12 -11
  107. package/dist/components/Stepper/Stepper.type.d.ts +1 -1
  108. package/dist/components/Stepper/index.d.ts +1 -1
  109. package/dist/components/Table/Table.d.ts +5 -4
  110. package/dist/components/Table/Table.types.d.ts +15 -14
  111. package/dist/components/Table/index.d.ts +1 -1
  112. package/dist/components/Tabs/Tabs.d.ts +3 -2
  113. package/dist/components/Tabs/Tabs.types.d.ts +17 -16
  114. package/dist/components/Tabs/index.d.ts +1 -1
  115. package/dist/components/TextArea/TextArea.d.ts +3 -2
  116. package/dist/components/TextArea/TextArea.types.d.ts +7 -7
  117. package/dist/components/TextArea/index.d.ts +1 -1
  118. package/dist/components/TextInput/TextInput.d.ts +3 -2
  119. package/dist/components/TextInput/TextInput.types.d.ts +15 -15
  120. package/dist/components/TextInput/index.d.ts +1 -1
  121. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +3 -2
  122. package/dist/components/ToggleSwitch/ToggleSwitch.types.d.ts +8 -7
  123. package/dist/components/ToggleSwitch/index.d.ts +1 -1
  124. package/dist/components/Tooltip/Tooltip.d.ts +3 -2
  125. package/dist/components/Tooltip/Tooltip.type.d.ts +5 -5
  126. package/dist/components/Tooltip/index.d.ts +1 -1
  127. package/dist/components/Typography/Typography.d.ts +3 -2
  128. package/dist/components/Typography/Typography.types.d.ts +8 -7
  129. package/dist/components/Typography/index.d.ts +1 -1
  130. package/dist/components/index.d.ts +42 -42
  131. package/dist/components/otpInput/OtpInput.d.ts +3 -2
  132. package/dist/components/otpInput/OtpInput.type.d.ts +13 -12
  133. package/dist/components/otpInput/index.d.ts +1 -1
  134. package/dist/index.d.ts +4 -1
  135. package/dist/uniui.css +1 -2209
  136. package/dist/uniui.js +2025 -2092
  137. package/dist/uniui.umd.cjs +74 -71
  138. package/dist/utils/ColorMap.d.ts +29 -156
  139. package/dist/utils/constants.d.ts +1 -1
  140. package/package.json +80 -48
  141. package/dist/components/SearchBar/index.d.ts +0 -1
package/dist/uniui.css CHANGED
@@ -1,2209 +1 @@
1
-
2
- *,::after,::before,::backdrop,::file-selector-button {margin: 0; padding: 0; box-sizing: border-box; border: 0 solid; outline: 0 solid;}
3
- h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: inherit;}
4
- ol,ul,menu {list-style: none;}
5
- img,svg,video,canvas,audio,iframe,embed,object {display: block;vertical-align: middle;}
6
- img,video {max-width: 100%;height: auto;}
7
- textarea {resize: vertical;}
8
- :root {
9
- --0: 0rem;
10
- --1: 0.25rem;
11
- --2: 0.5rem;
12
- --3: 0.75rem;
13
- --4: 1rem;
14
- --5: 1.25rem;
15
- --6: 1.5rem;
16
- --7: 1.75rem;
17
- --8: 2rem;
18
- --9: 2.25rem;
19
- --10: 2.5rem;
20
- --11: 2.75rem;
21
- --12: 3rem;
22
- --14: 3.5rem;
23
- --16: 4rem;
24
- --18: 4.5rem;
25
- --20: 5rem;
26
- --24: 6rem;
27
- --28: 7rem;
28
- --32: 8rem;
29
- --36: 9rem;
30
- --40: 10rem;
31
- --44: 11rem;
32
- --48: 12rem;
33
- --52: 13rem;
34
- --56: 14rem;
35
- --60: 15rem;
36
- --64: 16rem;
37
- --72: 18rem;
38
- --80: 20rem;
39
- --96: 24rem;
40
- --112: 28rem;
41
- --128: 32rem;
42
- --color-white: oklch(100% 0 0);
43
- --color-black: oklch(0% 0 0);
44
- --color-inherit: inherit;
45
- --color-transparent: transparent;
46
- --color-current: currentColor;
47
- --color-red-50: oklch(97.1% 0.013 17.38);
48
- --color-red-100: oklch(93.6% 0.032 17.717);
49
- --color-red-200: oklch(88.5% 0.062 18.334);
50
- --color-red-300: oklch(80.8% 0.114 19.571);
51
- --color-red-400: oklch(70.4% 0.191 22.216);
52
- --color-red-500: oklch(63.7% 0.237 25.331);
53
- --color-red-600: oklch(57.7% 0.245 27.325);
54
- --color-red-700: oklch(50.5% 0.213 27.518);
55
- --color-red-800: oklch(44.4% 0.177 26.899);
56
- --color-red-900: oklch(39.6% 0.141 25.723);
57
- --color-red-950: oklch(25.8% 0.092 26.042);
58
- --color-orange-50: oklch(98% 0.016 73.684);
59
- --color-orange-100: oklch(95.4% 0.038 75.164);
60
- --color-orange-200: oklch(90.1% 0.076 70.697);
61
- --color-orange-300: oklch(83.7% 0.128 66.29);
62
- --color-orange-400: oklch(75% 0.183 55.934);
63
- --color-orange-500: oklch(70.5% 0.213 47.604);
64
- --color-orange-600: oklch(64.6% 0.222 41.116);
65
- --color-orange-700: oklch(55.3% 0.195 38.402);
66
- --color-orange-800: oklch(47% 0.157 37.304);
67
- --color-orange-900: oklch(40.8% 0.123 38.172);
68
- --color-orange-950: oklch(26.6% 0.079 36.259);
69
- --color-amber-50: oklch(98.7% 0.022 95.277);
70
- --color-amber-100: oklch(96.2% 0.059 95.617);
71
- --color-amber-200: oklch(92.4% 0.12 95.746);
72
- --color-amber-300: oklch(87.9% 0.169 91.605);
73
- --color-amber-400: oklch(82.8% 0.189 84.429);
74
- --color-amber-500: oklch(76.9% 0.188 70.08);
75
- --color-amber-600: oklch(66.6% 0.179 58.318);
76
- --color-amber-700: oklch(55.5% 0.163 48.998);
77
- --color-amber-800: oklch(47.3% 0.137 46.201);
78
- --color-amber-900: oklch(41.4% 0.112 45.904);
79
- --color-amber-950: oklch(27.9% 0.077 45.635);
80
- --color-yellow-50: oklch(98.7% 0.026 102.212);
81
- --color-yellow-100: oklch(97.3% 0.071 103.193);
82
- --color-yellow-200: oklch(94.5% 0.129 101.54);
83
- --color-yellow-300: oklch(90.5% 0.182 98.111);
84
- --color-yellow-400: oklch(85.2% 0.199 91.936);
85
- --color-yellow-500: oklch(79.5% 0.184 86.047);
86
- --color-yellow-600: oklch(68.1% 0.162 75.834);
87
- --color-yellow-700: oklch(55.4% 0.135 66.442);
88
- --color-yellow-800: oklch(47.6% 0.114 61.907);
89
- --color-yellow-900: oklch(42.1% 0.095 57.708);
90
- --color-yellow-950: oklch(28.6% 0.066 53.813);
91
- --color-lime-50: oklch(98.6% 0.031 120.757);
92
- --color-lime-100: oklch(96.7% 0.067 122.328);
93
- --color-lime-200: oklch(93.8% 0.127 124.321);
94
- --color-lime-300: oklch(89.7% 0.196 126.665);
95
- --color-lime-400: oklch(84.1% 0.238 128.85);
96
- --color-lime-500: oklch(76.8% 0.233 130.85);
97
- --color-lime-600: oklch(64.8% 0.2 131.684);
98
- --color-lime-700: oklch(53.2% 0.157 131.589);
99
- --color-lime-800: oklch(45.3% 0.124 130.933);
100
- --color-lime-900: oklch(40.5% 0.101 131.063);
101
- --color-lime-950: oklch(27.4% 0.072 132.109);
102
- --color-green-50: oklch(98.2% 0.018 155.826);
103
- --color-green-100: oklch(96.2% 0.044 156.743);
104
- --color-green-200: oklch(92.5% 0.084 155.995);
105
- --color-green-300: oklch(87.1% 0.15 154.449);
106
- --color-green-400: oklch(79.2% 0.209 151.711);
107
- --color-green-500: oklch(72.3% 0.219 149.579);
108
- --color-green-600: oklch(62.7% 0.194 149.214);
109
- --color-green-700: oklch(52.7% 0.154 150.069);
110
- --color-green-800: oklch(44.8% 0.119 151.328);
111
- --color-green-900: oklch(39.3% 0.095 152.535);
112
- --color-green-950: oklch(26.6% 0.065 152.934);
113
- --color-emerald-50: oklch(97.9% 0.021 166.113);
114
- --color-emerald-100: oklch(95% 0.052 163.051);
115
- --color-emerald-200: oklch(90.5% 0.093 164.15);
116
- --color-emerald-300: oklch(84.5% 0.143 164.978);
117
- --color-emerald-400: oklch(76.5% 0.177 163.223);
118
- --color-emerald-500: oklch(69.6% 0.17 162.48);
119
- --color-emerald-600: oklch(59.6% 0.145 163.225);
120
- --color-emerald-700: oklch(50.8% 0.118 165.612);
121
- --color-emerald-800: oklch(43.2% 0.095 166.913);
122
- --color-emerald-900: oklch(37.8% 0.077 168.94);
123
- --color-emerald-950: oklch(26.2% 0.051 172.552);
124
- --color-teal-50: oklch(98.4% 0.014 180.72);
125
- --color-teal-100: oklch(95.3% 0.051 180.801);
126
- --color-teal-200: oklch(91% 0.096 180.426);
127
- --color-teal-300: oklch(85.5% 0.138 181.071);
128
- --color-teal-400: oklch(77.7% 0.152 181.912);
129
- --color-teal-500: oklch(70.4% 0.14 182.503);
130
- --color-teal-600: oklch(60% 0.118 184.704);
131
- --color-teal-700: oklch(51.1% 0.096 186.391);
132
- --color-teal-800: oklch(43.7% 0.078 188.216);
133
- --color-teal-900: oklch(38.6% 0.063 188.416);
134
- --color-teal-950: oklch(27.7% 0.046 192.524);
135
- --color-cyan-50: oklch(98.4% 0.019 200.873);
136
- --color-cyan-100: oklch(95.6% 0.045 203.388);
137
- --color-cyan-200: oklch(91.7% 0.08 205.041);
138
- --color-cyan-300: oklch(86.5% 0.127 207.078);
139
- --color-cyan-400: oklch(78.9% 0.154 211.53);
140
- --color-cyan-500: oklch(71.5% 0.143 215.221);
141
- --color-cyan-600: oklch(60.9% 0.126 221.723);
142
- --color-cyan-700: oklch(52% 0.105 223.128);
143
- --color-cyan-800: oklch(45% 0.085 224.283);
144
- --color-cyan-900: oklch(39.8% 0.07 227.392);
145
- --color-cyan-950: oklch(30.2% 0.056 229.695);
146
- --color-sky-50: oklch(97.7% 0.013 236.62);
147
- --color-sky-100: oklch(95.1% 0.026 236.824);
148
- --color-sky-200: oklch(90.1% 0.058 230.902);
149
- --color-sky-300: oklch(82.8% 0.111 230.318);
150
- --color-sky-400: oklch(74.6% 0.16 232.661);
151
- --color-sky-500: oklch(68.5% 0.169 237.323);
152
- --color-sky-600: oklch(58.8% 0.158 241.966);
153
- --color-sky-700: oklch(50% 0.134 242.749);
154
- --color-sky-800: oklch(44.3% 0.11 240.79);
155
- --color-sky-900: oklch(39.1% 0.09 240.876);
156
- --color-sky-950: oklch(29.3% 0.066 243.157);
157
- --color-blue-50: oklch(97% 0.014 254.604);
158
- --color-blue-100: oklch(93.2% 0.032 255.585);
159
- --color-blue-200: oklch(88.2% 0.059 254.128);
160
- --color-blue-300: oklch(80.9% 0.105 251.813);
161
- --color-blue-400: oklch(70.7% 0.165 254.624);
162
- --color-blue-500: oklch(62.3% 0.214 259.815);
163
- --color-blue-600: oklch(54.6% 0.245 262.881);
164
- --color-blue-700: oklch(48.8% 0.243 264.376);
165
- --color-blue-800: oklch(42.4% 0.199 265.638);
166
- --color-blue-900: oklch(37.9% 0.146 265.522);
167
- --color-blue-950: oklch(28.2% 0.091 267.935);
168
- --color-indigo-50: oklch(96.2% 0.018 272.314);
169
- --color-indigo-100: oklch(93% 0.034 272.788);
170
- --color-indigo-200: oklch(87% 0.065 274.039);
171
- --color-indigo-300: oklch(78.5% 0.115 274.713);
172
- --color-indigo-400: oklch(67.3% 0.182 276.935);
173
- --color-indigo-500: oklch(58.5% 0.233 277.117);
174
- --color-indigo-600: oklch(51.1% 0.262 276.966);
175
- --color-indigo-700: oklch(45.7% 0.24 277.023);
176
- --color-indigo-800: oklch(39.8% 0.195 277.366);
177
- --color-indigo-900: oklch(35.9% 0.144 278.697);
178
- --color-indigo-950: oklch(25.7% 0.09 281.288);
179
- --color-violet-50: oklch(96.9% 0.016 293.756);
180
- --color-violet-100: oklch(94.3% 0.029 294.588);
181
- --color-violet-200: oklch(89.4% 0.057 293.283);
182
- --color-violet-300: oklch(81.1% 0.111 293.571);
183
- --color-violet-400: oklch(70.2% 0.183 293.541);
184
- --color-violet-500: oklch(60.6% 0.25 292.717);
185
- --color-violet-600: oklch(54.1% 0.281 293.009);
186
- --color-violet-700: oklch(49.1% 0.27 292.581);
187
- --color-violet-800: oklch(43.2% 0.232 292.759);
188
- --color-violet-900: oklch(38% 0.189 293.745);
189
- --color-violet-950: oklch(28.3% 0.141 291.089);
190
- --color-purple-50: oklch(97.7% 0.014 308.299);
191
- --color-purple-100: oklch(94.6% 0.033 307.174);
192
- --color-purple-200: oklch(90.2% 0.063 306.703);
193
- --color-purple-300: oklch(82.7% 0.119 306.383);
194
- --color-purple-400: oklch(71.4% 0.203 305.504);
195
- --color-purple-500: oklch(62.7% 0.265 303.9);
196
- --color-purple-600: oklch(55.8% 0.288 302.321);
197
- --color-purple-700: oklch(49.6% 0.265 301.924);
198
- --color-purple-800: oklch(43.8% 0.218 303.724);
199
- --color-purple-900: oklch(38.1% 0.176 304.987);
200
- --color-purple-950: oklch(29.1% 0.149 302.717);
201
- --color-fuchsia-50: oklch(97.7% 0.017 320.058);
202
- --color-fuchsia-100: oklch(95.2% 0.037 318.852);
203
- --color-fuchsia-200: oklch(90.3% 0.076 319.62);
204
- --color-fuchsia-300: oklch(83.3% 0.145 321.434);
205
- --color-fuchsia-400: oklch(74% 0.238 322.16);
206
- --color-fuchsia-500: oklch(66.7% 0.295 322.15);
207
- --color-fuchsia-600: oklch(59.1% 0.293 322.896);
208
- --color-fuchsia-700: oklch(51.8% 0.253 323.949);
209
- --color-fuchsia-800: oklch(45.2% 0.211 324.591);
210
- --color-fuchsia-900: oklch(40.1% 0.17 325.612);
211
- --color-fuchsia-950: oklch(29.3% 0.136 325.661);
212
- --color-pink-50: oklch(97.1% 0.014 343.198);
213
- --color-pink-100: oklch(94.8% 0.028 342.258);
214
- --color-pink-200: oklch(89.9% 0.061 343.231);
215
- --color-pink-300: oklch(82.3% 0.12 346.018);
216
- --color-pink-400: oklch(71.8% 0.202 349.761);
217
- --color-pink-500: oklch(65.6% 0.241 354.308);
218
- --color-pink-600: oklch(59.2% 0.249 0.584);
219
- --color-pink-700: oklch(52.5% 0.223 3.958);
220
- --color-pink-800: oklch(45.9% 0.187 3.815);
221
- --color-pink-900: oklch(40.8% 0.153 2.432);
222
- --color-pink-950: oklch(28.4% 0.109 3.907);
223
- --color-rose-50: oklch(96.9% 0.015 12.422);
224
- --color-rose-100: oklch(94.1% 0.03 12.58);
225
- --color-rose-200: oklch(89.2% 0.058 10.001);
226
- --color-rose-300: oklch(81% 0.117 11.638);
227
- --color-rose-400: oklch(71.2% 0.194 13.428);
228
- --color-rose-500: oklch(64.5% 0.246 16.439);
229
- --color-rose-600: oklch(58.6% 0.253 17.585);
230
- --color-rose-700: oklch(51.4% 0.222 16.935);
231
- --color-rose-800: oklch(45.5% 0.188 13.697);
232
- --color-rose-900: oklch(41% 0.159 10.272);
233
- --color-rose-950: oklch(27.1% 0.105 12.094);
234
- --color-slate-50: oklch(98.4% 0.003 247.858);
235
- --color-slate-100: oklch(96.8% 0.007 247.896);
236
- --color-slate-200: oklch(92.9% 0.013 255.508);
237
- --color-slate-300: oklch(86.9% 0.022 252.894);
238
- --color-slate-400: oklch(70.4% 0.04 256.788);
239
- --color-slate-500: oklch(55.4% 0.046 257.417);
240
- --color-slate-600: oklch(44.6% 0.043 257.281);
241
- --color-slate-700: oklch(37.2% 0.044 257.287);
242
- --color-slate-800: oklch(27.9% 0.041 260.031);
243
- --color-slate-900: oklch(20.8% 0.042 265.755);
244
- --color-slate-950: oklch(12.9% 0.042 264.695);
245
- --color-gray-50: oklch(98.5% 0.002 247.839);
246
- --color-gray-100: oklch(96.7% 0.003 264.542);
247
- --color-gray-200: oklch(92.8% 0.006 264.531);
248
- --color-gray-300: oklch(87.2% 0.01 258.338);
249
- --color-gray-400: oklch(70.7% 0.022 261.325);
250
- --color-gray-500: oklch(55.1% 0.027 264.364);
251
- --color-gray-600: oklch(44.6% 0.03 256.802);
252
- --color-gray-700: oklch(37.3% 0.034 259.733);
253
- --color-gray-800: oklch(27.8% 0.033 256.848);
254
- --color-gray-900: oklch(21% 0.034 264.665);
255
- --color-gray-950: oklch(13% 0.028 261.692);
256
- --color-zinc-50: oklch(98.5% 0.001 106.423);
257
- --color-zinc-100: oklch(96.7% 0.001 106.424);
258
- --color-zinc-200: oklch(92% 0.004 286.32);
259
- --color-zinc-300: oklch(87.1% 0.006 286.286);
260
- --color-zinc-400: oklch(70.5% 0.015 286.067);
261
- --color-zinc-500: oklch(55.2% 0.016 285.938);
262
- --color-zinc-600: oklch(44.2% 0.017 285.786);
263
- --color-zinc-700: oklch(37% 0.013 285.805);
264
- --color-zinc-800: oklch(27.4% 0.006 286.033);
265
- --color-zinc-900: oklch(21% 0.006 285.885);
266
- --color-zinc-950: oklch(14.1% 0.005 285.823);
267
- --color-neutral-50: oklch(98.5% 0 0);
268
- --color-neutral-100: oklch(97% 0 0);
269
- --color-neutral-200: oklch(92.2% 0 0);
270
- --color-neutral-300: oklch(87% 0 0);
271
- --color-neutral-400: oklch(70.8% 0 0);
272
- --color-neutral-500: oklch(55.6% 0 0);
273
- --color-neutral-600: oklch(43.9% 0 0);
274
- --color-neutral-700: oklch(37.1% 0 0);
275
- --color-neutral-800: oklch(26.9% 0 0);
276
- --color-neutral-900: oklch(20.5% 0 0);
277
- --color-neutral-950: oklch(14.5% 0 0);
278
- --color-stone-50: oklch(98.5% 0.001 106.423);
279
- --color-stone-100: oklch(97% 0.001 106.424);
280
- --color-stone-200: oklch(92.3% 0.003 48.717);
281
- --color-stone-300: oklch(86.9% 0.005 56.366);
282
- --color-stone-400: oklch(70.9% 0.01 56.259);
283
- --color-stone-500: oklch(55.3% 0.013 58.071);
284
- --color-stone-600: oklch(44.4% 0.011 73.639);
285
- --color-stone-700: oklch(37.4% 0.01 67.558);
286
- --color-stone-800: oklch(26.8% 0.007 34.298);
287
- --color-stone-900: oklch(21.6% 0.006 56.043);
288
- --color-stone-950: oklch(14.7% 0.004 49.25);
289
- --container-3xs: 16rem;
290
- --container-2xs: 18rem;
291
- --container-xs: 20rem;
292
- --container-sm: 24rem;
293
- --container-md: 28rem;
294
- --container-lg: 32rem;
295
- --container-xl: 36rem;
296
- --container-2xl: 42rem;
297
- --container-3xl: 48rem;
298
- --container-4xl: 56rem;
299
- --container-5xl: 64rem;
300
- --container-6xl: 72rem;
301
- --container-7xl: 80rem;
302
- --text-xs: 0.75rem;
303
- --text-sm: 0.875rem;
304
- --text-base: 1rem;
305
- --text-lg: 1.125rem;
306
- --text-xl: 1.25rem;
307
- --text-2xl: 1.5rem;
308
- --text-3xl: 1.875rem;
309
- --text-4xl: 2.25rem;
310
- --text-5xl: 3rem;
311
- --text-6xl: 3.75rem;
312
- --text-7xl: 4.5rem;
313
- --text-8xl: 6rem;
314
- --text-9xl: 8rem;
315
- --radius-xs: 0.125rem;
316
- --radius-sm: 0.25rem;
317
- --radius-md: 0.375rem;
318
- --radius-lg: 0.5rem;
319
- --radius-xl: 0.75rem;
320
- --radius-2xl: 1rem;
321
- --radius-3xl: 1.5rem;
322
- --radius-4xl: 2rem;
323
- --blur-xs: 4px;
324
- --blur-sm: 8px;
325
- --blur-md: 12px;
326
- --blur-lg: 16px;
327
- --blur-xl: 24px;
328
- --blur-2xl: 32px;
329
- --blur-3xl: 40px;
330
- --blur-4xl: 48px;
331
- --blur-5xl: 64px;
332
- --uni-blur: blur(0);
333
- --uni-drop-shadow: drop-shadow(0 0 #0000);
334
- --uni-drop-shadow-color: rgb(0 0 0 / 0.15);
335
- --uni-brightness: brightness(100%);
336
- --uni-contrast: contrast(100%);
337
- --uni-grayscale: grayscale(0%);
338
- --uni-hue-rotate: hue-rotate(0deg);
339
- --uni-invert: invert(0%);
340
- --uni-saturate: saturate(100%);
341
- --uni-sepia: sepia(0%);
342
- --uni-backdrop-blur: blur(0);
343
- --uni-backdrop-brightness: brightness(100%);
344
- --uni-backdrop-contrast: contrast(100%);
345
- --uni-backdrop-grayscale: grayscale(0%);
346
- --uni-backdrop-hue-rotate: hue-rotate(0deg);
347
- --uni-backdrop-invert: invert(0%);
348
- --uni-backdrop-saturate: saturate(100%);
349
- --uni-backdrop-opacity: opacity(1);
350
- --uni-backdrop-sepia: sepia(0%);
351
- --animate-spin: spin 1s linear infinite;
352
- --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
353
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
354
- --animate-bounce: bounce 1s infinite;
355
- --uni-rotate-x: rotateX(0deg);
356
- --uni-rotate-y: rotateY(0deg);
357
- --uni-rotate-z: rotateZ(0deg);
358
- --uni-skew-x: skewX(0deg);
359
- --uni-skew-y: skewY(0deg);
360
- --uni-scale-x: 100%;
361
- --uni-scale-y: 100%;
362
- --uni-translate-x: 0px;
363
- --uni-translate-y: 0px;
364
- --uni-translate-z: 0px;
365
- --uni-border-style: solid;
366
- --uni-outline-style: solid;
367
- }
368
-
369
- .hidden { display: none; }
370
- .top-4 { top: var(--4) }
371
- .bottom-4 { bottom: var(--4) }
372
- .left-4 { left: var(--4) }
373
- .right-4 { right: var(--4) }
374
- .left-1\/2 { left: 50% }
375
- .-translate-x-1\/2 { --uni-translate-x: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
376
- .translate-y-0 { --uni-translate-y: var(--0); translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
377
- .-translate-y-full { translate: var(--uni-translate-x) -100%; }
378
- .translate-y-full { translate: var(--uni-translate-x) 100%; }
379
- .opacity-100 { opacity: 1 }
380
- .opacity-0 { opacity: 0 }
381
- .hover\:\!bg-color-white\/10:hover { background-color: color-mix(in srgb, var(--color-white) 10%, transparent) !important }
382
- .bg-color-gray-800 { background-color: var(--color-gray-800) }
383
- .text-color-white { color: var(--color-white) }
384
- .bg-color-gray-500 { background-color: var(--color-gray-500) }
385
- .bg-color-white { background-color: var(--color-white) }
386
- .text-color-gray-700 { color: var(--color-gray-700) }
387
- .bg-color-zinc-200 { background-color: var(--color-zinc-200) }
388
- .text-color-zinc-800 { color: var(--color-zinc-800) }
389
- .bg-color-red-500 { background-color: var(--color-red-500) }
390
- .bg-color-orange-500 { background-color: var(--color-orange-500) }
391
- .bg-color-amber-500 { background-color: var(--color-amber-500) }
392
- .bg-color-yellow-500 { background-color: var(--color-yellow-500) }
393
- .bg-color-lime-500 { background-color: var(--color-lime-500) }
394
- .bg-color-green-500 { background-color: var(--color-green-500) }
395
- .bg-color-emerald-500 { background-color: var(--color-emerald-500) }
396
- .bg-color-teal-500 { background-color: var(--color-teal-500) }
397
- .bg-color-cyan-500 { background-color: var(--color-cyan-500) }
398
- .bg-color-sky-500 { background-color: var(--color-sky-500) }
399
- .bg-color-blue-500 { background-color: var(--color-blue-500) }
400
- .bg-color-indigo-500 { background-color: var(--color-indigo-500) }
401
- .bg-color-violet-500 { background-color: var(--color-violet-500) }
402
- .bg-color-purple-500 { background-color: var(--color-purple-500) }
403
- .bg-color-fuchsia-500 { background-color: var(--color-fuchsia-500) }
404
- .bg-color-pink-500 { background-color: var(--color-pink-500) }
405
- .bg-color-rose-500 { background-color: var(--color-rose-500) }
406
- .accent-color-gray-800 { accent-color: var(--color-gray-800) }
407
- .accent-color-gray-500 { accent-color: var(--color-gray-500) }
408
- .accent-color-white { accent-color: var(--color-white) }
409
- .accent-color-zinc-200 { accent-color: var(--color-zinc-200) }
410
- .accent-color-red-500 { accent-color: var(--color-red-500) }
411
- .accent-color-orange-500 { accent-color: var(--color-orange-500) }
412
- .accent-color-amber-500 { accent-color: var(--color-amber-500) }
413
- .accent-color-yellow-500 { accent-color: var(--color-yellow-500) }
414
- .accent-color-lime-500 { accent-color: var(--color-lime-500) }
415
- .accent-color-green-500 { accent-color: var(--color-green-500) }
416
- .accent-color-emerald-500 { accent-color: var(--color-emerald-500) }
417
- .accent-color-teal-500 { accent-color: var(--color-teal-500) }
418
- .accent-color-cyan-500 { accent-color: var(--color-cyan-500) }
419
- .accent-color-sky-500 { accent-color: var(--color-sky-500) }
420
- .accent-color-blue-500 { accent-color: var(--color-blue-500) }
421
- .accent-color-indigo-500 { accent-color: var(--color-indigo-500) }
422
- .accent-color-violet-500 { accent-color: var(--color-violet-500) }
423
- .accent-color-purple-500 { accent-color: var(--color-purple-500) }
424
- .accent-color-fuchsia-500 { accent-color: var(--color-fuchsia-500) }
425
- .accent-color-pink-500 { accent-color: var(--color-pink-500) }
426
- .accent-color-rose-500 { accent-color: var(--color-rose-500) }
427
- .border-color-gray-800 { border-color: var(--color-gray-800) }
428
- .text-color-gray-800 { color: var(--color-gray-800) }
429
- .border-color-gray-500 { border-color: var(--color-gray-500) }
430
- .text-color-gray-500 { color: var(--color-gray-500) }
431
- .border-color-white { border-color: var(--color-white) }
432
- .border-color-zinc-200 { border-color: var(--color-zinc-200) }
433
- .text-color-zinc-200 { color: var(--color-zinc-200) }
434
- .border-color-red-500 { border-color: var(--color-red-500) }
435
- .text-color-red-500 { color: var(--color-red-500) }
436
- .border-color-orange-500 { border-color: var(--color-orange-500) }
437
- .text-color-orange-500 { color: var(--color-orange-500) }
438
- .border-color-amber-500 { border-color: var(--color-amber-500) }
439
- .text-color-amber-500 { color: var(--color-amber-500) }
440
- .border-color-yellow-500 { border-color: var(--color-yellow-500) }
441
- .text-color-yellow-500 { color: var(--color-yellow-500) }
442
- .border-color-lime-500 { border-color: var(--color-lime-500) }
443
- .text-color-lime-500 { color: var(--color-lime-500) }
444
- .border-color-green-500 { border-color: var(--color-green-500) }
445
- .text-color-green-500 { color: var(--color-green-500) }
446
- .border-color-emerald-500 { border-color: var(--color-emerald-500) }
447
- .text-color-emerald-500 { color: var(--color-emerald-500) }
448
- .border-color-teal-500 { border-color: var(--color-teal-500) }
449
- .text-color-teal-500 { color: var(--color-teal-500) }
450
- .border-color-cyan-500 { border-color: var(--color-cyan-500) }
451
- .text-color-cyan-500 { color: var(--color-cyan-500) }
452
- .border-color-sky-500 { border-color: var(--color-sky-500) }
453
- .text-color-sky-500 { color: var(--color-sky-500) }
454
- .border-color-blue-500 { border-color: var(--color-blue-500) }
455
- .text-color-blue-500 { color: var(--color-blue-500) }
456
- .border-color-indigo-500 { border-color: var(--color-indigo-500) }
457
- .text-color-indigo-500 { color: var(--color-indigo-500) }
458
- .border-color-violet-500 { border-color: var(--color-violet-500) }
459
- .text-color-violet-500 { color: var(--color-violet-500) }
460
- .border-color-purple-500 { border-color: var(--color-purple-500) }
461
- .text-color-purple-500 { color: var(--color-purple-500) }
462
- .border-color-fuchsia-500 { border-color: var(--color-fuchsia-500) }
463
- .text-color-fuchsia-500 { color: var(--color-fuchsia-500) }
464
- .border-color-pink-500 { border-color: var(--color-pink-500) }
465
- .text-color-pink-500 { color: var(--color-pink-500) }
466
- .border-color-rose-500 { border-color: var(--color-rose-500) }
467
- .text-color-rose-500 { color: var(--color-rose-500) }
468
- .peer:checked ~ .peer-checked\:border-color-gray-800 { border-color: var(--color-gray-800) }
469
- .peer:checked ~ .peer-checked\:text-color-gray-950 { color: var(--color-gray-950) }
470
- .peer:checked ~ .peer-checked\:border-color-gray-500 { border-color: var(--color-gray-500) }
471
- .peer:checked ~ .peer-checked\:border-color-white { border-color: var(--color-white) }
472
- .peer:checked ~ .peer-checked\:text-color-gray-100 { color: var(--color-gray-100) }
473
- .peer:checked ~ .peer-checked\:border-color-zinc-200 { border-color: var(--color-zinc-200) }
474
- .peer:checked ~ .peer-checked\:text-color-zinc-500 { color: var(--color-zinc-500) }
475
- .peer:checked ~ .peer-checked\:border-color-red-500 { border-color: var(--color-red-500) }
476
- .peer:checked ~ .peer-checked\:text-color-red-800 { color: var(--color-red-800) }
477
- .peer:checked ~ .peer-checked\:border-color-orange-500 { border-color: var(--color-orange-500) }
478
- .peer:checked ~ .peer-checked\:text-color-orange-800 { color: var(--color-orange-800) }
479
- .peer:checked ~ .peer-checked\:border-color-amber-500 { border-color: var(--color-amber-500) }
480
- .peer:checked ~ .peer-checked\:text-color-amber-800 { color: var(--color-amber-800) }
481
- .peer:checked ~ .peer-checked\:border-color-yellow-500 { border-color: var(--color-yellow-500) }
482
- .peer:checked ~ .peer-checked\:text-color-yellow-800 { color: var(--color-yellow-800) }
483
- .peer:checked ~ .peer-checked\:border-color-lime-500 { border-color: var(--color-lime-500) }
484
- .peer:checked ~ .peer-checked\:text-color-lime-800 { color: var(--color-lime-800) }
485
- .peer:checked ~ .peer-checked\:border-color-green-500 { border-color: var(--color-green-500) }
486
- .peer:checked ~ .peer-checked\:text-color-green-800 { color: var(--color-green-800) }
487
- .peer:checked ~ .peer-checked\:border-color-emerald-500 { border-color: var(--color-emerald-500) }
488
- .peer:checked ~ .peer-checked\:text-color-emerald-800 { color: var(--color-emerald-800) }
489
- .peer:checked ~ .peer-checked\:border-color-teal-500 { border-color: var(--color-teal-500) }
490
- .peer:checked ~ .peer-checked\:text-color-teal-800 { color: var(--color-teal-800) }
491
- .peer:checked ~ .peer-checked\:border-color-cyan-500 { border-color: var(--color-cyan-500) }
492
- .peer:checked ~ .peer-checked\:text-color-cyan-800 { color: var(--color-cyan-800) }
493
- .peer:checked ~ .peer-checked\:border-color-sky-500 { border-color: var(--color-sky-500) }
494
- .peer:checked ~ .peer-checked\:text-color-sky-800 { color: var(--color-sky-800) }
495
- .peer:checked ~ .peer-checked\:border-color-blue-500 { border-color: var(--color-blue-500) }
496
- .peer:checked ~ .peer-checked\:text-color-blue-800 { color: var(--color-blue-800) }
497
- .peer:checked ~ .peer-checked\:border-color-indigo-500 { border-color: var(--color-indigo-500) }
498
- .peer:checked ~ .peer-checked\:text-color-indigo-800 { color: var(--color-indigo-800) }
499
- .peer:checked ~ .peer-checked\:border-color-violet-500 { border-color: var(--color-violet-500) }
500
- .peer:checked ~ .peer-checked\:text-color-violet-800 { color: var(--color-violet-800) }
501
- .peer:checked ~ .peer-checked\:border-color-purple-500 { border-color: var(--color-purple-500) }
502
- .peer:checked ~ .peer-checked\:text-color-purple-800 { color: var(--color-purple-800) }
503
- .peer:checked ~ .peer-checked\:border-color-fuchsia-500 { border-color: var(--color-fuchsia-500) }
504
- .peer:checked ~ .peer-checked\:text-color-fuchsia-800 { color: var(--color-fuchsia-800) }
505
- .peer:checked ~ .peer-checked\:border-color-pink-500 { border-color: var(--color-pink-500) }
506
- .peer:checked ~ .peer-checked\:text-color-pink-800 { color: var(--color-pink-800) }
507
- .peer:checked ~ .peer-checked\:border-color-rose-500 { border-color: var(--color-rose-500) }
508
- .peer:checked ~ .peer-checked\:text-color-rose-800 { color: var(--color-rose-800) }
509
- .bg-color-gray-200 { background-color: var(--color-gray-200) }
510
- .bg-color-gray-900 { background-color: var(--color-gray-900) }
511
- .border-color-gray-950 { border-color: var(--color-gray-950) }
512
- .shadow-color-gray-300 { --uni-shadow-color: var(--color-gray-300); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
513
- .hover\:bg-color-gray-900:hover { background-color: var(--color-gray-900) }
514
- .active\:bg-color-gray-900:active { background-color: var(--color-gray-900) }
515
- .border-color-gray-600 { border-color: var(--color-gray-600) }
516
- .shadow-color-gray-200 { --uni-shadow-color: var(--color-gray-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
517
- .hover\:bg-color-gray-600:hover { background-color: var(--color-gray-600) }
518
- .active\:bg-color-gray-700:active { background-color: var(--color-gray-700) }
519
- .bg-color-gray-600 { background-color: var(--color-gray-600) }
520
- .bg-color-gray-100 { background-color: var(--color-gray-100) }
521
- .hover\:bg-color-gray-200:hover { background-color: var(--color-gray-200) }
522
- .active\:bg-color-white:active { background-color: var(--color-white) }
523
- .bg-color-zinc-500 { background-color: var(--color-zinc-500) }
524
- .border-color-zinc-600 { border-color: var(--color-zinc-600) }
525
- .shadow-color-zinc-200 { --uni-shadow-color: var(--color-zinc-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
526
- .hover\:bg-color-zinc-600:hover { background-color: var(--color-zinc-600) }
527
- .active\:bg-color-zinc-700:active { background-color: var(--color-zinc-700) }
528
- .bg-color-red-200 { background-color: var(--color-red-200) }
529
- .border-color-red-600\/50 { border-color: color-mix(in srgb, var(--color-red-600) 50%, transparent) }
530
- .shadow-color-red-200 { --uni-shadow-color: var(--color-red-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
531
- .hover\:bg-color-red-600:hover { background-color: var(--color-red-600) }
532
- .active\:bg-color-red-700:active { background-color: var(--color-red-700) }
533
- .bg-color-orange-200 { background-color: var(--color-orange-200) }
534
- .border-color-orange-600\/50 { border-color: color-mix(in srgb, var(--color-orange-600) 50%, transparent) }
535
- .shadow-color-orange-200 { --uni-shadow-color: var(--color-orange-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
536
- .hover\:bg-color-orange-600:hover { background-color: var(--color-orange-600) }
537
- .active\:bg-color-orange-700:active { background-color: var(--color-orange-700) }
538
- .bg-color-amber-200 { background-color: var(--color-amber-200) }
539
- .border-color-amber-600\/50 { border-color: color-mix(in srgb, var(--color-amber-600) 50%, transparent) }
540
- .shadow-color-amber-200 { --uni-shadow-color: var(--color-amber-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
541
- .hover\:bg-color-amber-600:hover { background-color: var(--color-amber-600) }
542
- .active\:bg-color-amber-700:active { background-color: var(--color-amber-700) }
543
- .bg-color-yellow-200 { background-color: var(--color-yellow-200) }
544
- .border-color-yellow-600\/50 { border-color: color-mix(in srgb, var(--color-yellow-600) 50%, transparent) }
545
- .shadow-color-yellow-200 { --uni-shadow-color: var(--color-yellow-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
546
- .hover\:bg-color-yellow-600:hover { background-color: var(--color-yellow-600) }
547
- .active\:bg-color-yellow-700:active { background-color: var(--color-yellow-700) }
548
- .bg-color-lime-200 { background-color: var(--color-lime-200) }
549
- .border-color-lime-600\/50 { border-color: color-mix(in srgb, var(--color-lime-600) 50%, transparent) }
550
- .shadow-color-lime-200 { --uni-shadow-color: var(--color-lime-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
551
- .hover\:bg-color-lime-600:hover { background-color: var(--color-lime-600) }
552
- .active\:bg-color-lime-700:active { background-color: var(--color-lime-700) }
553
- .bg-color-green-200 { background-color: var(--color-green-200) }
554
- .border-color-green-600\/50 { border-color: color-mix(in srgb, var(--color-green-600) 50%, transparent) }
555
- .shadow-color-green-200 { --uni-shadow-color: var(--color-green-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
556
- .hover\:bg-color-green-600:hover { background-color: var(--color-green-600) }
557
- .active\:bg-color-green-700:active { background-color: var(--color-green-700) }
558
- .bg-color-emerald-200 { background-color: var(--color-emerald-200) }
559
- .border-color-emerald-600\/50 { border-color: color-mix(in srgb, var(--color-emerald-600) 50%, transparent) }
560
- .shadow-color-emerald-200 { --uni-shadow-color: var(--color-emerald-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
561
- .hover\:bg-color-emerald-600:hover { background-color: var(--color-emerald-600) }
562
- .active\:bg-color-emerald-700:active { background-color: var(--color-emerald-700) }
563
- .bg-color-teal-200 { background-color: var(--color-teal-200) }
564
- .border-color-teal-600\/50 { border-color: color-mix(in srgb, var(--color-teal-600) 50%, transparent) }
565
- .shadow-color-teal-200 { --uni-shadow-color: var(--color-teal-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
566
- .hover\:bg-color-teal-600:hover { background-color: var(--color-teal-600) }
567
- .active\:bg-color-teal-700:active { background-color: var(--color-teal-700) }
568
- .bg-color-cyan-200 { background-color: var(--color-cyan-200) }
569
- .border-color-cyan-600\/50 { border-color: color-mix(in srgb, var(--color-cyan-600) 50%, transparent) }
570
- .shadow-color-cyan-200 { --uni-shadow-color: var(--color-cyan-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
571
- .hover\:bg-color-cyan-600:hover { background-color: var(--color-cyan-600) }
572
- .active\:bg-color-cyan-700:active { background-color: var(--color-cyan-700) }
573
- .bg-color-sky-200 { background-color: var(--color-sky-200) }
574
- .border-color-sky-600\/50 { border-color: color-mix(in srgb, var(--color-sky-600) 50%, transparent) }
575
- .shadow-color-sky-200 { --uni-shadow-color: var(--color-sky-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
576
- .hover\:bg-color-sky-600:hover { background-color: var(--color-sky-600) }
577
- .active\:bg-color-sky-700:active { background-color: var(--color-sky-700) }
578
- .bg-color-blue-200 { background-color: var(--color-blue-200) }
579
- .border-color-blue-600\/50 { border-color: color-mix(in srgb, var(--color-blue-600) 50%, transparent) }
580
- .shadow-color-blue-200 { --uni-shadow-color: var(--color-blue-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
581
- .hover\:bg-color-blue-600:hover { background-color: var(--color-blue-600) }
582
- .active\:bg-color-blue-700:active { background-color: var(--color-blue-700) }
583
- .bg-color-indigo-200 { background-color: var(--color-indigo-200) }
584
- .border-color-indigo-600\/50 { border-color: color-mix(in srgb, var(--color-indigo-600) 50%, transparent) }
585
- .shadow-color-indigo-200 { --uni-shadow-color: var(--color-indigo-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
586
- .hover\:bg-color-indigo-600:hover { background-color: var(--color-indigo-600) }
587
- .active\:bg-color-indigo-700:active { background-color: var(--color-indigo-700) }
588
- .bg-color-violet-200 { background-color: var(--color-violet-200) }
589
- .border-color-violet-600\/50 { border-color: color-mix(in srgb, var(--color-violet-600) 50%, transparent) }
590
- .shadow-color-violet-200 { --uni-shadow-color: var(--color-violet-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
591
- .hover\:bg-color-violet-600:hover { background-color: var(--color-violet-600) }
592
- .active\:bg-color-violet-700:active { background-color: var(--color-violet-700) }
593
- .bg-color-purple-200 { background-color: var(--color-purple-200) }
594
- .border-color-purple-600\/50 { border-color: color-mix(in srgb, var(--color-purple-600) 50%, transparent) }
595
- .shadow-color-purple-200 { --uni-shadow-color: var(--color-purple-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
596
- .hover\:bg-color-purple-600:hover { background-color: var(--color-purple-600) }
597
- .active\:bg-color-purple-700:active { background-color: var(--color-purple-700) }
598
- .bg-color-fuchsia-200 { background-color: var(--color-fuchsia-200) }
599
- .border-color-fuchsia-600\/50 { border-color: color-mix(in srgb, var(--color-fuchsia-600) 50%, transparent) }
600
- .shadow-color-fuchsia-200 { --uni-shadow-color: var(--color-fuchsia-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
601
- .hover\:bg-color-fuchsia-600:hover { background-color: var(--color-fuchsia-600) }
602
- .active\:bg-color-fuchsia-700:active { background-color: var(--color-fuchsia-700) }
603
- .bg-color-pink-200 { background-color: var(--color-pink-200) }
604
- .border-color-pink-600\/50 { border-color: color-mix(in srgb, var(--color-pink-600) 50%, transparent) }
605
- .shadow-color-pink-200 { --uni-shadow-color: var(--color-pink-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
606
- .hover\:bg-color-pink-600:hover { background-color: var(--color-pink-600) }
607
- .active\:bg-color-pink-700:active { background-color: var(--color-pink-700) }
608
- .bg-color-rose-200 { background-color: var(--color-rose-200) }
609
- .border-color-rose-600\/50 { border-color: color-mix(in srgb, var(--color-rose-600) 50%, transparent) }
610
- .shadow-color-rose-200 { --uni-shadow-color: var(--color-rose-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
611
- .hover\:bg-color-rose-600:hover { background-color: var(--color-rose-600) }
612
- .active\:bg-color-rose-700:active { background-color: var(--color-rose-700) }
613
- .text-5xl { font-size: var(--text-5xl); }
614
- .font-bold { font-weight: 700; }
615
- .text-4xl { font-size: var(--text-4xl); }
616
- .text-3xl { font-size: var(--text-3xl); }
617
- .text-2xl { font-size: var(--text-2xl); }
618
- .font-semibold { font-weight: 600; }
619
- .text-xl { font-size: var(--text-xl); }
620
- .text-lg { font-size: var(--text-lg); }
621
- .text-base { font-size: var(--text-base); }
622
- .font-medium { font-weight: 500; }
623
- .text-sm { font-size: var(--text-sm); }
624
- .font-normal { font-weight: 400; }
625
- .text-xs { font-size: var(--text-xs); }
626
- .uppercase { text-transform: uppercase; }
627
- .tracking-wide { letter-spacing: 0.025em; }
628
- .text-color-primary { color: var(--color-primary) }
629
- .text-color-secondary { color: var(--color-secondary) }
630
- .text-color-accent { color: var(--color-accent) }
631
- .text-color-gray-400 { color: var(--color-gray-400) }
632
- .overline { text-decoration-line: overline; }
633
- .inline-block { display: inline-block; }
634
- .fixed { position: fixed; }
635
- .z-50 { z-index: 50 }
636
- .px-2 { padding-inline: var(--2) }
637
- .py-1 { padding-block: var(--1) }
638
- .rounded { border-radius: 4px; }
639
- .shadow-md { --uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
640
- .whitespace-nowrap { white-space: nowrap; }
641
- .pointer-events-none { pointer-events: none; }
642
- .text-center { text-align: center; }
643
- .pt-24 { padding-top: var(--24) }
644
- .px-4 { padding-inline: var(--4) }
645
- .py-2 { padding-block: var(--2) }
646
- .bg-color-blue-600 { background-color: var(--color-blue-600) }
647
- .bg-color-green-600 { background-color: var(--color-green-600) }
648
- .bg-color-red-600 { background-color: var(--color-red-600) }
649
- .bg-color-purple-600 { background-color: var(--color-purple-600) }
650
- .relative { position: relative; }
651
- .w-11 { width: var(--11) }
652
- .h-6 { height: var(--6) }
653
- .flex { display: flex; }
654
- .items-center { align-items: center; }
655
- .rounded-full { border-radius: calc(infinity * 1px) }
656
- .transition-color { --uni-transition-property: color; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
657
- .duration-300 { --uni-transition-duration: 300ms; transition-duration: var(--uni-transition-duration, 150ms) }
658
- .bg-color-gray-300 { background-color: var(--color-gray-300) }
659
- .opacity-50 { opacity: 0.5 }
660
- .cursor-not-allowed { cursor: not-allowed; }
661
- .cursor-pointer { cursor: pointer; }
662
- .absolute { position: absolute; }
663
- .top-\[4px\] { top: 4px }
664
- .left-1 { left: var(--1) }
665
- .w-4 { width: var(--4) }
666
- .h-4 { height: var(--4) }
667
- .justify-center { justify-content: center; }
668
- .transition-all { --uni-transition-property: all; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
669
- .translate-x-\[19px\] { --uni-translate-x: 19px; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
670
- .-translate-x-0 { --uni-translate-x: calc(-1 * var(--0)); translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
671
- .animate-spin { animation: var(--animate-spin) }
672
- .size-3 { width: var(--3); height: var(--3) }
673
- .flex-wrap { flex-wrap: wrap; }
674
- :where(.space-x-2 > :not(:last-child)) { margin-right: var(--2); }
675
- :where(.space-y-2 > :not(:last-child)) { margin-bottom: var(--2); }
676
- .w-full { width: 100%; }
677
- .mb-2 { margin-bottom: var(--2) }
678
- .block { display: block; }
679
- .rounded-md { border-radius: var(--radius-md) }
680
- .border { border-width: 1px; }
681
- .focus-within\:ring-1:focus-within { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
682
- .pl-3 { padding-left: var(--3) }
683
- .grow { flex-grow: 1; }
684
- .bg-color-transparent { background-color: transparent; }
685
- .px-3 { padding-inline: var(--3) }
686
- .py-3 { padding-block: var(--3) }
687
- .outline-0 { outline-width: 0px; outline-style: var(--uni-outline-style) }
688
- .text-md { font-size: var(--text-md) }
689
- .placeholder\:font-normal::placeholder { font-weight: 400 }
690
- .pr-3 { padding-right: var(--3) }
691
- .mt-1 { margin-top: var(--1) }
692
- .size-5 { width: var(--5); height: var(--5) }
693
- .placeholder\:text-color-gray-400::placeholder { color: var(--color-gray-400) }
694
- .border-color-gray-200 { border-color: var(--color-gray-200) }
695
- .bg-color-gray-50 { background-color: var(--color-gray-50) }
696
- .flex-col { flex-direction: column; }
697
- .gap-1 { gap: var(--1) }
698
- .border-color-gray-300 { border-color: var(--color-gray-300) }
699
- .resize-none { resize: none; }
700
- .focus\:ring-1:focus { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
701
- .focus\:outline-none:focus { outline-width: nonepx; outline-style: var(--uni-outline-style) }
702
- .flex-row { flex-direction: row; }
703
- .min-w-\[160px\] { min-width: 160px }
704
- .border-r { border-right-width: 1px; }
705
- :where(.space-x-6 > :not(:last-child)) { margin-right: var(--6); }
706
- .border-b { border-bottom-width: 1px; }
707
- .duration-200 { --uni-transition-duration: 200ms; transition-duration: var(--uni-transition-duration, 150ms) }
708
- .py-4 { padding-block: var(--4) }
709
- .text-color-gray-600 { color: var(--color-gray-600) }
710
- .hover\:text-color-blue-500:hover { color: var(--color-blue-500) }
711
- :where(.space-x-3 > :not(:last-child)) { margin-right: var(--3); }
712
- .right-0 { right: var(--0) }
713
- .top-3 { top: var(--3) }
714
- .bottom-3 { bottom: var(--3) }
715
- .w-1 { width: var(--1) }
716
- .bottom-0 { bottom: var(--0) }
717
- .left-0 { left: var(--0) }
718
- .h-1 { height: var(--1) }
719
- .mt-4 { margin-top: var(--4) }
720
- .ml-6 { margin-left: var(--6) }
721
- .mt-0 { margin-top: var(--0) }
722
- .size-4 { width: var(--4); height: var(--4) }
723
- .overflow-y-auto { overflow-y: auto; }
724
- .border-collapse { border-collapse: collapse; }
725
- .sticky { position: sticky; }
726
- .top-0 { top: var(--0) }
727
- .rounded-xl { border-radius: var(--radius-xl) }
728
- .bg-color-\[\#FAFBFB\] { background-color: #FAFBFB }
729
- .z-10 { z-index: 10 }
730
- .h-10 { height: var(--10) }
731
- .p-2 { padding: var(--2) }
732
- .text-left { text-align: left; }
733
- .border-t { border-top-width: 1px; }
734
- .justify-between { justify-content: space-between; }
735
- .gap-2 { gap: var(--2) }
736
- .w-9 { width: var(--9) }
737
- .h-9 { height: var(--9) }
738
- .rounded-lg { border-radius: var(--radius-lg) }
739
- .leading-none { line-height: 1; }
740
- .bg-color-blue-100 { background-color: var(--color-blue-100) }
741
- .bg-color-red-100 { background-color: var(--color-red-100) }
742
- .bg-color-yellow-100 { background-color: var(--color-yellow-100) }
743
- .text-color-yellow-600 { color: var(--color-yellow-600) }
744
- .bg-color-yellow-400 { background-color: var(--color-yellow-400) }
745
- .w-10 { width: var(--10) }
746
- .min-w-10 { min-width: var(--10) }
747
- .shrink-0 { flex-shrink: 0 }
748
- .text-nowrap { text-wrap: nowrap; }
749
- .py-0\\5 { padding-block: var(--0.5) }
750
- .bg-color-green-100 { background-color: var(--color-green-100) }
751
- .text-color-green-600 { color: var(--color-green-600) }
752
- .w-fit { width: fit-content; }
753
- .p-1 { padding: var(--1) }
754
- .bg-color-blue-50 { background-color: var(--color-blue-50) }
755
- .border-color-blue-200 { border-color: var(--color-blue-200) }
756
- .text-color-blue-600 { color: var(--color-blue-600) }
757
- .border-color-blue-300 { border-color: var(--color-blue-300) }
758
- .text-color-red-600 { color: var(--color-red-600) }
759
- .border-color-red-300 { border-color: var(--color-red-300) }
760
- .border-color-yellow-300 { border-color: var(--color-yellow-300) }
761
- .w-7 { width: var(--7) }
762
- .h-7 { height: var(--7) }
763
- .ring { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
764
- .mx-4 { margin-left: var(--4); margin-right: var(--4) }
765
- .size-6 { width: var(--6); height: var(--6) }
766
- .p-4 { padding: var(--4) }
767
- .inset-0 { inset: var(--0) }
768
- .z-40 { z-index: 40 }
769
- .bg-color-black\/10 { background-color: color-mix(in srgb, var(--color-black) 10%, transparent) }
770
- .backdrop-blur-\[1px\] { --uni-backdrop-blur: blur(1px); backdrop-filter: var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia); }
771
- .min-w-72 { min-width: var(--72) }
772
- .max-w-lg { max-width: var(--container-lg); }
773
- .shadow-xl { --uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
774
- .gap-3 { gap: var(--3) }
775
- .backdrop-blur-sm { --uni-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia); }
776
- .border-color-white\/20 { border-color: color-mix(in srgb, var(--color-white) 20%, transparent) }
777
- .flex-1 { flex: 1 }
778
- .leading-relaxed { line-height: 1.625; }
779
- .flex-shrink-0 { flex: shrink-0 }
780
- .-mr-1 { margin-right: calc(-1 * var(--1)) }
781
- .visible { visibility: visible; }
782
- .bottom-center { bottom: var(--center) }
783
- .top-left { top: var(--left) }
784
- .top-center { top: var(--center) }
785
- .top-right { top: var(--right) }
786
- .bottom-left { bottom: var(--left) }
787
- .bottom-right { bottom: var(--right) }
788
- .grid { display: grid; }
789
- .none { shadow: 0 0 #0000; }
790
- .capitalize { text-transform: capitalize; }
791
- .inherit { shadow: inherit; }
792
- .underline { text-decoration-line: underline; }
793
- .w-3 { width: var(--3) }
794
- .h-3 { height: var(--3) }
795
- .h-2 { height: var(--2) }
796
- .w-5 { width: var(--5) }
797
- .h-5 { height: var(--5) }
798
- .ml-3 { margin-left: var(--3) }
799
- .min-w-\[2rem\] { min-width: 2rem }
800
- .opacity-60 { opacity: 0.6 }
801
- .duration-150 { --uni-transition-duration: 150ms; transition-duration: var(--uni-transition-duration, 150ms) }
802
- .top-1\/2 { top: 50% }
803
- .-translate-y-1\/2 { --uni-translate-y: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
804
- .border-2 { border-width: 2px; border-style: var(--uni-border-style) }
805
- .cursor-grab { cursor: grab; }
806
- .hover\:shadow-lg:hover { --uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
807
- .cursor-grabbing { cursor: grabbing; }
808
- .scale-110 { scale: 110% }
809
- .ring-2 { --uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
810
- .ring-offset-1 { --uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
811
- .ring-blue-300 { --uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
812
- .z-20 { z-index: 20 }
813
- .text-right { text-align: right; }
814
- .mt-2 { margin-top: var(--2) }
815
- .w-\[calc\(100\%_-_2\.75rem\)\] { width: calc(100% - 2.75rem) }
816
- .w-80 { width: var(--80) }
817
- :where(.space-y-8 > :not(:last-child)) { margin-bottom: var(--8); }
818
- :where(.space-y-4 > :not(:last-child)) { margin-bottom: var(--4); }
819
- .text-gray-600 { font-size: var(--text-gray-600) }
820
- .animate-pulse { animation: var(--animate-pulse) }
821
- .overflow-hidden { overflow: hidden; }
822
- .rounded-sm { border-radius: var(--radius-sm) }
823
- .bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%) }
824
- .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
825
- .mb-4 { margin-bottom: var(--4) }
826
- .pb-6 { padding-bottom: var(--6) }
827
- .no-underline { text-decoration-line: none; }
828
- .hover\:bg-color-gray-50:hover { background-color: var(--color-gray-50) }
829
- .h-\[30px\] { height: 30px }
830
- .p-3 { padding: var(--3) }
831
- .mb-1 { margin-bottom: var(--1) }
832
- .appearance-none { appearance: none; }
833
- .outline-none { outline-width: nonepx; outline-style: var(--uni-outline-style) }
834
- .\!bg-color-gray-50 { background-color: var(--color-gray-50) !important }
835
- .shadow-color-zinc-100 { --uni-shadow-color: var(--color-zinc-100); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
836
- .text-color-gray-900 { color: var(--color-gray-900) }
837
- .right-3 { right: var(--3) }
838
- .right-2 { right: var(--2) }
839
- .hover\:text-color-gray-600:hover { color: var(--color-gray-600) }
840
- .top-full { top: 100%; }
841
- .max-h-56 { max-height: var(--56) }
842
- .overflow-auto { overflow: auto; }
843
- .shadow-sm { --uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
844
- .select-none { user-select: none; }
845
- .bg-color-indigo-50 { background-color: var(--color-indigo-50) }
846
- .text-color-indigo-700 { color: var(--color-indigo-700) }
847
- .mx-auto { margin-inline: auto; }
848
- .max-w-sm { max-width: var(--container-sm); }
849
- .gap-6 { gap: var(--6) }
850
- .hover\:opacity-90:hover { opacity: 0.9 }
851
- .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 }
852
- .border-color-gray-400 { border-color: var(--color-gray-400) }
853
- .peer:checked ~ .peer-checked\:border-\[7px\] { border-width: 7px; border-style: var(--uni-border-style) }
854
- .ml-2 { margin-left: var(--2) }
855
- .-rotate-90 { rotate: calc(90deg * -1) }
856
- .text-color-gray-200 { color: var(--color-gray-200) }
857
- .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
858
- .h-full { height: 100%; }
859
- .md { shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); }
860
- .py-\[0\.35rem\] { padding-block: 0.35rem }
861
- .gap-4 { gap: var(--4) }
862
- :where(.space-x-1 > :not(:last-child)) { margin-right: var(--1); }
863
- .w-8 { width: var(--8) }
864
- .h-8 { height: var(--8) }
865
- .w-12 { width: var(--12) }
866
- .h-12 { height: var(--12) }
867
- .w-16 { width: var(--16) }
868
- .h-16 { height: var(--16) }
869
- .rounded-none { border-radius: 0px; }
870
- .ring-color-primary { --uni-ring-color: var(--color-primary); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
871
- .min-w-20 { min-width: var(--20) }
872
- .max-w-60 { max-width: var(--60) }
873
- .shadow-lg { --uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
874
- .bottom-7 { bottom: var(--7) }
875
- .top-6 { top: var(--6) }
876
- .ml-4 { margin-left: var(--4) }
877
- :where(.divide-y > :not(:last-child)) { border-bottom-width: 1px; border-style: solid; }
878
- :where(.divide-color-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); }
879
- .focus\:outline-0:focus { outline-width: 0px; outline-style: var(--uni-outline-style) }
880
- .size-8 { width: var(--8); height: var(--8) }
881
- .size-12 { width: var(--12); height: var(--12) }
882
- .size-10 { width: var(--10); height: var(--10) }
883
- .\!text-color-gray-400 { color: var(--color-gray-400) !important }
884
- .hover\:bg-color-transparent:hover { background-color: var(--color-transparent) }
885
- .\!border-color-gray-200 { border-color: var(--color-gray-200) !important }
886
- .\!bg-color-gray-200 { background-color: var(--color-gray-200) !important }
887
- .transparent { shadow: transparent; }
888
- .p-6 { padding: var(--6) }
889
- .max-w-md { max-width: var(--container-md); }
890
- .object-contain { object-fit: contain; }
891
- .border-style-dashed { --uni-border-style: dashed; border-style: var(--uni-border-style) }
892
- .p-0 { padding: var(--0) }
893
- .bg-color-red-50 { background-color: var(--color-red-50) }
894
- .px-6 { padding-inline: var(--6) }
895
- .pt-6 { padding-top: var(--6) }
896
- .pb-4 { padding-bottom: var(--4) }
897
- .pb-2 { padding-bottom: var(--2) }
898
- :where(.space-y-1 > :not(:last-child)) { margin-bottom: var(--1); }
899
- .grid-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
900
- .object-cover { object-fit: cover; }
901
- .max-w-\[200px\] { max-width: 200px }
902
- .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
903
- .hover\:text-color-red-700:hover { color: var(--color-red-700) }
904
- .w-40 { width: var(--40) }
905
- .border-color-gray-100 { border-color: var(--color-gray-100) }
906
- .hover\:bg-color-gray-100:hover { background-color: var(--color-gray-100) }
907
- .\!rounded-full { border-radius: calc(infinity * 1px) !important }
908
- .min-w-96 { min-width: var(--96) }
909
- .min-h-40 { min-height: var(--40) }
910
- .bg-color-black\/50 { background-color: color-mix(in srgb, var(--color-black) 50%, transparent) }
911
- .\!absolute { position: absolute !important; }
912
- .translate-x-full { translate: 100% var(--uni-translate-y); }
913
- .-translate-x-full { translate: -100% var(--uni-translate-y); }
914
- .justify-end { justify-content: flex-end; }
915
- .pl-4 { padding-left: var(--4) }
916
- .pt-4 { padding-top: var(--4) }
917
- .max-w-xl { max-width: var(--container-xl); }
918
- .max-w-2xl { max-width: var(--container-2xl); }
919
- .max-w-4xl { max-width: var(--container-4xl); }
920
- .max-w-6xl { max-width: var(--container-6xl); }
921
- .scale-100 { scale: 100% }
922
- .scale-95 { scale: 95% }
923
- .h-\[calc\(100\%_-_40px\)\] { height: calc(100% - 40px) }
924
- .m-5 { margin: var(--5) }
925
- .mx-5 { margin-left: var(--5); margin-right: var(--5) }
926
- .w-auto { width: auto; }
927
- .max-h-\[calc\(100vh_-_130px\)\] { max-height: calc(100vh - 130px) }
928
- .mt-8 { margin-top: var(--8) }
929
- .hover\:bg-color-blue-700:hover { background-color: var(--color-blue-700) }
930
- .hover\:bg-color-gray-300:hover { background-color: var(--color-gray-300) }
931
- .border-0 { border-width: 0px; border-style: var(--uni-border-style) }
932
- .border-l { border-left-width: 1px; }
933
- .w-72 { width: var(--72) }
934
- .mb-3 { margin-bottom: var(--3) }
935
- .grid-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) }
936
- .hover\:bg-color-blue-100:hover { background-color: var(--color-blue-100) }
937
- .hover\:bg-color-blue-500:hover { background-color: var(--color-blue-500) }
938
- .\!cursor-not-allowed { cursor: not-allowed !important; }
939
- .bg-color-gray-400 { background-color: var(--color-gray-400) }
940
- .\!justify-between { justify-content: space-between !important; }
941
- .\!border-color-red-500 { border-color: var(--color-red-500) !important }
942
- .\!text-color-red-500 { color: var(--color-red-500) !important }
943
- .\!border-color-green-500 { border-color: var(--color-green-500) !important }
944
- .\!text-color-green-500 { color: var(--color-green-500) !important }
945
- .grid-columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
946
- .justify-items-center { justify-items: center; }
947
- .not-last\:border-b:not(:last-child) { }
948
- .not-last\:pb-4:not(:last-child) { padding-bottom: var(--4) }
949
- .bg-color-teal-100 { background-color: var(--color-teal-100) }
950
- .bg-color-purple-100 { background-color: var(--color-purple-100) }
951
- .inline-flex { display: inline-flex; }
952
- .w-\[16px\] { width: 16px }
953
- .h-\[16px\] { height: 16px }
954
- .checked\:bg-color-blue-500:checked { background-color: var(--color-blue-500) }
955
- .checked\:border-color-blue-500:checked { border-color: var(--color-blue-500) }
956
- .text-color-transparent { color: transparent; }
957
- .checked\:text-color-white:checked { color: var(--color-white) }
958
- .after\:content-\[✓\]::after { content: "✓"; }
959
- .after\:absolute:after { position: absolute }
960
- .after\:text-\[12px\]:after { font-size: 12px }
961
- .after\:font-bold:after { font-weight: 700 }
962
- .after\:top-1\/2:after { top: 50% }
963
- .after\:left-1\/2:after { left: 50% }
964
- .after\:-translate-x-1\/2:after { --uni-translate-x: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
965
- .after\:-translate-y-1\/2:after { --uni-translate-y: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
966
- .cursor-default { cursor: default; }
967
- .transition-transform { --uni-transition-property: transform; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
968
- .bg-color-white\/80 { background-color: color-mix(in srgb, var(--color-white) 80%, transparent) }
969
- .hover\:bg-color-white:hover { background-color: var(--color-white) }
970
- .left-2 { left: var(--2) }
971
- .top-2 { top: var(--2) }
972
- .transition-colo { --uni-transition-property: colo; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
973
- .bottom-2 { bottom: var(--2) }
974
- .mt-3 { margin-top: var(--3) }
975
- .bg-color-white\/90 { background-color: color-mix(in srgb, var(--color-white) 90%, transparent) }
976
- .px-\[5px\] { padding-inline: 5px }
977
- .rotate-90 { rotate: 90deg }
978
- .size-\[10px\] { width: 10px; height: 10px }
979
- .hover\:opacity-100:hover { opacity: 1 }
980
- .scale-105 { scale: 105% }
981
- .opacity-70 { opacity: 0.7 }
982
- .\!border-none { border-width: 0px !important; }
983
- .\!border-none { }
984
- .h-fit { height: fit-content; }
985
- .text-color-blue-primary { color: var(--color-blue-primary) }
986
- .pr-1 { padding-right: var(--1) }
987
- .shadow-xs { --uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
988
- .rounded-2xl { border-radius: var(--radius-2xl) }
989
- .h-auto { height: auto; }
990
- .items-start { align-items: flex-start; }
991
- .h-px { height: 1px; }
992
- .my-5 { margin-top: var(--5); margin-bottom: var(--5) }
993
- .px-5 { padding-inline: var(--5) }
994
- .\!text-color-gray-300 { color: var(--color-gray-300) !important }
995
- .\!bg-color-gray-300 { background-color: var(--color-gray-300) !important }
996
- .\!text-color-white { color: var(--color-white) !important }
997
- .mr-1 { margin-right: var(--1) }
998
- .hover\:underline:hover { text-decoration-line: underline }
999
- .mx-2 { margin-left: var(--2); margin-right: var(--2) }
1000
- .static { position: static; }
1001
- .justify-around { justify-content: space-around; }
1002
- .pb-16 { padding-bottom: var(--16) }
1003
- .\!bg-color-red-50 { background-color: var(--color-red-50) !important }
1004
- .text-color-red-400 { color: var(--color-red-400) }
1005
- .text-color-red-800 { color: var(--color-red-800) }
1006
- .w-2 { width: var(--2) }
1007
- .px-\[10px\] { padding-inline: 10px }
1008
- .translate-x-1\/2 { --uni-translate-x: 50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1009
- .translate-y-1\/2 { --uni-translate-y: 50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1010
- .items-end { align-items: flex-end; }
1011
- .w-14 { width: var(--14) }
1012
- .h-14 { height: var(--14) }
1013
- .w-20 { width: var(--20) }
1014
- .h-20 { height: var(--20) }
1015
- :where(.-space-x-2 > :not(:last-child)) { margin-right: calc(-1 * var(--2)); }
1016
- .ring-color-white { --uni-ring-color: var(--color-white); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1017
- .text-color-blue-800 { color: var(--color-blue-800) }
1018
- .bg-color-green-50 { background-color: var(--color-green-50) }
1019
- .border-color-green-300 { border-color: var(--color-green-300) }
1020
- .text-color-green-800 { color: var(--color-green-800) }
1021
- .bg-color-yellow-50 { background-color: var(--color-yellow-50) }
1022
- .text-color-yellow-800 { color: var(--color-yellow-800) }
1023
- .size-7 { width: var(--7); height: var(--7) }
1024
- .bg-color-gray-700 { background-color: var(--color-gray-700) }
1025
- .border-t-4 { border-top-width: 4px; border-style: var(--uni-border-style) }
1026
- .transition-colors { --uni-transition-property: colors; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
1027
- .text-gray-700 { font-size: var(--text-gray-700) }
1028
- .-top-1 { top: calc(-1 * var(--1)) }
1029
- .gap-20 { gap: var(--20) }
1030
- .grid-rows-\[0fr\] { grid-template-rows: 0fr }
1031
- .grid-rows-\[1fr\] { grid-template-rows: 1fr }
1032
- .\!bg-color-gray-100 { background-color: var(--color-gray-100) !important }
1033
- @media (min-width: 40rem) {
1034
- .sm\:grid-columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
1035
- .sm\:p-4 { padding: var(--4) }
1036
- .sm\:gap-4 { gap: var(--4) }
1037
- }
1038
- @media (min-width: 48rem) {
1039
- .md\:flex { display: flex; }
1040
- .md\:hidden { display: none; }
1041
- .md\:grid-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
1042
- .md\:not-last\:border-r:not(:last-child) { border-right-width: 1px }
1043
- .md\:nth-2\:border-r-0:nth-child(2) { border-right-width: 0px; border-style: var(--uni-border-style) }
1044
- .md\:not-last\:border-b-0:not(:last-child) { border-bottom-width: 0px; border-style: var(--uni-border-style) }
1045
- .md\:p-2 { padding: var(--2) }
1046
- }
1047
- @media (min-width: 64rem) {
1048
- .lg\:max-h-\[calc\(100vh_-_200px\)\] { max-height: calc(100vh - 200px) }
1049
- .lg\:grid-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
1050
- .lg\:not-last\:border-r:not(:last-child) { border-right-width: 1px }
1051
- }
1052
- .dark .dark\:text-color-gray-200 { color: var(--color-gray-200) }
1053
- .dark .dark\:shadow-none { --uni-shadow: 0 0 #0000; box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1054
- .dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) }
1055
- .dark .dark\:text-color-gray-700 { color: var(--color-gray-700) }
1056
- .dark .dark\:bg-color-gray-700 { background-color: var(--color-gray-700) }
1057
-
1058
- @keyframes spin {
1059
- to {
1060
- transform: rotate(360deg);
1061
- }
1062
- }
1063
- @keyframes ping {
1064
- 75%, 100% {
1065
- transform: scale(2);
1066
- opacity: 0;
1067
- }
1068
- }
1069
- @keyframes pulse {
1070
- 50% {
1071
- opacity: 0.5;
1072
- }
1073
- }
1074
- @keyframes bounce {
1075
- 0%, 100% {
1076
- transform: translateY(-25%);
1077
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1078
- }
1079
- 50% {
1080
- transform: none;
1081
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1082
- }
1083
- }
1084
- body {
1085
- font-family: 'Poppins', sans-serif;
1086
- }
1087
- .ripple {
1088
- position: absolute;
1089
- border-radius: 50%;
1090
- background-color: rgba(255, 255, 255, 0.3);
1091
- transform: scale(0);
1092
- animation: ripple-animation 1s ease-out;
1093
- pointer-events: none;
1094
- z-index: 1;
1095
- }
1096
-
1097
- @keyframes ripple-animation {
1098
- to {
1099
- transform: scale(4);
1100
- opacity: 0;
1101
- }
1102
- }
1103
-
1104
- .ripple_small {
1105
- position: absolute;
1106
- border-radius: 50%;
1107
- background-color: rgba(255, 255, 255, 0.3);
1108
- transform: scale(0);
1109
- animation: ripple-animation-small 600ms ease-out;
1110
- pointer-events: none;
1111
- z-index: 1;
1112
- }
1113
-
1114
- @keyframes ripple-animation-small {
1115
- to {
1116
- transform: scale(4);
1117
- opacity: 0;
1118
- }
1119
- }
1120
-
1121
- @keyframes progress-indeterminate {
1122
- 0% { left: -40%; }
1123
- 100% { left: 100%; }
1124
- }
1125
- .animate-progress-indeterminate {
1126
- animation: progress-indeterminate 1.2s cubic-bezier(0.4,0,0.2,1) infinite;
1127
- }
1128
- *,::after,::before,::backdrop,::file-selector-button {margin: 0; padding: 0; box-sizing: border-box; border: 0 solid; outline: 0 solid;}
1129
- h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: inherit;}
1130
- ol,ul,menu {list-style: none;}
1131
- img,svg,video,canvas,audio,iframe,embed,object {display: block;vertical-align: middle;}
1132
- img,video {max-width: 100%;height: auto;}
1133
- textarea {resize: vertical;}
1134
- :root {
1135
- --0: 0rem;
1136
- --1: 0.25rem;
1137
- --2: 0.5rem;
1138
- --3: 0.75rem;
1139
- --4: 1rem;
1140
- --5: 1.25rem;
1141
- --6: 1.5rem;
1142
- --7: 1.75rem;
1143
- --8: 2rem;
1144
- --9: 2.25rem;
1145
- --10: 2.5rem;
1146
- --11: 2.75rem;
1147
- --12: 3rem;
1148
- --14: 3.5rem;
1149
- --16: 4rem;
1150
- --18: 4.5rem;
1151
- --20: 5rem;
1152
- --24: 6rem;
1153
- --28: 7rem;
1154
- --32: 8rem;
1155
- --36: 9rem;
1156
- --40: 10rem;
1157
- --44: 11rem;
1158
- --48: 12rem;
1159
- --52: 13rem;
1160
- --56: 14rem;
1161
- --60: 15rem;
1162
- --64: 16rem;
1163
- --72: 18rem;
1164
- --80: 20rem;
1165
- --96: 24rem;
1166
- --112: 28rem;
1167
- --128: 32rem;
1168
- --color-white: oklch(100% 0 0);
1169
- --color-black: oklch(0% 0 0);
1170
- --color-inherit: inherit;
1171
- --color-transparent: transparent;
1172
- --color-current: currentColor;
1173
- --color-red-50: oklch(97.1% 0.013 17.38);
1174
- --color-red-100: oklch(93.6% 0.032 17.717);
1175
- --color-red-200: oklch(88.5% 0.062 18.334);
1176
- --color-red-300: oklch(80.8% 0.114 19.571);
1177
- --color-red-400: oklch(70.4% 0.191 22.216);
1178
- --color-red-500: oklch(63.7% 0.237 25.331);
1179
- --color-red-600: oklch(57.7% 0.245 27.325);
1180
- --color-red-700: oklch(50.5% 0.213 27.518);
1181
- --color-red-800: oklch(44.4% 0.177 26.899);
1182
- --color-red-900: oklch(39.6% 0.141 25.723);
1183
- --color-red-950: oklch(25.8% 0.092 26.042);
1184
- --color-orange-50: oklch(98% 0.016 73.684);
1185
- --color-orange-100: oklch(95.4% 0.038 75.164);
1186
- --color-orange-200: oklch(90.1% 0.076 70.697);
1187
- --color-orange-300: oklch(83.7% 0.128 66.29);
1188
- --color-orange-400: oklch(75% 0.183 55.934);
1189
- --color-orange-500: oklch(70.5% 0.213 47.604);
1190
- --color-orange-600: oklch(64.6% 0.222 41.116);
1191
- --color-orange-700: oklch(55.3% 0.195 38.402);
1192
- --color-orange-800: oklch(47% 0.157 37.304);
1193
- --color-orange-900: oklch(40.8% 0.123 38.172);
1194
- --color-orange-950: oklch(26.6% 0.079 36.259);
1195
- --color-amber-50: oklch(98.7% 0.022 95.277);
1196
- --color-amber-100: oklch(96.2% 0.059 95.617);
1197
- --color-amber-200: oklch(92.4% 0.12 95.746);
1198
- --color-amber-300: oklch(87.9% 0.169 91.605);
1199
- --color-amber-400: oklch(82.8% 0.189 84.429);
1200
- --color-amber-500: oklch(76.9% 0.188 70.08);
1201
- --color-amber-600: oklch(66.6% 0.179 58.318);
1202
- --color-amber-700: oklch(55.5% 0.163 48.998);
1203
- --color-amber-800: oklch(47.3% 0.137 46.201);
1204
- --color-amber-900: oklch(41.4% 0.112 45.904);
1205
- --color-amber-950: oklch(27.9% 0.077 45.635);
1206
- --color-yellow-50: oklch(98.7% 0.026 102.212);
1207
- --color-yellow-100: oklch(97.3% 0.071 103.193);
1208
- --color-yellow-200: oklch(94.5% 0.129 101.54);
1209
- --color-yellow-300: oklch(90.5% 0.182 98.111);
1210
- --color-yellow-400: oklch(85.2% 0.199 91.936);
1211
- --color-yellow-500: oklch(79.5% 0.184 86.047);
1212
- --color-yellow-600: oklch(68.1% 0.162 75.834);
1213
- --color-yellow-700: oklch(55.4% 0.135 66.442);
1214
- --color-yellow-800: oklch(47.6% 0.114 61.907);
1215
- --color-yellow-900: oklch(42.1% 0.095 57.708);
1216
- --color-yellow-950: oklch(28.6% 0.066 53.813);
1217
- --color-lime-50: oklch(98.6% 0.031 120.757);
1218
- --color-lime-100: oklch(96.7% 0.067 122.328);
1219
- --color-lime-200: oklch(93.8% 0.127 124.321);
1220
- --color-lime-300: oklch(89.7% 0.196 126.665);
1221
- --color-lime-400: oklch(84.1% 0.238 128.85);
1222
- --color-lime-500: oklch(76.8% 0.233 130.85);
1223
- --color-lime-600: oklch(64.8% 0.2 131.684);
1224
- --color-lime-700: oklch(53.2% 0.157 131.589);
1225
- --color-lime-800: oklch(45.3% 0.124 130.933);
1226
- --color-lime-900: oklch(40.5% 0.101 131.063);
1227
- --color-lime-950: oklch(27.4% 0.072 132.109);
1228
- --color-green-50: oklch(98.2% 0.018 155.826);
1229
- --color-green-100: oklch(96.2% 0.044 156.743);
1230
- --color-green-200: oklch(92.5% 0.084 155.995);
1231
- --color-green-300: oklch(87.1% 0.15 154.449);
1232
- --color-green-400: oklch(79.2% 0.209 151.711);
1233
- --color-green-500: oklch(72.3% 0.219 149.579);
1234
- --color-green-600: oklch(62.7% 0.194 149.214);
1235
- --color-green-700: oklch(52.7% 0.154 150.069);
1236
- --color-green-800: oklch(44.8% 0.119 151.328);
1237
- --color-green-900: oklch(39.3% 0.095 152.535);
1238
- --color-green-950: oklch(26.6% 0.065 152.934);
1239
- --color-emerald-50: oklch(97.9% 0.021 166.113);
1240
- --color-emerald-100: oklch(95% 0.052 163.051);
1241
- --color-emerald-200: oklch(90.5% 0.093 164.15);
1242
- --color-emerald-300: oklch(84.5% 0.143 164.978);
1243
- --color-emerald-400: oklch(76.5% 0.177 163.223);
1244
- --color-emerald-500: oklch(69.6% 0.17 162.48);
1245
- --color-emerald-600: oklch(59.6% 0.145 163.225);
1246
- --color-emerald-700: oklch(50.8% 0.118 165.612);
1247
- --color-emerald-800: oklch(43.2% 0.095 166.913);
1248
- --color-emerald-900: oklch(37.8% 0.077 168.94);
1249
- --color-emerald-950: oklch(26.2% 0.051 172.552);
1250
- --color-teal-50: oklch(98.4% 0.014 180.72);
1251
- --color-teal-100: oklch(95.3% 0.051 180.801);
1252
- --color-teal-200: oklch(91% 0.096 180.426);
1253
- --color-teal-300: oklch(85.5% 0.138 181.071);
1254
- --color-teal-400: oklch(77.7% 0.152 181.912);
1255
- --color-teal-500: oklch(70.4% 0.14 182.503);
1256
- --color-teal-600: oklch(60% 0.118 184.704);
1257
- --color-teal-700: oklch(51.1% 0.096 186.391);
1258
- --color-teal-800: oklch(43.7% 0.078 188.216);
1259
- --color-teal-900: oklch(38.6% 0.063 188.416);
1260
- --color-teal-950: oklch(27.7% 0.046 192.524);
1261
- --color-cyan-50: oklch(98.4% 0.019 200.873);
1262
- --color-cyan-100: oklch(95.6% 0.045 203.388);
1263
- --color-cyan-200: oklch(91.7% 0.08 205.041);
1264
- --color-cyan-300: oklch(86.5% 0.127 207.078);
1265
- --color-cyan-400: oklch(78.9% 0.154 211.53);
1266
- --color-cyan-500: oklch(71.5% 0.143 215.221);
1267
- --color-cyan-600: oklch(60.9% 0.126 221.723);
1268
- --color-cyan-700: oklch(52% 0.105 223.128);
1269
- --color-cyan-800: oklch(45% 0.085 224.283);
1270
- --color-cyan-900: oklch(39.8% 0.07 227.392);
1271
- --color-cyan-950: oklch(30.2% 0.056 229.695);
1272
- --color-sky-50: oklch(97.7% 0.013 236.62);
1273
- --color-sky-100: oklch(95.1% 0.026 236.824);
1274
- --color-sky-200: oklch(90.1% 0.058 230.902);
1275
- --color-sky-300: oklch(82.8% 0.111 230.318);
1276
- --color-sky-400: oklch(74.6% 0.16 232.661);
1277
- --color-sky-500: oklch(68.5% 0.169 237.323);
1278
- --color-sky-600: oklch(58.8% 0.158 241.966);
1279
- --color-sky-700: oklch(50% 0.134 242.749);
1280
- --color-sky-800: oklch(44.3% 0.11 240.79);
1281
- --color-sky-900: oklch(39.1% 0.09 240.876);
1282
- --color-sky-950: oklch(29.3% 0.066 243.157);
1283
- --color-blue-50: oklch(97% 0.014 254.604);
1284
- --color-blue-100: oklch(93.2% 0.032 255.585);
1285
- --color-blue-200: oklch(88.2% 0.059 254.128);
1286
- --color-blue-300: oklch(80.9% 0.105 251.813);
1287
- --color-blue-400: oklch(70.7% 0.165 254.624);
1288
- --color-blue-500: oklch(62.3% 0.214 259.815);
1289
- --color-blue-600: oklch(54.6% 0.245 262.881);
1290
- --color-blue-700: oklch(48.8% 0.243 264.376);
1291
- --color-blue-800: oklch(42.4% 0.199 265.638);
1292
- --color-blue-900: oklch(37.9% 0.146 265.522);
1293
- --color-blue-950: oklch(28.2% 0.091 267.935);
1294
- --color-indigo-50: oklch(96.2% 0.018 272.314);
1295
- --color-indigo-100: oklch(93% 0.034 272.788);
1296
- --color-indigo-200: oklch(87% 0.065 274.039);
1297
- --color-indigo-300: oklch(78.5% 0.115 274.713);
1298
- --color-indigo-400: oklch(67.3% 0.182 276.935);
1299
- --color-indigo-500: oklch(58.5% 0.233 277.117);
1300
- --color-indigo-600: oklch(51.1% 0.262 276.966);
1301
- --color-indigo-700: oklch(45.7% 0.24 277.023);
1302
- --color-indigo-800: oklch(39.8% 0.195 277.366);
1303
- --color-indigo-900: oklch(35.9% 0.144 278.697);
1304
- --color-indigo-950: oklch(25.7% 0.09 281.288);
1305
- --color-violet-50: oklch(96.9% 0.016 293.756);
1306
- --color-violet-100: oklch(94.3% 0.029 294.588);
1307
- --color-violet-200: oklch(89.4% 0.057 293.283);
1308
- --color-violet-300: oklch(81.1% 0.111 293.571);
1309
- --color-violet-400: oklch(70.2% 0.183 293.541);
1310
- --color-violet-500: oklch(60.6% 0.25 292.717);
1311
- --color-violet-600: oklch(54.1% 0.281 293.009);
1312
- --color-violet-700: oklch(49.1% 0.27 292.581);
1313
- --color-violet-800: oklch(43.2% 0.232 292.759);
1314
- --color-violet-900: oklch(38% 0.189 293.745);
1315
- --color-violet-950: oklch(28.3% 0.141 291.089);
1316
- --color-purple-50: oklch(97.7% 0.014 308.299);
1317
- --color-purple-100: oklch(94.6% 0.033 307.174);
1318
- --color-purple-200: oklch(90.2% 0.063 306.703);
1319
- --color-purple-300: oklch(82.7% 0.119 306.383);
1320
- --color-purple-400: oklch(71.4% 0.203 305.504);
1321
- --color-purple-500: oklch(62.7% 0.265 303.9);
1322
- --color-purple-600: oklch(55.8% 0.288 302.321);
1323
- --color-purple-700: oklch(49.6% 0.265 301.924);
1324
- --color-purple-800: oklch(43.8% 0.218 303.724);
1325
- --color-purple-900: oklch(38.1% 0.176 304.987);
1326
- --color-purple-950: oklch(29.1% 0.149 302.717);
1327
- --color-fuchsia-50: oklch(97.7% 0.017 320.058);
1328
- --color-fuchsia-100: oklch(95.2% 0.037 318.852);
1329
- --color-fuchsia-200: oklch(90.3% 0.076 319.62);
1330
- --color-fuchsia-300: oklch(83.3% 0.145 321.434);
1331
- --color-fuchsia-400: oklch(74% 0.238 322.16);
1332
- --color-fuchsia-500: oklch(66.7% 0.295 322.15);
1333
- --color-fuchsia-600: oklch(59.1% 0.293 322.896);
1334
- --color-fuchsia-700: oklch(51.8% 0.253 323.949);
1335
- --color-fuchsia-800: oklch(45.2% 0.211 324.591);
1336
- --color-fuchsia-900: oklch(40.1% 0.17 325.612);
1337
- --color-fuchsia-950: oklch(29.3% 0.136 325.661);
1338
- --color-pink-50: oklch(97.1% 0.014 343.198);
1339
- --color-pink-100: oklch(94.8% 0.028 342.258);
1340
- --color-pink-200: oklch(89.9% 0.061 343.231);
1341
- --color-pink-300: oklch(82.3% 0.12 346.018);
1342
- --color-pink-400: oklch(71.8% 0.202 349.761);
1343
- --color-pink-500: oklch(65.6% 0.241 354.308);
1344
- --color-pink-600: oklch(59.2% 0.249 0.584);
1345
- --color-pink-700: oklch(52.5% 0.223 3.958);
1346
- --color-pink-800: oklch(45.9% 0.187 3.815);
1347
- --color-pink-900: oklch(40.8% 0.153 2.432);
1348
- --color-pink-950: oklch(28.4% 0.109 3.907);
1349
- --color-rose-50: oklch(96.9% 0.015 12.422);
1350
- --color-rose-100: oklch(94.1% 0.03 12.58);
1351
- --color-rose-200: oklch(89.2% 0.058 10.001);
1352
- --color-rose-300: oklch(81% 0.117 11.638);
1353
- --color-rose-400: oklch(71.2% 0.194 13.428);
1354
- --color-rose-500: oklch(64.5% 0.246 16.439);
1355
- --color-rose-600: oklch(58.6% 0.253 17.585);
1356
- --color-rose-700: oklch(51.4% 0.222 16.935);
1357
- --color-rose-800: oklch(45.5% 0.188 13.697);
1358
- --color-rose-900: oklch(41% 0.159 10.272);
1359
- --color-rose-950: oklch(27.1% 0.105 12.094);
1360
- --color-slate-50: oklch(98.4% 0.003 247.858);
1361
- --color-slate-100: oklch(96.8% 0.007 247.896);
1362
- --color-slate-200: oklch(92.9% 0.013 255.508);
1363
- --color-slate-300: oklch(86.9% 0.022 252.894);
1364
- --color-slate-400: oklch(70.4% 0.04 256.788);
1365
- --color-slate-500: oklch(55.4% 0.046 257.417);
1366
- --color-slate-600: oklch(44.6% 0.043 257.281);
1367
- --color-slate-700: oklch(37.2% 0.044 257.287);
1368
- --color-slate-800: oklch(27.9% 0.041 260.031);
1369
- --color-slate-900: oklch(20.8% 0.042 265.755);
1370
- --color-slate-950: oklch(12.9% 0.042 264.695);
1371
- --color-gray-50: oklch(98.5% 0.002 247.839);
1372
- --color-gray-100: oklch(96.7% 0.003 264.542);
1373
- --color-gray-200: oklch(92.8% 0.006 264.531);
1374
- --color-gray-300: oklch(87.2% 0.01 258.338);
1375
- --color-gray-400: oklch(70.7% 0.022 261.325);
1376
- --color-gray-500: oklch(55.1% 0.027 264.364);
1377
- --color-gray-600: oklch(44.6% 0.03 256.802);
1378
- --color-gray-700: oklch(37.3% 0.034 259.733);
1379
- --color-gray-800: oklch(27.8% 0.033 256.848);
1380
- --color-gray-900: oklch(21% 0.034 264.665);
1381
- --color-gray-950: oklch(13% 0.028 261.692);
1382
- --color-zinc-50: oklch(98.5% 0.001 106.423);
1383
- --color-zinc-100: oklch(96.7% 0.001 106.424);
1384
- --color-zinc-200: oklch(92% 0.004 286.32);
1385
- --color-zinc-300: oklch(87.1% 0.006 286.286);
1386
- --color-zinc-400: oklch(70.5% 0.015 286.067);
1387
- --color-zinc-500: oklch(55.2% 0.016 285.938);
1388
- --color-zinc-600: oklch(44.2% 0.017 285.786);
1389
- --color-zinc-700: oklch(37% 0.013 285.805);
1390
- --color-zinc-800: oklch(27.4% 0.006 286.033);
1391
- --color-zinc-900: oklch(21% 0.006 285.885);
1392
- --color-zinc-950: oklch(14.1% 0.005 285.823);
1393
- --color-neutral-50: oklch(98.5% 0 0);
1394
- --color-neutral-100: oklch(97% 0 0);
1395
- --color-neutral-200: oklch(92.2% 0 0);
1396
- --color-neutral-300: oklch(87% 0 0);
1397
- --color-neutral-400: oklch(70.8% 0 0);
1398
- --color-neutral-500: oklch(55.6% 0 0);
1399
- --color-neutral-600: oklch(43.9% 0 0);
1400
- --color-neutral-700: oklch(37.1% 0 0);
1401
- --color-neutral-800: oklch(26.9% 0 0);
1402
- --color-neutral-900: oklch(20.5% 0 0);
1403
- --color-neutral-950: oklch(14.5% 0 0);
1404
- --color-stone-50: oklch(98.5% 0.001 106.423);
1405
- --color-stone-100: oklch(97% 0.001 106.424);
1406
- --color-stone-200: oklch(92.3% 0.003 48.717);
1407
- --color-stone-300: oklch(86.9% 0.005 56.366);
1408
- --color-stone-400: oklch(70.9% 0.01 56.259);
1409
- --color-stone-500: oklch(55.3% 0.013 58.071);
1410
- --color-stone-600: oklch(44.4% 0.011 73.639);
1411
- --color-stone-700: oklch(37.4% 0.01 67.558);
1412
- --color-stone-800: oklch(26.8% 0.007 34.298);
1413
- --color-stone-900: oklch(21.6% 0.006 56.043);
1414
- --color-stone-950: oklch(14.7% 0.004 49.25);
1415
- --container-3xs: 16rem;
1416
- --container-2xs: 18rem;
1417
- --container-xs: 20rem;
1418
- --container-sm: 24rem;
1419
- --container-md: 28rem;
1420
- --container-lg: 32rem;
1421
- --container-xl: 36rem;
1422
- --container-2xl: 42rem;
1423
- --container-3xl: 48rem;
1424
- --container-4xl: 56rem;
1425
- --container-5xl: 64rem;
1426
- --container-6xl: 72rem;
1427
- --container-7xl: 80rem;
1428
- --text-xs: 0.75rem;
1429
- --text-sm: 0.875rem;
1430
- --text-base: 1rem;
1431
- --text-lg: 1.125rem;
1432
- --text-xl: 1.25rem;
1433
- --text-2xl: 1.5rem;
1434
- --text-3xl: 1.875rem;
1435
- --text-4xl: 2.25rem;
1436
- --text-5xl: 3rem;
1437
- --text-6xl: 3.75rem;
1438
- --text-7xl: 4.5rem;
1439
- --text-8xl: 6rem;
1440
- --text-9xl: 8rem;
1441
- --radius-xs: 0.125rem;
1442
- --radius-sm: 0.25rem;
1443
- --radius-md: 0.375rem;
1444
- --radius-lg: 0.5rem;
1445
- --radius-xl: 0.75rem;
1446
- --radius-2xl: 1rem;
1447
- --radius-3xl: 1.5rem;
1448
- --radius-4xl: 2rem;
1449
- --blur-xs: 4px;
1450
- --blur-sm: 8px;
1451
- --blur-md: 12px;
1452
- --blur-lg: 16px;
1453
- --blur-xl: 24px;
1454
- --blur-2xl: 32px;
1455
- --blur-3xl: 40px;
1456
- --blur-4xl: 48px;
1457
- --blur-5xl: 64px;
1458
- --uni-blur: blur(0);
1459
- --uni-drop-shadow: drop-shadow(0 0 #0000);
1460
- --uni-drop-shadow-color: rgb(0 0 0 / 0.15);
1461
- --uni-brightness: brightness(100%);
1462
- --uni-contrast: contrast(100%);
1463
- --uni-grayscale: grayscale(0%);
1464
- --uni-hue-rotate: hue-rotate(0deg);
1465
- --uni-invert: invert(0%);
1466
- --uni-saturate: saturate(100%);
1467
- --uni-sepia: sepia(0%);
1468
- --uni-backdrop-blur: blur(0);
1469
- --uni-backdrop-brightness: brightness(100%);
1470
- --uni-backdrop-contrast: contrast(100%);
1471
- --uni-backdrop-grayscale: grayscale(0%);
1472
- --uni-backdrop-hue-rotate: hue-rotate(0deg);
1473
- --uni-backdrop-invert: invert(0%);
1474
- --uni-backdrop-saturate: saturate(100%);
1475
- --uni-backdrop-opacity: opacity(1);
1476
- --uni-backdrop-sepia: sepia(0%);
1477
- --animate-spin: spin 1s linear infinite;
1478
- --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1479
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1480
- --animate-bounce: bounce 1s infinite;
1481
- --uni-rotate-x: rotateX(0deg);
1482
- --uni-rotate-y: rotateY(0deg);
1483
- --uni-rotate-z: rotateZ(0deg);
1484
- --uni-skew-x: skewX(0deg);
1485
- --uni-skew-y: skewY(0deg);
1486
- --uni-scale-x: 100%;
1487
- --uni-scale-y: 100%;
1488
- --uni-translate-x: 0px;
1489
- --uni-translate-y: 0px;
1490
- --uni-translate-z: 0px;
1491
- --uni-border-style: solid;
1492
- --uni-outline-style: solid;
1493
- }
1494
-
1495
- .hidden { display: none; }
1496
- .top-4 { top: var(--4) }
1497
- .bottom-4 { bottom: var(--4) }
1498
- .left-4 { left: var(--4) }
1499
- .right-4 { right: var(--4) }
1500
- .left-1\/2 { left: 50% }
1501
- .-translate-x-1\/2 { --uni-translate-x: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1502
- .translate-y-0 { --uni-translate-y: var(--0); translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1503
- .-translate-y-full { translate: var(--uni-translate-x) -100%; }
1504
- .translate-y-full { translate: var(--uni-translate-x) 100%; }
1505
- .opacity-100 { opacity: 1 }
1506
- .opacity-0 { opacity: 0 }
1507
- .hover\:\!bg-color-white\/10:hover { background-color: color-mix(in srgb, var(--color-white) 10%, transparent) !important }
1508
- .bg-color-gray-800 { background-color: var(--color-gray-800) }
1509
- .text-color-white { color: var(--color-white) }
1510
- .bg-color-gray-500 { background-color: var(--color-gray-500) }
1511
- .bg-color-white { background-color: var(--color-white) }
1512
- .text-color-gray-700 { color: var(--color-gray-700) }
1513
- .bg-color-zinc-200 { background-color: var(--color-zinc-200) }
1514
- .text-color-zinc-800 { color: var(--color-zinc-800) }
1515
- .bg-color-red-500 { background-color: var(--color-red-500) }
1516
- .bg-color-orange-500 { background-color: var(--color-orange-500) }
1517
- .bg-color-amber-500 { background-color: var(--color-amber-500) }
1518
- .bg-color-yellow-500 { background-color: var(--color-yellow-500) }
1519
- .bg-color-lime-500 { background-color: var(--color-lime-500) }
1520
- .bg-color-green-500 { background-color: var(--color-green-500) }
1521
- .bg-color-emerald-500 { background-color: var(--color-emerald-500) }
1522
- .bg-color-teal-500 { background-color: var(--color-teal-500) }
1523
- .bg-color-cyan-500 { background-color: var(--color-cyan-500) }
1524
- .bg-color-sky-500 { background-color: var(--color-sky-500) }
1525
- .bg-color-blue-500 { background-color: var(--color-blue-500) }
1526
- .bg-color-indigo-500 { background-color: var(--color-indigo-500) }
1527
- .bg-color-violet-500 { background-color: var(--color-violet-500) }
1528
- .bg-color-purple-500 { background-color: var(--color-purple-500) }
1529
- .bg-color-fuchsia-500 { background-color: var(--color-fuchsia-500) }
1530
- .bg-color-pink-500 { background-color: var(--color-pink-500) }
1531
- .bg-color-rose-500 { background-color: var(--color-rose-500) }
1532
- .accent-color-gray-800 { accent-color: var(--color-gray-800) }
1533
- .accent-color-gray-500 { accent-color: var(--color-gray-500) }
1534
- .accent-color-white { accent-color: var(--color-white) }
1535
- .accent-color-zinc-200 { accent-color: var(--color-zinc-200) }
1536
- .accent-color-red-500 { accent-color: var(--color-red-500) }
1537
- .accent-color-orange-500 { accent-color: var(--color-orange-500) }
1538
- .accent-color-amber-500 { accent-color: var(--color-amber-500) }
1539
- .accent-color-yellow-500 { accent-color: var(--color-yellow-500) }
1540
- .accent-color-lime-500 { accent-color: var(--color-lime-500) }
1541
- .accent-color-green-500 { accent-color: var(--color-green-500) }
1542
- .accent-color-emerald-500 { accent-color: var(--color-emerald-500) }
1543
- .accent-color-teal-500 { accent-color: var(--color-teal-500) }
1544
- .accent-color-cyan-500 { accent-color: var(--color-cyan-500) }
1545
- .accent-color-sky-500 { accent-color: var(--color-sky-500) }
1546
- .accent-color-blue-500 { accent-color: var(--color-blue-500) }
1547
- .accent-color-indigo-500 { accent-color: var(--color-indigo-500) }
1548
- .accent-color-violet-500 { accent-color: var(--color-violet-500) }
1549
- .accent-color-purple-500 { accent-color: var(--color-purple-500) }
1550
- .accent-color-fuchsia-500 { accent-color: var(--color-fuchsia-500) }
1551
- .accent-color-pink-500 { accent-color: var(--color-pink-500) }
1552
- .accent-color-rose-500 { accent-color: var(--color-rose-500) }
1553
- .border-color-gray-800 { border-color: var(--color-gray-800) }
1554
- .text-color-gray-800 { color: var(--color-gray-800) }
1555
- .border-color-gray-500 { border-color: var(--color-gray-500) }
1556
- .text-color-gray-500 { color: var(--color-gray-500) }
1557
- .border-color-white { border-color: var(--color-white) }
1558
- .border-color-zinc-200 { border-color: var(--color-zinc-200) }
1559
- .text-color-zinc-200 { color: var(--color-zinc-200) }
1560
- .border-color-red-500 { border-color: var(--color-red-500) }
1561
- .text-color-red-500 { color: var(--color-red-500) }
1562
- .border-color-orange-500 { border-color: var(--color-orange-500) }
1563
- .text-color-orange-500 { color: var(--color-orange-500) }
1564
- .border-color-amber-500 { border-color: var(--color-amber-500) }
1565
- .text-color-amber-500 { color: var(--color-amber-500) }
1566
- .border-color-yellow-500 { border-color: var(--color-yellow-500) }
1567
- .text-color-yellow-500 { color: var(--color-yellow-500) }
1568
- .border-color-lime-500 { border-color: var(--color-lime-500) }
1569
- .text-color-lime-500 { color: var(--color-lime-500) }
1570
- .border-color-green-500 { border-color: var(--color-green-500) }
1571
- .text-color-green-500 { color: var(--color-green-500) }
1572
- .border-color-emerald-500 { border-color: var(--color-emerald-500) }
1573
- .text-color-emerald-500 { color: var(--color-emerald-500) }
1574
- .border-color-teal-500 { border-color: var(--color-teal-500) }
1575
- .text-color-teal-500 { color: var(--color-teal-500) }
1576
- .border-color-cyan-500 { border-color: var(--color-cyan-500) }
1577
- .text-color-cyan-500 { color: var(--color-cyan-500) }
1578
- .border-color-sky-500 { border-color: var(--color-sky-500) }
1579
- .text-color-sky-500 { color: var(--color-sky-500) }
1580
- .border-color-blue-500 { border-color: var(--color-blue-500) }
1581
- .text-color-blue-500 { color: var(--color-blue-500) }
1582
- .border-color-indigo-500 { border-color: var(--color-indigo-500) }
1583
- .text-color-indigo-500 { color: var(--color-indigo-500) }
1584
- .border-color-violet-500 { border-color: var(--color-violet-500) }
1585
- .text-color-violet-500 { color: var(--color-violet-500) }
1586
- .border-color-purple-500 { border-color: var(--color-purple-500) }
1587
- .text-color-purple-500 { color: var(--color-purple-500) }
1588
- .border-color-fuchsia-500 { border-color: var(--color-fuchsia-500) }
1589
- .text-color-fuchsia-500 { color: var(--color-fuchsia-500) }
1590
- .border-color-pink-500 { border-color: var(--color-pink-500) }
1591
- .text-color-pink-500 { color: var(--color-pink-500) }
1592
- .border-color-rose-500 { border-color: var(--color-rose-500) }
1593
- .text-color-rose-500 { color: var(--color-rose-500) }
1594
- .peer:checked ~ .peer-checked\:border-color-gray-800 { border-color: var(--color-gray-800) }
1595
- .peer:checked ~ .peer-checked\:text-color-gray-950 { color: var(--color-gray-950) }
1596
- .peer:checked ~ .peer-checked\:border-color-gray-500 { border-color: var(--color-gray-500) }
1597
- .peer:checked ~ .peer-checked\:border-color-white { border-color: var(--color-white) }
1598
- .peer:checked ~ .peer-checked\:text-color-gray-100 { color: var(--color-gray-100) }
1599
- .peer:checked ~ .peer-checked\:border-color-zinc-200 { border-color: var(--color-zinc-200) }
1600
- .peer:checked ~ .peer-checked\:text-color-zinc-500 { color: var(--color-zinc-500) }
1601
- .peer:checked ~ .peer-checked\:border-color-red-500 { border-color: var(--color-red-500) }
1602
- .peer:checked ~ .peer-checked\:text-color-red-800 { color: var(--color-red-800) }
1603
- .peer:checked ~ .peer-checked\:border-color-orange-500 { border-color: var(--color-orange-500) }
1604
- .peer:checked ~ .peer-checked\:text-color-orange-800 { color: var(--color-orange-800) }
1605
- .peer:checked ~ .peer-checked\:border-color-amber-500 { border-color: var(--color-amber-500) }
1606
- .peer:checked ~ .peer-checked\:text-color-amber-800 { color: var(--color-amber-800) }
1607
- .peer:checked ~ .peer-checked\:border-color-yellow-500 { border-color: var(--color-yellow-500) }
1608
- .peer:checked ~ .peer-checked\:text-color-yellow-800 { color: var(--color-yellow-800) }
1609
- .peer:checked ~ .peer-checked\:border-color-lime-500 { border-color: var(--color-lime-500) }
1610
- .peer:checked ~ .peer-checked\:text-color-lime-800 { color: var(--color-lime-800) }
1611
- .peer:checked ~ .peer-checked\:border-color-green-500 { border-color: var(--color-green-500) }
1612
- .peer:checked ~ .peer-checked\:text-color-green-800 { color: var(--color-green-800) }
1613
- .peer:checked ~ .peer-checked\:border-color-emerald-500 { border-color: var(--color-emerald-500) }
1614
- .peer:checked ~ .peer-checked\:text-color-emerald-800 { color: var(--color-emerald-800) }
1615
- .peer:checked ~ .peer-checked\:border-color-teal-500 { border-color: var(--color-teal-500) }
1616
- .peer:checked ~ .peer-checked\:text-color-teal-800 { color: var(--color-teal-800) }
1617
- .peer:checked ~ .peer-checked\:border-color-cyan-500 { border-color: var(--color-cyan-500) }
1618
- .peer:checked ~ .peer-checked\:text-color-cyan-800 { color: var(--color-cyan-800) }
1619
- .peer:checked ~ .peer-checked\:border-color-sky-500 { border-color: var(--color-sky-500) }
1620
- .peer:checked ~ .peer-checked\:text-color-sky-800 { color: var(--color-sky-800) }
1621
- .peer:checked ~ .peer-checked\:border-color-blue-500 { border-color: var(--color-blue-500) }
1622
- .peer:checked ~ .peer-checked\:text-color-blue-800 { color: var(--color-blue-800) }
1623
- .peer:checked ~ .peer-checked\:border-color-indigo-500 { border-color: var(--color-indigo-500) }
1624
- .peer:checked ~ .peer-checked\:text-color-indigo-800 { color: var(--color-indigo-800) }
1625
- .peer:checked ~ .peer-checked\:border-color-violet-500 { border-color: var(--color-violet-500) }
1626
- .peer:checked ~ .peer-checked\:text-color-violet-800 { color: var(--color-violet-800) }
1627
- .peer:checked ~ .peer-checked\:border-color-purple-500 { border-color: var(--color-purple-500) }
1628
- .peer:checked ~ .peer-checked\:text-color-purple-800 { color: var(--color-purple-800) }
1629
- .peer:checked ~ .peer-checked\:border-color-fuchsia-500 { border-color: var(--color-fuchsia-500) }
1630
- .peer:checked ~ .peer-checked\:text-color-fuchsia-800 { color: var(--color-fuchsia-800) }
1631
- .peer:checked ~ .peer-checked\:border-color-pink-500 { border-color: var(--color-pink-500) }
1632
- .peer:checked ~ .peer-checked\:text-color-pink-800 { color: var(--color-pink-800) }
1633
- .peer:checked ~ .peer-checked\:border-color-rose-500 { border-color: var(--color-rose-500) }
1634
- .peer:checked ~ .peer-checked\:text-color-rose-800 { color: var(--color-rose-800) }
1635
- .bg-color-gray-200 { background-color: var(--color-gray-200) }
1636
- .bg-color-gray-900 { background-color: var(--color-gray-900) }
1637
- .border-color-gray-950 { border-color: var(--color-gray-950) }
1638
- .shadow-color-gray-300 { --uni-shadow-color: var(--color-gray-300); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1639
- .hover\:bg-color-gray-900:hover { background-color: var(--color-gray-900) }
1640
- .active\:bg-color-gray-900:active { background-color: var(--color-gray-900) }
1641
- .border-color-gray-600 { border-color: var(--color-gray-600) }
1642
- .shadow-color-gray-200 { --uni-shadow-color: var(--color-gray-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1643
- .hover\:bg-color-gray-600:hover { background-color: var(--color-gray-600) }
1644
- .active\:bg-color-gray-700:active { background-color: var(--color-gray-700) }
1645
- .bg-color-gray-600 { background-color: var(--color-gray-600) }
1646
- .bg-color-gray-100 { background-color: var(--color-gray-100) }
1647
- .hover\:bg-color-gray-200:hover { background-color: var(--color-gray-200) }
1648
- .active\:bg-color-white:active { background-color: var(--color-white) }
1649
- .bg-color-zinc-500 { background-color: var(--color-zinc-500) }
1650
- .border-color-zinc-600 { border-color: var(--color-zinc-600) }
1651
- .shadow-color-zinc-200 { --uni-shadow-color: var(--color-zinc-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1652
- .hover\:bg-color-zinc-600:hover { background-color: var(--color-zinc-600) }
1653
- .active\:bg-color-zinc-700:active { background-color: var(--color-zinc-700) }
1654
- .bg-color-red-200 { background-color: var(--color-red-200) }
1655
- .border-color-red-600\/50 { border-color: color-mix(in srgb, var(--color-red-600) 50%, transparent) }
1656
- .shadow-color-red-200 { --uni-shadow-color: var(--color-red-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1657
- .hover\:bg-color-red-600:hover { background-color: var(--color-red-600) }
1658
- .active\:bg-color-red-700:active { background-color: var(--color-red-700) }
1659
- .bg-color-orange-200 { background-color: var(--color-orange-200) }
1660
- .border-color-orange-600\/50 { border-color: color-mix(in srgb, var(--color-orange-600) 50%, transparent) }
1661
- .shadow-color-orange-200 { --uni-shadow-color: var(--color-orange-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1662
- .hover\:bg-color-orange-600:hover { background-color: var(--color-orange-600) }
1663
- .active\:bg-color-orange-700:active { background-color: var(--color-orange-700) }
1664
- .bg-color-amber-200 { background-color: var(--color-amber-200) }
1665
- .border-color-amber-600\/50 { border-color: color-mix(in srgb, var(--color-amber-600) 50%, transparent) }
1666
- .shadow-color-amber-200 { --uni-shadow-color: var(--color-amber-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1667
- .hover\:bg-color-amber-600:hover { background-color: var(--color-amber-600) }
1668
- .active\:bg-color-amber-700:active { background-color: var(--color-amber-700) }
1669
- .bg-color-yellow-200 { background-color: var(--color-yellow-200) }
1670
- .border-color-yellow-600\/50 { border-color: color-mix(in srgb, var(--color-yellow-600) 50%, transparent) }
1671
- .shadow-color-yellow-200 { --uni-shadow-color: var(--color-yellow-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1672
- .hover\:bg-color-yellow-600:hover { background-color: var(--color-yellow-600) }
1673
- .active\:bg-color-yellow-700:active { background-color: var(--color-yellow-700) }
1674
- .bg-color-lime-200 { background-color: var(--color-lime-200) }
1675
- .border-color-lime-600\/50 { border-color: color-mix(in srgb, var(--color-lime-600) 50%, transparent) }
1676
- .shadow-color-lime-200 { --uni-shadow-color: var(--color-lime-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1677
- .hover\:bg-color-lime-600:hover { background-color: var(--color-lime-600) }
1678
- .active\:bg-color-lime-700:active { background-color: var(--color-lime-700) }
1679
- .bg-color-green-200 { background-color: var(--color-green-200) }
1680
- .border-color-green-600\/50 { border-color: color-mix(in srgb, var(--color-green-600) 50%, transparent) }
1681
- .shadow-color-green-200 { --uni-shadow-color: var(--color-green-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1682
- .hover\:bg-color-green-600:hover { background-color: var(--color-green-600) }
1683
- .active\:bg-color-green-700:active { background-color: var(--color-green-700) }
1684
- .bg-color-emerald-200 { background-color: var(--color-emerald-200) }
1685
- .border-color-emerald-600\/50 { border-color: color-mix(in srgb, var(--color-emerald-600) 50%, transparent) }
1686
- .shadow-color-emerald-200 { --uni-shadow-color: var(--color-emerald-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1687
- .hover\:bg-color-emerald-600:hover { background-color: var(--color-emerald-600) }
1688
- .active\:bg-color-emerald-700:active { background-color: var(--color-emerald-700) }
1689
- .bg-color-teal-200 { background-color: var(--color-teal-200) }
1690
- .border-color-teal-600\/50 { border-color: color-mix(in srgb, var(--color-teal-600) 50%, transparent) }
1691
- .shadow-color-teal-200 { --uni-shadow-color: var(--color-teal-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1692
- .hover\:bg-color-teal-600:hover { background-color: var(--color-teal-600) }
1693
- .active\:bg-color-teal-700:active { background-color: var(--color-teal-700) }
1694
- .bg-color-cyan-200 { background-color: var(--color-cyan-200) }
1695
- .border-color-cyan-600\/50 { border-color: color-mix(in srgb, var(--color-cyan-600) 50%, transparent) }
1696
- .shadow-color-cyan-200 { --uni-shadow-color: var(--color-cyan-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1697
- .hover\:bg-color-cyan-600:hover { background-color: var(--color-cyan-600) }
1698
- .active\:bg-color-cyan-700:active { background-color: var(--color-cyan-700) }
1699
- .bg-color-sky-200 { background-color: var(--color-sky-200) }
1700
- .border-color-sky-600\/50 { border-color: color-mix(in srgb, var(--color-sky-600) 50%, transparent) }
1701
- .shadow-color-sky-200 { --uni-shadow-color: var(--color-sky-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1702
- .hover\:bg-color-sky-600:hover { background-color: var(--color-sky-600) }
1703
- .active\:bg-color-sky-700:active { background-color: var(--color-sky-700) }
1704
- .bg-color-blue-200 { background-color: var(--color-blue-200) }
1705
- .border-color-blue-600\/50 { border-color: color-mix(in srgb, var(--color-blue-600) 50%, transparent) }
1706
- .shadow-color-blue-200 { --uni-shadow-color: var(--color-blue-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1707
- .hover\:bg-color-blue-600:hover { background-color: var(--color-blue-600) }
1708
- .active\:bg-color-blue-700:active { background-color: var(--color-blue-700) }
1709
- .bg-color-indigo-200 { background-color: var(--color-indigo-200) }
1710
- .border-color-indigo-600\/50 { border-color: color-mix(in srgb, var(--color-indigo-600) 50%, transparent) }
1711
- .shadow-color-indigo-200 { --uni-shadow-color: var(--color-indigo-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1712
- .hover\:bg-color-indigo-600:hover { background-color: var(--color-indigo-600) }
1713
- .active\:bg-color-indigo-700:active { background-color: var(--color-indigo-700) }
1714
- .bg-color-violet-200 { background-color: var(--color-violet-200) }
1715
- .border-color-violet-600\/50 { border-color: color-mix(in srgb, var(--color-violet-600) 50%, transparent) }
1716
- .shadow-color-violet-200 { --uni-shadow-color: var(--color-violet-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1717
- .hover\:bg-color-violet-600:hover { background-color: var(--color-violet-600) }
1718
- .active\:bg-color-violet-700:active { background-color: var(--color-violet-700) }
1719
- .bg-color-purple-200 { background-color: var(--color-purple-200) }
1720
- .border-color-purple-600\/50 { border-color: color-mix(in srgb, var(--color-purple-600) 50%, transparent) }
1721
- .shadow-color-purple-200 { --uni-shadow-color: var(--color-purple-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1722
- .hover\:bg-color-purple-600:hover { background-color: var(--color-purple-600) }
1723
- .active\:bg-color-purple-700:active { background-color: var(--color-purple-700) }
1724
- .bg-color-fuchsia-200 { background-color: var(--color-fuchsia-200) }
1725
- .border-color-fuchsia-600\/50 { border-color: color-mix(in srgb, var(--color-fuchsia-600) 50%, transparent) }
1726
- .shadow-color-fuchsia-200 { --uni-shadow-color: var(--color-fuchsia-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1727
- .hover\:bg-color-fuchsia-600:hover { background-color: var(--color-fuchsia-600) }
1728
- .active\:bg-color-fuchsia-700:active { background-color: var(--color-fuchsia-700) }
1729
- .bg-color-pink-200 { background-color: var(--color-pink-200) }
1730
- .border-color-pink-600\/50 { border-color: color-mix(in srgb, var(--color-pink-600) 50%, transparent) }
1731
- .shadow-color-pink-200 { --uni-shadow-color: var(--color-pink-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1732
- .hover\:bg-color-pink-600:hover { background-color: var(--color-pink-600) }
1733
- .active\:bg-color-pink-700:active { background-color: var(--color-pink-700) }
1734
- .bg-color-rose-200 { background-color: var(--color-rose-200) }
1735
- .border-color-rose-600\/50 { border-color: color-mix(in srgb, var(--color-rose-600) 50%, transparent) }
1736
- .shadow-color-rose-200 { --uni-shadow-color: var(--color-rose-200); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1737
- .hover\:bg-color-rose-600:hover { background-color: var(--color-rose-600) }
1738
- .active\:bg-color-rose-700:active { background-color: var(--color-rose-700) }
1739
- .text-5xl { font-size: var(--text-5xl); }
1740
- .font-bold { font-weight: 700; }
1741
- .text-4xl { font-size: var(--text-4xl); }
1742
- .text-3xl { font-size: var(--text-3xl); }
1743
- .text-2xl { font-size: var(--text-2xl); }
1744
- .font-semibold { font-weight: 600; }
1745
- .text-xl { font-size: var(--text-xl); }
1746
- .text-lg { font-size: var(--text-lg); }
1747
- .text-base { font-size: var(--text-base); }
1748
- .font-medium { font-weight: 500; }
1749
- .text-sm { font-size: var(--text-sm); }
1750
- .font-normal { font-weight: 400; }
1751
- .text-xs { font-size: var(--text-xs); }
1752
- .uppercase { text-transform: uppercase; }
1753
- .tracking-wide { letter-spacing: 0.025em; }
1754
- .text-color-primary { color: var(--color-primary) }
1755
- .text-color-secondary { color: var(--color-secondary) }
1756
- .text-color-accent { color: var(--color-accent) }
1757
- .text-color-gray-400 { color: var(--color-gray-400) }
1758
- .overline { text-decoration-line: overline; }
1759
- .inline-block { display: inline-block; }
1760
- .fixed { position: fixed; }
1761
- .z-50 { z-index: 50 }
1762
- .px-2 { padding-inline: var(--2) }
1763
- .py-1 { padding-block: var(--1) }
1764
- .rounded { border-radius: 4px; }
1765
- .shadow-md { --uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1766
- .whitespace-nowrap { white-space: nowrap; }
1767
- .pointer-events-none { pointer-events: none; }
1768
- .text-center { text-align: center; }
1769
- .pt-24 { padding-top: var(--24) }
1770
- .px-4 { padding-inline: var(--4) }
1771
- .py-2 { padding-block: var(--2) }
1772
- .bg-color-blue-600 { background-color: var(--color-blue-600) }
1773
- .bg-color-green-600 { background-color: var(--color-green-600) }
1774
- .bg-color-red-600 { background-color: var(--color-red-600) }
1775
- .bg-color-purple-600 { background-color: var(--color-purple-600) }
1776
- .relative { position: relative; }
1777
- .w-11 { width: var(--11) }
1778
- .h-6 { height: var(--6) }
1779
- .flex { display: flex; }
1780
- .items-center { align-items: center; }
1781
- .rounded-full { border-radius: calc(infinity * 1px) }
1782
- .transition-color { --uni-transition-property: color; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
1783
- .duration-300 { --uni-transition-duration: 300ms; transition-duration: var(--uni-transition-duration, 150ms) }
1784
- .bg-color-gray-300 { background-color: var(--color-gray-300) }
1785
- .opacity-50 { opacity: 0.5 }
1786
- .cursor-not-allowed { cursor: not-allowed; }
1787
- .cursor-pointer { cursor: pointer; }
1788
- .absolute { position: absolute; }
1789
- .top-\[4px\] { top: 4px }
1790
- .left-1 { left: var(--1) }
1791
- .w-4 { width: var(--4) }
1792
- .h-4 { height: var(--4) }
1793
- .justify-center { justify-content: center; }
1794
- .transition-all { --uni-transition-property: all; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
1795
- .translate-x-\[19px\] { --uni-translate-x: 19px; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1796
- .-translate-x-0 { --uni-translate-x: calc(-1 * var(--0)); translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1797
- .animate-spin { animation: var(--animate-spin) }
1798
- .size-3 { width: var(--3); height: var(--3) }
1799
- .flex-wrap { flex-wrap: wrap; }
1800
- :where(.space-x-2 > :not(:last-child)) { margin-right: var(--2); }
1801
- :where(.space-y-2 > :not(:last-child)) { margin-bottom: var(--2); }
1802
- .w-full { width: 100%; }
1803
- .mb-2 { margin-bottom: var(--2) }
1804
- .block { display: block; }
1805
- .rounded-md { border-radius: var(--radius-md) }
1806
- .border { border-width: 1px; }
1807
- .focus-within\:ring-1:focus-within { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1808
- .pl-3 { padding-left: var(--3) }
1809
- .grow { flex-grow: 1; }
1810
- .bg-color-transparent { background-color: transparent; }
1811
- .px-3 { padding-inline: var(--3) }
1812
- .py-3 { padding-block: var(--3) }
1813
- .outline-0 { outline-width: 0px; outline-style: var(--uni-outline-style) }
1814
- .text-md { font-size: var(--text-md) }
1815
- .placeholder\:font-normal::placeholder { font-weight: 400 }
1816
- .pr-3 { padding-right: var(--3) }
1817
- .mt-1 { margin-top: var(--1) }
1818
- .size-5 { width: var(--5); height: var(--5) }
1819
- .placeholder\:text-color-gray-400::placeholder { color: var(--color-gray-400) }
1820
- .border-color-gray-200 { border-color: var(--color-gray-200) }
1821
- .bg-color-gray-50 { background-color: var(--color-gray-50) }
1822
- .flex-col { flex-direction: column; }
1823
- .gap-1 { gap: var(--1) }
1824
- .border-color-gray-300 { border-color: var(--color-gray-300) }
1825
- .resize-none { resize: none; }
1826
- .focus\:ring-1:focus { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1827
- .focus\:outline-none:focus { outline-width: nonepx; outline-style: var(--uni-outline-style) }
1828
- .flex-row { flex-direction: row; }
1829
- .min-w-\[160px\] { min-width: 160px }
1830
- .border-r { border-right-width: 1px; }
1831
- :where(.space-x-6 > :not(:last-child)) { margin-right: var(--6); }
1832
- .border-b { border-bottom-width: 1px; }
1833
- .duration-200 { --uni-transition-duration: 200ms; transition-duration: var(--uni-transition-duration, 150ms) }
1834
- .py-4 { padding-block: var(--4) }
1835
- .text-color-gray-600 { color: var(--color-gray-600) }
1836
- .hover\:text-color-blue-500:hover { color: var(--color-blue-500) }
1837
- :where(.space-x-3 > :not(:last-child)) { margin-right: var(--3); }
1838
- .right-0 { right: var(--0) }
1839
- .top-3 { top: var(--3) }
1840
- .bottom-3 { bottom: var(--3) }
1841
- .w-1 { width: var(--1) }
1842
- .bottom-0 { bottom: var(--0) }
1843
- .left-0 { left: var(--0) }
1844
- .h-1 { height: var(--1) }
1845
- .mt-4 { margin-top: var(--4) }
1846
- .ml-6 { margin-left: var(--6) }
1847
- .mt-0 { margin-top: var(--0) }
1848
- .size-4 { width: var(--4); height: var(--4) }
1849
- .overflow-y-auto { overflow-y: auto; }
1850
- .border-collapse { border-collapse: collapse; }
1851
- .sticky { position: sticky; }
1852
- .top-0 { top: var(--0) }
1853
- .rounded-xl { border-radius: var(--radius-xl) }
1854
- .bg-color-\[\#FAFBFB\] { background-color: #FAFBFB }
1855
- .z-10 { z-index: 10 }
1856
- .h-10 { height: var(--10) }
1857
- .p-2 { padding: var(--2) }
1858
- .text-left { text-align: left; }
1859
- .border-t { border-top-width: 1px; }
1860
- .justify-between { justify-content: space-between; }
1861
- .gap-2 { gap: var(--2) }
1862
- .w-9 { width: var(--9) }
1863
- .h-9 { height: var(--9) }
1864
- .rounded-lg { border-radius: var(--radius-lg) }
1865
- .leading-none { line-height: 1; }
1866
- .bg-color-blue-100 { background-color: var(--color-blue-100) }
1867
- .bg-color-red-100 { background-color: var(--color-red-100) }
1868
- .bg-color-yellow-100 { background-color: var(--color-yellow-100) }
1869
- .text-color-yellow-600 { color: var(--color-yellow-600) }
1870
- .bg-color-yellow-400 { background-color: var(--color-yellow-400) }
1871
- .w-10 { width: var(--10) }
1872
- .min-w-10 { min-width: var(--10) }
1873
- .shrink-0 { flex-shrink: 0 }
1874
- .text-nowrap { text-wrap: nowrap; }
1875
- .py-0\\5 { padding-block: var(--0.5) }
1876
- .bg-color-green-100 { background-color: var(--color-green-100) }
1877
- .text-color-green-600 { color: var(--color-green-600) }
1878
- .w-fit { width: fit-content; }
1879
- .p-1 { padding: var(--1) }
1880
- .bg-color-blue-50 { background-color: var(--color-blue-50) }
1881
- .border-color-blue-200 { border-color: var(--color-blue-200) }
1882
- .text-color-blue-600 { color: var(--color-blue-600) }
1883
- .border-color-blue-300 { border-color: var(--color-blue-300) }
1884
- .text-color-red-600 { color: var(--color-red-600) }
1885
- .border-color-red-300 { border-color: var(--color-red-300) }
1886
- .border-color-yellow-300 { border-color: var(--color-yellow-300) }
1887
- .w-7 { width: var(--7) }
1888
- .h-7 { height: var(--7) }
1889
- .ring { --uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1890
- .mx-4 { margin-left: var(--4); margin-right: var(--4) }
1891
- .size-6 { width: var(--6); height: var(--6) }
1892
- .p-4 { padding: var(--4) }
1893
- .inset-0 { inset: var(--0) }
1894
- .z-40 { z-index: 40 }
1895
- .bg-color-black\/10 { background-color: color-mix(in srgb, var(--color-black) 10%, transparent) }
1896
- .backdrop-blur-\[1px\] { --uni-backdrop-blur: blur(1px); backdrop-filter: var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia); }
1897
- .min-w-72 { min-width: var(--72) }
1898
- .max-w-lg { max-width: var(--container-lg); }
1899
- .shadow-xl { --uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1900
- .gap-3 { gap: var(--3) }
1901
- .backdrop-blur-sm { --uni-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia); }
1902
- .border-color-white\/20 { border-color: color-mix(in srgb, var(--color-white) 20%, transparent) }
1903
- .flex-1 { flex: 1 }
1904
- .leading-relaxed { line-height: 1.625; }
1905
- .flex-shrink-0 { flex: shrink-0 }
1906
- .-mr-1 { margin-right: calc(-1 * var(--1)) }
1907
- .visible { visibility: visible; }
1908
- .bottom-center { bottom: var(--center) }
1909
- .top-left { top: var(--left) }
1910
- .top-center { top: var(--center) }
1911
- .top-right { top: var(--right) }
1912
- .bottom-left { bottom: var(--left) }
1913
- .bottom-right { bottom: var(--right) }
1914
- .grid { display: grid; }
1915
- .none { shadow: 0 0 #0000; }
1916
- .capitalize { text-transform: capitalize; }
1917
- .inherit { shadow: inherit; }
1918
- .underline { text-decoration-line: underline; }
1919
- .w-3 { width: var(--3) }
1920
- .h-3 { height: var(--3) }
1921
- .h-2 { height: var(--2) }
1922
- .w-5 { width: var(--5) }
1923
- .h-5 { height: var(--5) }
1924
- .ml-3 { margin-left: var(--3) }
1925
- .min-w-\[2rem\] { min-width: 2rem }
1926
- .opacity-60 { opacity: 0.6 }
1927
- .duration-150 { --uni-transition-duration: 150ms; transition-duration: var(--uni-transition-duration, 150ms) }
1928
- .top-1\/2 { top: 50% }
1929
- .-translate-y-1\/2 { --uni-translate-y: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
1930
- .border-2 { border-width: 2px; border-style: var(--uni-border-style) }
1931
- .cursor-grab { cursor: grab; }
1932
- .hover\:shadow-lg:hover { --uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1933
- .cursor-grabbing { cursor: grabbing; }
1934
- .scale-110 { scale: 110% }
1935
- .ring-2 { --uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1936
- .ring-offset-1 { --uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1937
- .ring-blue-300 { --uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1938
- .z-20 { z-index: 20 }
1939
- .text-right { text-align: right; }
1940
- .mt-2 { margin-top: var(--2) }
1941
- .w-\[calc\(100\%_-_2\.75rem\)\] { width: calc(100% - 2.75rem) }
1942
- .w-80 { width: var(--80) }
1943
- :where(.space-y-8 > :not(:last-child)) { margin-bottom: var(--8); }
1944
- :where(.space-y-4 > :not(:last-child)) { margin-bottom: var(--4); }
1945
- .text-gray-600 { font-size: var(--text-gray-600) }
1946
- .animate-pulse { animation: var(--animate-pulse) }
1947
- .overflow-hidden { overflow: hidden; }
1948
- .rounded-sm { border-radius: var(--radius-sm) }
1949
- .bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%) }
1950
- .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
1951
- .mb-4 { margin-bottom: var(--4) }
1952
- .pb-6 { padding-bottom: var(--6) }
1953
- .no-underline { text-decoration-line: none; }
1954
- .hover\:bg-color-gray-50:hover { background-color: var(--color-gray-50) }
1955
- .h-\[30px\] { height: 30px }
1956
- .p-3 { padding: var(--3) }
1957
- .mb-1 { margin-bottom: var(--1) }
1958
- .appearance-none { appearance: none; }
1959
- .outline-none { outline-width: nonepx; outline-style: var(--uni-outline-style) }
1960
- .\!bg-color-gray-50 { background-color: var(--color-gray-50) !important }
1961
- .shadow-color-zinc-100 { --uni-shadow-color: var(--color-zinc-100); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1962
- .text-color-gray-900 { color: var(--color-gray-900) }
1963
- .right-3 { right: var(--3) }
1964
- .right-2 { right: var(--2) }
1965
- .hover\:text-color-gray-600:hover { color: var(--color-gray-600) }
1966
- .top-full { top: 100%; }
1967
- .max-h-56 { max-height: var(--56) }
1968
- .overflow-auto { overflow: auto; }
1969
- .shadow-sm { --uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1970
- .select-none { user-select: none; }
1971
- .bg-color-indigo-50 { background-color: var(--color-indigo-50) }
1972
- .text-color-indigo-700 { color: var(--color-indigo-700) }
1973
- .mx-auto { margin-inline: auto; }
1974
- .max-w-sm { max-width: var(--container-sm); }
1975
- .gap-6 { gap: var(--6) }
1976
- .hover\:opacity-90:hover { opacity: 0.9 }
1977
- .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 }
1978
- .border-color-gray-400 { border-color: var(--color-gray-400) }
1979
- .peer:checked ~ .peer-checked\:border-\[7px\] { border-width: 7px; border-style: var(--uni-border-style) }
1980
- .ml-2 { margin-left: var(--2) }
1981
- .-rotate-90 { rotate: calc(90deg * -1) }
1982
- .text-color-gray-200 { color: var(--color-gray-200) }
1983
- .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
1984
- .h-full { height: 100%; }
1985
- .md { shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); }
1986
- .py-\[0\.35rem\] { padding-block: 0.35rem }
1987
- .gap-4 { gap: var(--4) }
1988
- :where(.space-x-1 > :not(:last-child)) { margin-right: var(--1); }
1989
- .w-8 { width: var(--8) }
1990
- .h-8 { height: var(--8) }
1991
- .w-12 { width: var(--12) }
1992
- .h-12 { height: var(--12) }
1993
- .w-16 { width: var(--16) }
1994
- .h-16 { height: var(--16) }
1995
- .rounded-none { border-radius: 0px; }
1996
- .ring-color-primary { --uni-ring-color: var(--color-primary); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
1997
- .min-w-20 { min-width: var(--20) }
1998
- .max-w-60 { max-width: var(--60) }
1999
- .shadow-lg { --uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
2000
- .bottom-7 { bottom: var(--7) }
2001
- .top-6 { top: var(--6) }
2002
- .ml-4 { margin-left: var(--4) }
2003
- :where(.divide-y > :not(:last-child)) { border-bottom-width: 1px; border-style: solid; }
2004
- :where(.divide-color-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); }
2005
- .focus\:outline-0:focus { outline-width: 0px; outline-style: var(--uni-outline-style) }
2006
- .size-8 { width: var(--8); height: var(--8) }
2007
- .size-12 { width: var(--12); height: var(--12) }
2008
- .size-10 { width: var(--10); height: var(--10) }
2009
- .\!text-color-gray-400 { color: var(--color-gray-400) !important }
2010
- .hover\:bg-color-transparent:hover { background-color: var(--color-transparent) }
2011
- .\!border-color-gray-200 { border-color: var(--color-gray-200) !important }
2012
- .\!bg-color-gray-200 { background-color: var(--color-gray-200) !important }
2013
- .transparent { shadow: transparent; }
2014
- .p-6 { padding: var(--6) }
2015
- .max-w-md { max-width: var(--container-md); }
2016
- .object-contain { object-fit: contain; }
2017
- .border-style-dashed { --uni-border-style: dashed; border-style: var(--uni-border-style) }
2018
- .p-0 { padding: var(--0) }
2019
- .bg-color-red-50 { background-color: var(--color-red-50) }
2020
- .px-6 { padding-inline: var(--6) }
2021
- .pt-6 { padding-top: var(--6) }
2022
- .pb-4 { padding-bottom: var(--4) }
2023
- .pb-2 { padding-bottom: var(--2) }
2024
- :where(.space-y-1 > :not(:last-child)) { margin-bottom: var(--1); }
2025
- .grid-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
2026
- .object-cover { object-fit: cover; }
2027
- .max-w-\[200px\] { max-width: 200px }
2028
- .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
2029
- .hover\:text-color-red-700:hover { color: var(--color-red-700) }
2030
- .w-40 { width: var(--40) }
2031
- .border-color-gray-100 { border-color: var(--color-gray-100) }
2032
- .hover\:bg-color-gray-100:hover { background-color: var(--color-gray-100) }
2033
- .\!rounded-full { border-radius: calc(infinity * 1px) !important }
2034
- .min-w-96 { min-width: var(--96) }
2035
- .min-h-40 { min-height: var(--40) }
2036
- .bg-color-black\/50 { background-color: color-mix(in srgb, var(--color-black) 50%, transparent) }
2037
- .\!absolute { position: absolute !important; }
2038
- .translate-x-full { translate: 100% var(--uni-translate-y); }
2039
- .-translate-x-full { translate: -100% var(--uni-translate-y); }
2040
- .justify-end { justify-content: flex-end; }
2041
- .pl-4 { padding-left: var(--4) }
2042
- .pt-4 { padding-top: var(--4) }
2043
- .max-w-xl { max-width: var(--container-xl); }
2044
- .max-w-2xl { max-width: var(--container-2xl); }
2045
- .max-w-4xl { max-width: var(--container-4xl); }
2046
- .max-w-6xl { max-width: var(--container-6xl); }
2047
- .scale-100 { scale: 100% }
2048
- .scale-95 { scale: 95% }
2049
- .h-\[calc\(100\%_-_40px\)\] { height: calc(100% - 40px) }
2050
- .m-5 { margin: var(--5) }
2051
- .mx-5 { margin-left: var(--5); margin-right: var(--5) }
2052
- .w-auto { width: auto; }
2053
- .max-h-\[calc\(100vh_-_130px\)\] { max-height: calc(100vh - 130px) }
2054
- .mt-8 { margin-top: var(--8) }
2055
- .hover\:bg-color-blue-700:hover { background-color: var(--color-blue-700) }
2056
- .hover\:bg-color-gray-300:hover { background-color: var(--color-gray-300) }
2057
- .border-0 { border-width: 0px; border-style: var(--uni-border-style) }
2058
- .border-l { border-left-width: 1px; }
2059
- .w-72 { width: var(--72) }
2060
- .mb-3 { margin-bottom: var(--3) }
2061
- .grid-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) }
2062
- .hover\:bg-color-blue-100:hover { background-color: var(--color-blue-100) }
2063
- .hover\:bg-color-blue-500:hover { background-color: var(--color-blue-500) }
2064
- .\!cursor-not-allowed { cursor: not-allowed !important; }
2065
- .bg-color-gray-400 { background-color: var(--color-gray-400) }
2066
- .\!justify-between { justify-content: space-between !important; }
2067
- .\!border-color-red-500 { border-color: var(--color-red-500) !important }
2068
- .\!text-color-red-500 { color: var(--color-red-500) !important }
2069
- .\!border-color-green-500 { border-color: var(--color-green-500) !important }
2070
- .\!text-color-green-500 { color: var(--color-green-500) !important }
2071
- .grid-columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
2072
- .justify-items-center { justify-items: center; }
2073
- .not-last\:border-b:not(:last-child) { }
2074
- .not-last\:pb-4:not(:last-child) { padding-bottom: var(--4) }
2075
- .bg-color-teal-100 { background-color: var(--color-teal-100) }
2076
- .bg-color-purple-100 { background-color: var(--color-purple-100) }
2077
- .inline-flex { display: inline-flex; }
2078
- .w-\[16px\] { width: 16px }
2079
- .h-\[16px\] { height: 16px }
2080
- .checked\:bg-color-blue-500:checked { background-color: var(--color-blue-500) }
2081
- .checked\:border-color-blue-500:checked { border-color: var(--color-blue-500) }
2082
- .text-color-transparent { color: transparent; }
2083
- .checked\:text-color-white:checked { color: var(--color-white) }
2084
- .after\:content-\[✓\]::after { content: "✓"; }
2085
- .after\:absolute:after { position: absolute }
2086
- .after\:text-\[12px\]:after { font-size: 12px }
2087
- .after\:font-bold:after { font-weight: 700 }
2088
- .after\:top-1\/2:after { top: 50% }
2089
- .after\:left-1\/2:after { left: 50% }
2090
- .after\:-translate-x-1\/2:after { --uni-translate-x: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
2091
- .after\:-translate-y-1\/2:after { --uni-translate-y: -50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
2092
- .cursor-default { cursor: default; }
2093
- .transition-transform { --uni-transition-property: transform; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
2094
- .bg-color-white\/80 { background-color: color-mix(in srgb, var(--color-white) 80%, transparent) }
2095
- .hover\:bg-color-white:hover { background-color: var(--color-white) }
2096
- .left-2 { left: var(--2) }
2097
- .top-2 { top: var(--2) }
2098
- .transition-colo { --uni-transition-property: colo; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
2099
- .bottom-2 { bottom: var(--2) }
2100
- .mt-3 { margin-top: var(--3) }
2101
- .bg-color-white\/90 { background-color: color-mix(in srgb, var(--color-white) 90%, transparent) }
2102
- .px-\[5px\] { padding-inline: 5px }
2103
- .rotate-90 { rotate: 90deg }
2104
- .size-\[10px\] { width: 10px; height: 10px }
2105
- .hover\:opacity-100:hover { opacity: 1 }
2106
- .scale-105 { scale: 105% }
2107
- .opacity-70 { opacity: 0.7 }
2108
- .\!border-none { border-width: 0px !important; }
2109
- .\!border-none { }
2110
- .h-fit { height: fit-content; }
2111
- .text-color-blue-primary { color: var(--color-blue-primary) }
2112
- .pr-1 { padding-right: var(--1) }
2113
- .shadow-xs { --uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
2114
- .rounded-2xl { border-radius: var(--radius-2xl) }
2115
- .h-auto { height: auto; }
2116
- .items-start { align-items: flex-start; }
2117
- .h-px { height: 1px; }
2118
- .my-5 { margin-top: var(--5); margin-bottom: var(--5) }
2119
- .px-5 { padding-inline: var(--5) }
2120
- .\!text-color-gray-300 { color: var(--color-gray-300) !important }
2121
- .\!bg-color-gray-300 { background-color: var(--color-gray-300) !important }
2122
- .\!text-color-white { color: var(--color-white) !important }
2123
- .mr-1 { margin-right: var(--1) }
2124
- .hover\:underline:hover { text-decoration-line: underline }
2125
- .mx-2 { margin-left: var(--2); margin-right: var(--2) }
2126
- .static { position: static; }
2127
- .justify-around { justify-content: space-around; }
2128
- .pb-16 { padding-bottom: var(--16) }
2129
- .\!bg-color-red-50 { background-color: var(--color-red-50) !important }
2130
- .text-color-red-400 { color: var(--color-red-400) }
2131
- .text-color-red-800 { color: var(--color-red-800) }
2132
- .w-2 { width: var(--2) }
2133
- .px-\[10px\] { padding-inline: 10px }
2134
- .translate-x-1\/2 { --uni-translate-x: 50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
2135
- .translate-y-1\/2 { --uni-translate-y: 50%; translate: var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z); }
2136
- .items-end { align-items: flex-end; }
2137
- .w-14 { width: var(--14) }
2138
- .h-14 { height: var(--14) }
2139
- .w-20 { width: var(--20) }
2140
- .h-20 { height: var(--20) }
2141
- :where(.-space-x-2 > :not(:last-child)) { margin-right: calc(-1 * var(--2)); }
2142
- .ring-color-white { --uni-ring-color: var(--color-white); box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
2143
- .text-color-blue-800 { color: var(--color-blue-800) }
2144
- .bg-color-green-50 { background-color: var(--color-green-50) }
2145
- .border-color-green-300 { border-color: var(--color-green-300) }
2146
- .text-color-green-800 { color: var(--color-green-800) }
2147
- .bg-color-yellow-50 { background-color: var(--color-yellow-50) }
2148
- .text-color-yellow-800 { color: var(--color-yellow-800) }
2149
- .size-7 { width: var(--7); height: var(--7) }
2150
- .bg-color-gray-700 { background-color: var(--color-gray-700) }
2151
- .border-t-4 { border-top-width: 4px; border-style: var(--uni-border-style) }
2152
- .transition-colors { --uni-transition-property: colors; transition-property: var(--uni-transition-property, all); transition-duration: var(--uni-transition-duration, 150ms) }
2153
- .text-gray-700 { font-size: var(--text-gray-700) }
2154
- .-top-1 { top: calc(-1 * var(--1)) }
2155
- .gap-20 { gap: var(--20) }
2156
- .grid-rows-\[0fr\] { grid-template-rows: 0fr }
2157
- .grid-rows-\[1fr\] { grid-template-rows: 1fr }
2158
- .\!bg-color-gray-100 { background-color: var(--color-gray-100) !important }
2159
- @media (min-width: 40rem) {
2160
- .sm\:grid-columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
2161
- .sm\:p-4 { padding: var(--4) }
2162
- .sm\:gap-4 { gap: var(--4) }
2163
- }
2164
- @media (min-width: 48rem) {
2165
- .md\:flex { display: flex; }
2166
- .md\:hidden { display: none; }
2167
- .md\:grid-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
2168
- .md\:not-last\:border-r:not(:last-child) { border-right-width: 1px }
2169
- .md\:nth-2\:border-r-0:nth-child(2) { border-right-width: 0px; border-style: var(--uni-border-style) }
2170
- .md\:not-last\:border-b-0:not(:last-child) { border-bottom-width: 0px; border-style: var(--uni-border-style) }
2171
- .md\:p-2 { padding: var(--2) }
2172
- }
2173
- @media (min-width: 64rem) {
2174
- .lg\:max-h-\[calc\(100vh_-_200px\)\] { max-height: calc(100vh - 200px) }
2175
- .lg\:grid-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
2176
- .lg\:not-last\:border-r:not(:last-child) { border-right-width: 1px }
2177
- }
2178
- .dark .dark\:text-color-gray-200 { color: var(--color-gray-200) }
2179
- .dark .dark\:shadow-none { --uni-shadow: 0 0 #0000; box-shadow: var(--uni-inset-shadow, 0 0 #0000), var(--uni-inset-ring-shadow, 0 0 #0000), var(--uni-ring-shadow, 0 0 #0000), var(--uni-shadow, 0 0 #0000); }
2180
- .dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) }
2181
- .dark .dark\:text-color-gray-700 { color: var(--color-gray-700) }
2182
- .dark .dark\:bg-color-gray-700 { background-color: var(--color-gray-700) }
2183
-
2184
- @keyframes spin {
2185
- to {
2186
- transform: rotate(360deg);
2187
- }
2188
- }
2189
- @keyframes ping {
2190
- 75%, 100% {
2191
- transform: scale(2);
2192
- opacity: 0;
2193
- }
2194
- }
2195
- @keyframes pulse {
2196
- 50% {
2197
- opacity: 0.5;
2198
- }
2199
- }
2200
- @keyframes bounce {
2201
- 0%, 100% {
2202
- transform: translateY(-25%);
2203
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2204
- }
2205
- 50% {
2206
- transform: none;
2207
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2208
- }
2209
- }
1
+ .ripple{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation 1s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple_small{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation-small .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation-small{to{transform:scale(4);opacity:0}}@keyframes progress-indeterminate{0%{left:-40%}to{left:100%}}.animate-progress-indeterminate{animation:progress-indeterminate 1.2s cubic-bezier(.4,0,.2,1) infinite}button{cursor:pointer;background-color:transparent}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid;outline:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}textarea{resize:vertical}:root{--0: 0rem;--1: .25rem;--2: .5rem;--3: .75rem;--4: 1rem;--5: 1.25rem;--6: 1.5rem;--7: 1.75rem;--8: 2rem;--9: 2.25rem;--10: 2.5rem;--11: 2.75rem;--12: 3rem;--14: 3.5rem;--16: 4rem;--18: 4.5rem;--20: 5rem;--24: 6rem;--28: 7rem;--32: 8rem;--36: 9rem;--40: 10rem;--44: 11rem;--48: 12rem;--52: 13rem;--56: 14rem;--60: 15rem;--64: 16rem;--72: 18rem;--80: 20rem;--96: 24rem;--112: 28rem;--128: 32rem;--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-inherit: inherit;--color-transparent: transparent;--color-current: currentColor;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-50: oklch(98% .016 73.684);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-800: oklch(47% .157 37.304);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-800: oklch(47.6% .114 61.907);--color-yellow-900: oklch(42.1% .095 57.708);--color-yellow-950: oklch(28.6% .066 53.813);--color-lime-50: oklch(98.6% .031 120.757);--color-lime-100: oklch(96.7% .067 122.328);--color-lime-200: oklch(93.8% .127 124.321);--color-lime-300: oklch(89.7% .196 126.665);--color-lime-400: oklch(84.1% .238 128.85);--color-lime-500: oklch(76.8% .233 130.85);--color-lime-600: oklch(64.8% .2 131.684);--color-lime-700: oklch(53.2% .157 131.589);--color-lime-800: oklch(45.3% .124 130.933);--color-lime-900: oklch(40.5% .101 131.063);--color-lime-950: oklch(27.4% .072 132.109);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-300: oklch(87.1% .15 154.449);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-emerald-950: oklch(26.2% .051 172.552);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-300: oklch(85.5% .138 181.071);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-teal-800: oklch(43.7% .078 188.216);--color-teal-900: oklch(38.6% .063 188.416);--color-teal-950: oklch(27.7% .046 192.524);--color-cyan-50: oklch(98.4% .019 200.873);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-200: oklch(91.7% .08 205.041);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-900: oklch(39.8% .07 227.392);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-200: oklch(90.1% .058 230.902);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-sky-700: oklch(50% .134 242.749);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-900: oklch(39.1% .09 240.876);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: oklch(96.2% .018 272.314);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-200: oklch(87% .065 274.039);--color-indigo-300: oklch(78.5% .115 274.713);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-800: oklch(39.8% .195 277.366);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-900: oklch(38% .189 293.745);--color-violet-950: oklch(28.3% .141 291.089);--color-purple-50: oklch(97.7% .014 308.299);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-300: oklch(82.7% .119 306.383);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-800: oklch(43.8% .218 303.724);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-fuchsia-50: oklch(97.7% .017 320.058);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-200: oklch(90.3% .076 319.62);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-fuchsia-700: oklch(51.8% .253 323.949);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-900: oklch(40.1% .17 325.612);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-pink-50: oklch(97.1% .014 343.198);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-800: oklch(45.9% .187 3.815);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-50: oklch(96.9% .015 12.422);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-200: oklch(89.2% .058 10.001);--color-rose-300: oklch(81% .117 11.638);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-rose-800: oklch(45.5% .188 13.697);--color-rose-900: oklch(41% .159 10.272);--color-rose-950: oklch(27.1% .105 12.094);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-slate-950: oklch(12.9% .042 264.695);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-50: oklch(98.5% .001 106.423);--color-zinc-100: oklch(96.7% .001 106.424);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--color-neutral-50: oklch(98.5% 0 0);--color-neutral-100: oklch(97% 0 0);--color-neutral-200: oklch(92.2% 0 0);--color-neutral-300: oklch(87% 0 0);--color-neutral-400: oklch(70.8% 0 0);--color-neutral-500: oklch(55.6% 0 0);--color-neutral-600: oklch(43.9% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-neutral-950: oklch(14.5% 0 0);--color-stone-50: oklch(98.5% .001 106.423);--color-stone-100: oklch(97% .001 106.424);--color-stone-200: oklch(92.3% .003 48.717);--color-stone-300: oklch(86.9% .005 56.366);--color-stone-400: oklch(70.9% .01 56.259);--color-stone-500: oklch(55.3% .013 58.071);--color-stone-600: oklch(44.4% .011 73.639);--color-stone-700: oklch(37.4% .01 67.558);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-stone-950: oklch(14.7% .004 49.25);--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 32px;--blur-3xl: 40px;--blur-4xl: 48px;--blur-5xl: 64px;--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-drop-shadow-color: rgb(0 0 0 / .15);--uni-brightness: brightness(100%);--uni-contrast: contrast(100%);--uni-grayscale: grayscale(0%);--uni-hue-rotate: hue-rotate(0deg);--uni-invert: invert(0%);--uni-saturate: saturate(100%);--uni-sepia: sepia(0%);--uni-backdrop-blur: blur(0);--uni-backdrop-brightness: brightness(100%);--uni-backdrop-contrast: contrast(100%);--uni-backdrop-grayscale: grayscale(0%);--uni-backdrop-hue-rotate: hue-rotate(0deg);--uni-backdrop-invert: invert(0%);--uni-backdrop-saturate: saturate(100%);--uni-backdrop-opacity: opacity(1);--uni-backdrop-sepia: sepia(0%);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--uni-rotate-x: rotateX(0deg);--uni-rotate-y: rotateY(0deg);--uni-rotate-z: rotateZ(0deg);--uni-skew-x: skewX(0deg);--uni-skew-y: skewY(0deg);--uni-scale-x: 100%;--uni-scale-y: 100%;--uni-translate-x: 0px;--uni-translate-y: 0px;--uni-translate-z: 0px;--uni-border-style: solid;--uni-outline-style: solid}.hidden{display:none}.top-4{top:var(--4)}.bottom-4{bottom:var(--4)}.left-4{left:var(--4)}.right-4{right:var(--4)}.left-1\/2{left:50%}.-translate-x-1\/2{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-0{--uni-translate-y: var(--0);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{translate:var(--uni-translate-x) -100%}.translate-y-full{translate:var(--uni-translate-x) 100%}.opacity-100{opacity:1}.opacity-0{opacity:0}.hover\:\!bg-color-white\/10:hover{background-color:color-mix(in srgb,var(--color-white) 10%,transparent)!important}.bg-color-gray-900{background-color:var(--color-gray-900)}.text-color-gray-200{color:var(--color-gray-200)}.border-color-gray-900{border-color:var(--color-gray-900)}.text-color-gray-900{color:var(--color-gray-900)}.accent-color-gray-900{accent-color:var(--color-gray-900)}.peer:checked~.peer-checked\:border-color-gray-900{border-color:var(--color-gray-900)}.peer:checked~.peer-checked\:text-color-gray-900{color:var(--color-gray-900)}.bg-color-gray-500{background-color:var(--color-gray-500)}.text-color-white{color:var(--color-white)}.border-color-gray-500{border-color:var(--color-gray-500)}.text-color-gray-500{color:var(--color-gray-500)}.accent-color-gray-500{accent-color:var(--color-gray-500)}.peer:checked~.peer-checked\:border-color-gray-500{border-color:var(--color-gray-500)}.peer:checked~.peer-checked\:text-color-gray-500{color:var(--color-gray-500)}.bg-color-white{background-color:var(--color-white)}.text-color-gray-700{color:var(--color-gray-700)}.border-color-white{border-color:var(--color-white)}.accent-color-white{accent-color:var(--color-white)}.peer:checked~.peer-checked\:border-color-white{border-color:var(--color-white)}.peer:checked~.peer-checked\:text-color-white{color:var(--color-white)}.bg-color-zinc-200{background-color:var(--color-zinc-200)}.text-color-zinc-600{color:var(--color-zinc-600)}.border-color-zinc-200{border-color:var(--color-zinc-200)}.text-color-zinc-900{color:var(--color-zinc-900)}.accent-color-zinc-200{accent-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:border-color-zinc-200{border-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:text-color-zinc-200{color:var(--color-zinc-200)}.bg-color-red-500{background-color:var(--color-red-500)}.border-color-red-500{border-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.accent-color-red-500{accent-color:var(--color-red-500)}.peer:checked~.peer-checked\:border-color-red-500{border-color:var(--color-red-500)}.peer:checked~.peer-checked\:text-color-red-500{color:var(--color-red-500)}.bg-color-orange-500{background-color:var(--color-orange-500)}.border-color-orange-500{border-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.accent-color-orange-500{accent-color:var(--color-orange-500)}.peer:checked~.peer-checked\:border-color-orange-500{border-color:var(--color-orange-500)}.peer:checked~.peer-checked\:text-color-orange-500{color:var(--color-orange-500)}.bg-color-amber-500{background-color:var(--color-amber-500)}.border-color-amber-500{border-color:var(--color-amber-500)}.text-color-amber-500{color:var(--color-amber-500)}.accent-color-amber-500{accent-color:var(--color-amber-500)}.peer:checked~.peer-checked\:border-color-amber-500{border-color:var(--color-amber-500)}.peer:checked~.peer-checked\:text-color-amber-500{color:var(--color-amber-500)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.border-color-yellow-500{border-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.accent-color-yellow-500{accent-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:border-color-yellow-500{border-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-lime-500{background-color:var(--color-lime-500)}.border-color-lime-500{border-color:var(--color-lime-500)}.text-color-lime-500{color:var(--color-lime-500)}.accent-color-lime-500{accent-color:var(--color-lime-500)}.peer:checked~.peer-checked\:border-color-lime-500{border-color:var(--color-lime-500)}.peer:checked~.peer-checked\:text-color-lime-500{color:var(--color-lime-500)}.bg-color-green-500{background-color:var(--color-green-500)}.border-color-green-500{border-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.accent-color-green-500{accent-color:var(--color-green-500)}.peer:checked~.peer-checked\:border-color-green-500{border-color:var(--color-green-500)}.peer:checked~.peer-checked\:text-color-green-500{color:var(--color-green-500)}.bg-color-emerald-500{background-color:var(--color-emerald-500)}.border-color-emerald-500{border-color:var(--color-emerald-500)}.text-color-emerald-500{color:var(--color-emerald-500)}.accent-color-emerald-500{accent-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:border-color-emerald-500{border-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:text-color-emerald-500{color:var(--color-emerald-500)}.bg-color-teal-500{background-color:var(--color-teal-500)}.border-color-teal-500{border-color:var(--color-teal-500)}.text-color-teal-500{color:var(--color-teal-500)}.accent-color-teal-500{accent-color:var(--color-teal-500)}.peer:checked~.peer-checked\:border-color-teal-500{border-color:var(--color-teal-500)}.peer:checked~.peer-checked\:text-color-teal-500{color:var(--color-teal-500)}.bg-color-cyan-500{background-color:var(--color-cyan-500)}.border-color-cyan-500{border-color:var(--color-cyan-500)}.text-color-cyan-500{color:var(--color-cyan-500)}.accent-color-cyan-500{accent-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:border-color-cyan-500{border-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:text-color-cyan-500{color:var(--color-cyan-500)}.bg-color-sky-500{background-color:var(--color-sky-500)}.border-color-sky-500{border-color:var(--color-sky-500)}.text-color-sky-500{color:var(--color-sky-500)}.accent-color-sky-500{accent-color:var(--color-sky-500)}.peer:checked~.peer-checked\:border-color-sky-500{border-color:var(--color-sky-500)}.peer:checked~.peer-checked\:text-color-sky-500{color:var(--color-sky-500)}.bg-color-blue-500{background-color:var(--color-blue-500)}.border-color-blue-500{border-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.accent-color-blue-500{accent-color:var(--color-blue-500)}.peer:checked~.peer-checked\:border-color-blue-500{border-color:var(--color-blue-500)}.peer:checked~.peer-checked\:text-color-blue-500{color:var(--color-blue-500)}.bg-color-indigo-500{background-color:var(--color-indigo-500)}.border-color-indigo-500{border-color:var(--color-indigo-500)}.text-color-indigo-500{color:var(--color-indigo-500)}.accent-color-indigo-500{accent-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:border-color-indigo-500{border-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:text-color-indigo-500{color:var(--color-indigo-500)}.bg-color-violet-500{background-color:var(--color-violet-500)}.border-color-violet-500{border-color:var(--color-violet-500)}.text-color-violet-500{color:var(--color-violet-500)}.accent-color-violet-500{accent-color:var(--color-violet-500)}.peer:checked~.peer-checked\:border-color-violet-500{border-color:var(--color-violet-500)}.peer:checked~.peer-checked\:text-color-violet-500{color:var(--color-violet-500)}.bg-color-purple-500{background-color:var(--color-purple-500)}.border-color-purple-500{border-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.accent-color-purple-500{accent-color:var(--color-purple-500)}.peer:checked~.peer-checked\:border-color-purple-500{border-color:var(--color-purple-500)}.peer:checked~.peer-checked\:text-color-purple-500{color:var(--color-purple-500)}.bg-color-fuchsia-500{background-color:var(--color-fuchsia-500)}.border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.text-color-fuchsia-500{color:var(--color-fuchsia-500)}.accent-color-fuchsia-500{accent-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:text-color-fuchsia-500{color:var(--color-fuchsia-500)}.bg-color-pink-500{background-color:var(--color-pink-500)}.border-color-pink-500{border-color:var(--color-pink-500)}.text-color-pink-500{color:var(--color-pink-500)}.accent-color-pink-500{accent-color:var(--color-pink-500)}.peer:checked~.peer-checked\:border-color-pink-500{border-color:var(--color-pink-500)}.peer:checked~.peer-checked\:text-color-pink-500{color:var(--color-pink-500)}.bg-color-rose-500{background-color:var(--color-rose-500)}.border-color-rose-500{border-color:var(--color-rose-500)}.text-color-rose-500{color:var(--color-rose-500)}.accent-color-rose-500{accent-color:var(--color-rose-500)}.peer:checked~.peer-checked\:border-color-rose-500{border-color:var(--color-rose-500)}.peer:checked~.peer-checked\:text-color-rose-500{color:var(--color-rose-500)}.bg-color-gray-200{background-color:var(--color-gray-200)}.border-color-gray-950{border-color:var(--color-gray-950)}.shadow-color-gray-300{--uni-shadow-color: var(--color-gray-300);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-900:hover,.active\:bg-color-gray-900:active{background-color:var(--color-gray-900)}.border-color-gray-600{border-color:var(--color-gray-600)}.shadow-color-gray-200{--uni-shadow-color: var(--color-gray-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-600:hover{background-color:var(--color-gray-600)}.active\:bg-color-gray-700:active{background-color:var(--color-gray-700)}.bg-color-gray-600{background-color:var(--color-gray-600)}.bg-color-gray-100{background-color:var(--color-gray-100)}.hover\:bg-color-gray-200:hover{background-color:var(--color-gray-200)}.active\:bg-color-white:active{background-color:var(--color-white)}.bg-color-zinc-500{background-color:var(--color-zinc-500)}.border-color-zinc-600{border-color:var(--color-zinc-600)}.shadow-color-zinc-200{--uni-shadow-color: var(--color-zinc-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-zinc-600:hover{background-color:var(--color-zinc-600)}.active\:bg-color-zinc-700:active{background-color:var(--color-zinc-700)}.bg-color-red-200{background-color:var(--color-red-200)}.border-color-red-600\/50{border-color:color-mix(in srgb,var(--color-red-600) 50%,transparent)}.shadow-color-red-200{--uni-shadow-color: var(--color-red-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-red-600:hover{background-color:var(--color-red-600)}.active\:bg-color-red-700:active{background-color:var(--color-red-700)}.bg-color-orange-200{background-color:var(--color-orange-200)}.border-color-orange-600\/50{border-color:color-mix(in srgb,var(--color-orange-600) 50%,transparent)}.shadow-color-orange-200{--uni-shadow-color: var(--color-orange-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-orange-600:hover{background-color:var(--color-orange-600)}.active\:bg-color-orange-700:active{background-color:var(--color-orange-700)}.bg-color-amber-200{background-color:var(--color-amber-200)}.border-color-amber-600\/50{border-color:color-mix(in srgb,var(--color-amber-600) 50%,transparent)}.shadow-color-amber-200{--uni-shadow-color: var(--color-amber-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-amber-600:hover{background-color:var(--color-amber-600)}.active\:bg-color-amber-700:active{background-color:var(--color-amber-700)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.border-color-yellow-600\/50{border-color:color-mix(in srgb,var(--color-yellow-600) 50%,transparent)}.shadow-color-yellow-200{--uni-shadow-color: var(--color-yellow-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-yellow-600:hover{background-color:var(--color-yellow-600)}.active\:bg-color-yellow-700:active{background-color:var(--color-yellow-700)}.bg-color-lime-200{background-color:var(--color-lime-200)}.border-color-lime-600\/50{border-color:color-mix(in srgb,var(--color-lime-600) 50%,transparent)}.shadow-color-lime-200{--uni-shadow-color: var(--color-lime-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-lime-600:hover{background-color:var(--color-lime-600)}.active\:bg-color-lime-700:active{background-color:var(--color-lime-700)}.bg-color-green-200{background-color:var(--color-green-200)}.border-color-green-600\/50{border-color:color-mix(in srgb,var(--color-green-600) 50%,transparent)}.shadow-color-green-200{--uni-shadow-color: var(--color-green-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-green-600:hover{background-color:var(--color-green-600)}.active\:bg-color-green-700:active{background-color:var(--color-green-700)}.bg-color-emerald-200{background-color:var(--color-emerald-200)}.border-color-emerald-600\/50{border-color:color-mix(in srgb,var(--color-emerald-600) 50%,transparent)}.shadow-color-emerald-200{--uni-shadow-color: var(--color-emerald-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-emerald-600:hover{background-color:var(--color-emerald-600)}.active\:bg-color-emerald-700:active{background-color:var(--color-emerald-700)}.bg-color-teal-200{background-color:var(--color-teal-200)}.border-color-teal-600\/50{border-color:color-mix(in srgb,var(--color-teal-600) 50%,transparent)}.shadow-color-teal-200{--uni-shadow-color: var(--color-teal-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-teal-600:hover{background-color:var(--color-teal-600)}.active\:bg-color-teal-700:active{background-color:var(--color-teal-700)}.bg-color-cyan-200{background-color:var(--color-cyan-200)}.border-color-cyan-600\/50{border-color:color-mix(in srgb,var(--color-cyan-600) 50%,transparent)}.shadow-color-cyan-200{--uni-shadow-color: var(--color-cyan-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-cyan-600:hover{background-color:var(--color-cyan-600)}.active\:bg-color-cyan-700:active{background-color:var(--color-cyan-700)}.bg-color-sky-200{background-color:var(--color-sky-200)}.border-color-sky-600\/50{border-color:color-mix(in srgb,var(--color-sky-600) 50%,transparent)}.shadow-color-sky-200{--uni-shadow-color: var(--color-sky-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-sky-600:hover{background-color:var(--color-sky-600)}.active\:bg-color-sky-700:active{background-color:var(--color-sky-700)}.bg-color-blue-200{background-color:var(--color-blue-200)}.border-color-blue-600\/50{border-color:color-mix(in srgb,var(--color-blue-600) 50%,transparent)}.shadow-color-blue-200{--uni-shadow-color: var(--color-blue-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-blue-600:hover{background-color:var(--color-blue-600)}.active\:bg-color-blue-700:active{background-color:var(--color-blue-700)}.bg-color-indigo-200{background-color:var(--color-indigo-200)}.border-color-indigo-600\/50{border-color:color-mix(in srgb,var(--color-indigo-600) 50%,transparent)}.shadow-color-indigo-200{--uni-shadow-color: var(--color-indigo-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-indigo-600:hover{background-color:var(--color-indigo-600)}.active\:bg-color-indigo-700:active{background-color:var(--color-indigo-700)}.bg-color-violet-200{background-color:var(--color-violet-200)}.border-color-violet-600\/50{border-color:color-mix(in srgb,var(--color-violet-600) 50%,transparent)}.shadow-color-violet-200{--uni-shadow-color: var(--color-violet-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-violet-600:hover{background-color:var(--color-violet-600)}.active\:bg-color-violet-700:active{background-color:var(--color-violet-700)}.bg-color-purple-200{background-color:var(--color-purple-200)}.border-color-purple-600\/50{border-color:color-mix(in srgb,var(--color-purple-600) 50%,transparent)}.shadow-color-purple-200{--uni-shadow-color: var(--color-purple-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-purple-600:hover{background-color:var(--color-purple-600)}.active\:bg-color-purple-700:active{background-color:var(--color-purple-700)}.bg-color-fuchsia-200{background-color:var(--color-fuchsia-200)}.border-color-fuchsia-600\/50{border-color:color-mix(in srgb,var(--color-fuchsia-600) 50%,transparent)}.shadow-color-fuchsia-200{--uni-shadow-color: var(--color-fuchsia-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.active\:bg-color-fuchsia-700:active{background-color:var(--color-fuchsia-700)}.bg-color-pink-200{background-color:var(--color-pink-200)}.border-color-pink-600\/50{border-color:color-mix(in srgb,var(--color-pink-600) 50%,transparent)}.shadow-color-pink-200{--uni-shadow-color: var(--color-pink-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-pink-600:hover{background-color:var(--color-pink-600)}.active\:bg-color-pink-700:active{background-color:var(--color-pink-700)}.bg-color-rose-200{background-color:var(--color-rose-200)}.border-color-rose-600\/50{border-color:color-mix(in srgb,var(--color-rose-600) 50%,transparent)}.shadow-color-rose-200{--uni-shadow-color: var(--color-rose-200);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-rose-600:hover{background-color:var(--color-rose-600)}.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-3xl{font-size:var(--text-3xl)}.text-2xl{font-size:var(--text-2xl)}.font-semibold{font-weight:600}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.text-base{font-size:var(--text-base)}.font-medium{font-weight:500}.text-sm{font-size:var(--text-sm)}.font-normal{font-weight:400}.text-xs{font-size:var(--text-xs)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-color-gray-800{color:var(--color-gray-800)}.text-color-primary{color:var(--color-primary)}.text-color-secondary{color:var(--color-secondary)}.text-color-accent{color:var(--color-accent)}.text-color-gray-400{color:var(--color-gray-400)}.overline{text-decoration-line:overline}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:var(--2)}.py-1{padding-block:var(--1)}.bg-color-gray-800{background-color:var(--color-gray-800)}.rounded{border-radius:4px}.shadow-md{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.whitespace-nowrap{white-space:nowrap}.pointer-events-none{pointer-events:none}.text-center{text-align:center}.pt-24{padding-top:var(--24)}.px-4{padding-inline:var(--4)}.py-2{padding-block:var(--2)}.bg-color-blue-600{background-color:var(--color-blue-600)}.bg-color-green-600{background-color:var(--color-green-600)}.bg-color-red-600{background-color:var(--color-red-600)}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-11{width:var(--11)}.h-6{height:var(--6)}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:calc(infinity * 1px)}.transition-color{--uni-transition-property: color;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.bg-color-gray-300{background-color:var(--color-gray-300)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.absolute{position:absolute}.top-\[4px\]{top:4px}.left-1{left:var(--1)}.w-4{width:var(--4)}.h-4{height:var(--4)}.justify-center{justify-content:center}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.translate-x-\[19px\]{--uni-translate-x: 19px;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-0{--uni-translate-x: calc(-1 * var(--0));translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:var(--3);height:var(--3)}.flex-wrap{flex-wrap:wrap}:where(.space-x-2>:not(:last-child)){margin-right:var(--2)}:where(.space-y-2>:not(:last-child)){margin-bottom:var(--2)}.w-full{width:100%}.mb-2{margin-bottom:var(--2)}.block{display:block}.rounded-md{border-radius:var(--radius-md)}.border{border-width:1px}.focus-within\:ring-1:focus-within{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pl-3{padding-left:var(--3)}.grow{flex-grow:1}.bg-color-transparent{background-color:transparent}.px-3{padding-inline:var(--3)}.py-3{padding-block:var(--3)}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.text-md{font-size:var(--text-md)}.placeholder\:font-normal::placeholder{font-weight:400}.pr-3{padding-right:var(--3)}.mt-1{margin-top:var(--1)}.size-5{width:var(--5);height:var(--5)}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.border-color-gray-200{border-color:var(--color-gray-200)}.bg-color-gray-50{background-color:var(--color-gray-50)}.flex-col{flex-direction:column}.gap-1{gap:var(--1)}.border-color-gray-300{border-color:var(--color-gray-300)}.resize-none{resize:none}.focus\:ring-1:focus{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:outline-none:focus{outline-width:nonepx;outline-style:var(--uni-outline-style)}.flex-row{flex-direction:row}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px}:where(.space-x-6>:not(:last-child)){margin-right:var(--6)}.border-b{border-bottom-width:1px}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:var(--4)}.text-color-gray-600{color:var(--color-gray-600)}.hover\:text-color-blue-500:hover{color:var(--color-blue-500)}:where(.space-x-3>:not(:last-child)){margin-right:var(--3)}.right-0{right:var(--0)}.top-3{top:var(--3)}.bottom-3{bottom:var(--3)}.w-1{width:var(--1)}.bottom-0{bottom:var(--0)}.left-0{left:var(--0)}.h-1{height:var(--1)}.mt-4{margin-top:var(--4)}.ml-6{margin-left:var(--6)}.mt-0{margin-top:var(--0)}.size-4{width:var(--4);height:var(--4)}.overflow-y-auto{overflow-y:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:var(--0)}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:var(--10)}.p-2{padding:var(--2)}.text-left{text-align:left}.border-t{border-top-width:1px}.justify-between{justify-content:space-between}.gap-2{gap:var(--2)}.w-9{width:var(--9)}.h-9{height:var(--9)}.rounded-lg{border-radius:var(--radius-lg)}.leading-none{line-height:1}.bg-color-blue-100{background-color:var(--color-blue-100)}.bg-color-red-100{background-color:var(--color-red-100)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-600{color:var(--color-yellow-600)}.bg-color-yellow-400{background-color:var(--color-yellow-400)}.w-10{width:var(--10)}.min-w-10{min-width:var(--10)}.shrink-0{flex-shrink:0}.text-nowrap{text-wrap:nowrap}.py-0\\5{padding-block:var(--0.5)}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-600{color:var(--color-green-600)}.w-fit{width:fit-content}.p-1{padding:var(--1)}.bg-color-blue-50{background-color:var(--color-blue-50)}.border-color-blue-200{border-color:var(--color-blue-200)}.text-color-blue-600{color:var(--color-blue-600)}.border-color-blue-300{border-color:var(--color-blue-300)}.text-color-red-600{color:var(--color-red-600)}.border-color-red-300{border-color:var(--color-red-300)}.border-color-yellow-300{border-color:var(--color-yellow-300)}.w-7{width:var(--7)}.h-7{height:var(--7)}.ring{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mx-4{margin-left:var(--4);margin-right:var(--4)}.size-6{width:var(--6);height:var(--6)}.p-4{padding:var(--4)}.inset-0{inset:var(--0)}.z-40{z-index:40}.bg-color-black\/10{background-color:color-mix(in srgb,var(--color-black) 10%,transparent)}.backdrop-blur-\[1px\]{--uni-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.min-w-72{min-width:var(--72)}.max-w-lg{max-width:var(--container-lg)}.shadow-xl{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.gap-3{gap:var(--3)}.backdrop-blur-sm{--uni-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.border-color-white\/20{border-color:color-mix(in srgb,var(--color-white) 20%,transparent)}.flex-1{flex:1}.leading-relaxed{line-height:1.625}.flex-shrink-0{flex:shrink-0}.-mr-1{margin-right:calc(-1 * var(--1))}.visible{visibility:visible}.bottom-center{bottom:var(--center)}.top-left{top:var(--left)}.top-center{top:var(--center)}.top-right{top:var(--right)}.bottom-left{bottom:var(--left)}.bottom-right{bottom:var(--right)}.grid{display:grid}.none{shadow:0 0 #0000}.capitalize{text-transform:capitalize}.inherit{shadow:inherit}.underline{text-decoration-line:underline}.w-3{width:var(--3)}.h-3{height:var(--3)}.h-2{height:var(--2)}.w-5{width:var(--5)}.h-5{height:var(--5)}.ml-3{margin-left:var(--3)}.min-w-\[2rem\]{min-width:2rem}.opacity-60{opacity:.6}.duration-150{--uni-transition-duration: .15s;transition-duration:var(--uni-transition-duration, .15s)}.top-1\/2{top:50%}.-translate-y-1\/2{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.border-2{border-width:2px;border-style:var(--uni-border-style)}.cursor-grab{cursor:grab}.hover\:shadow-lg:hover{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.cursor-grabbing{cursor:grabbing}.scale-110{scale:110%}.ring-2{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-offset-1{--uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-blue-300{--uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.z-20{z-index:20}.text-right{text-align:right}.mt-2{margin-top:var(--2)}.w-\[calc\(100\%_-_2\.75rem\)\]{width:calc(100% - 2.75rem)}.w-80{width:var(--80)}:where(.space-y-8>:not(:last-child)){margin-bottom:var(--8)}:where(.space-y-4>:not(:last-child)){margin-bottom:var(--4)}.text-gray-600{font-size:var(--text-gray-600)}.animate-pulse{animation:var(--animate-pulse)}.overflow-hidden{overflow:hidden}.rounded-sm{border-radius:var(--radius-sm)}.bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mb-4{margin-bottom:var(--4)}.pb-6{padding-bottom:var(--6)}.no-underline{text-decoration-line:none}.hover\:bg-color-gray-50:hover{background-color:var(--color-gray-50)}.h-\[30px\]{height:30px}.p-3{padding:var(--3)}.mb-1{margin-bottom:var(--1)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:nonepx;outline-style:var(--uni-outline-style)}.\!bg-color-gray-50{background-color:var(--color-gray-50)!important}.shadow-color-zinc-100{--uni-shadow-color: var(--color-zinc-100);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.right-3{right:var(--3)}.gap-6{gap:var(--6)}.select-none{-webkit-user-select:none;user-select:none}.hover\:opacity-90:hover{opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.border-color-gray-400{border-color:var(--color-gray-400)}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.ml-2{margin-left:var(--2)}.-rotate-90{rotate:-90deg}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.h-full{height:100%}.md{shadow:0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)),0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1))}.py-\[0\.35rem\]{padding-block:.35rem}.gap-4{gap:var(--4)}:where(.space-x-1>:not(:last-child)){margin-right:var(--1)}.w-8{width:var(--8)}.h-8{height:var(--8)}.w-12{width:var(--12)}.h-12{height:var(--12)}.w-16{width:var(--16)}.h-16{height:var(--16)}.rounded-none{border-radius:0}.ring-color-primary{--uni-ring-color: var(--color-primary);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.min-w-20{min-width:var(--20)}.max-w-60{max-width:var(--60)}.shadow-lg{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.bottom-7{bottom:var(--7)}.top-6{top:var(--6)}.ml-4{margin-left:var(--4)}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.shadow-sm{--uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:var(--8);height:var(--8)}.size-12{width:var(--12);height:var(--12)}.size-10{width:var(--10);height:var(--10)}.\!text-color-gray-400{color:var(--color-gray-400)!important}.hover\:bg-color-transparent:hover{background-color:var(--color-transparent)}.\!border-color-gray-200{border-color:var(--color-gray-200)!important}.\!bg-color-gray-200{background-color:var(--color-gray-200)!important}.transparent{shadow:transparent}.p-6{padding:var(--6)}.max-w-md{max-width:var(--container-md)}.object-contain{object-fit:contain}.mx-auto{margin-inline:auto}.border-style-dashed{--uni-border-style: dashed;border-style:var(--uni-border-style)}.p-0{padding:var(--0)}.bg-color-red-50{background-color:var(--color-red-50)}.px-6{padding-inline:var(--6)}.pt-6{padding-top:var(--6)}.pb-4{padding-bottom:var(--4)}.pb-2{padding-bottom:var(--2)}:where(.space-y-1>:not(:last-child)){margin-bottom:var(--1)}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.w-40{width:var(--40)}.border-color-gray-100{border-color:var(--color-gray-100)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.\!rounded-full{border-radius:calc(infinity * 1px)!important}.min-w-96{min-width:var(--96)}.min-h-40{min-height:var(--40)}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.translate-x-full{translate:100% var(--uni-translate-y)}.-translate-x-full{translate:-100% var(--uni-translate-y)}.justify-end{justify-content:flex-end}.pl-4{padding-left:var(--4)}.pt-4{padding-top:var(--4)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.scale-100{scale:100%}.scale-95{scale:95%}.h-\[calc\(100\%_-_40px\)\]{height:calc(100% - 40px)}.m-5{margin:var(--5)}.mx-5{margin-left:var(--5);margin-right:var(--5)}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:var(--8)}.hover\:bg-color-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-color-gray-300:hover{background-color:var(--color-gray-300)}.border-0{border-width:0px;border-style:var(--uni-border-style)}.border-l{border-left-width:1px}.w-72{width:var(--72)}.mb-3{margin-bottom:var(--3)}.grid-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.hover\:bg-color-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-color-blue-500:hover{background-color:var(--color-blue-500)}.\!cursor-not-allowed{cursor:not-allowed!important}.bg-color-gray-400{background-color:var(--color-gray-400)}.\!justify-between{justify-content:space-between!important}.\!border-color-red-500{border-color:var(--color-red-500)!important}.\!text-color-red-500{color:var(--color-red-500)!important}.\!border-color-green-500{border-color:var(--color-green-500)!important}.\!text-color-green-500{color:var(--color-green-500)!important}.grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-items-center{justify-items:center}.not-last\:pb-4:not(:last-child){padding-bottom:var(--4)}.bg-color-teal-100{background-color:var(--color-teal-100)}.bg-color-purple-100{background-color:var(--color-purple-100)}.inline-flex{display:inline-flex}.w-\[16px\]{width:16px}.h-\[16px\]{height:16px}.checked\:bg-color-blue-500:checked{background-color:var(--color-blue-500)}.checked\:border-color-blue-500:checked{border-color:var(--color-blue-500)}.text-color-transparent{color:transparent}.checked\:text-color-white:checked{color:var(--color-white)}.after\:content-\[✓\]:after{content:"✓"}.after\:absolute:after{position:absolute}.after\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.after\:top-1\/2:after{top:50%}.after\:left-1\/2:after{left:50%}.after\:-translate-x-1\/2:after{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.after\:-translate-y-1\/2:after{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.cursor-default{cursor:default}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.bg-color-white\/80{background-color:color-mix(in srgb,var(--color-white) 80%,transparent)}.hover\:bg-color-white:hover{background-color:var(--color-white)}.left-2{left:var(--2)}.top-2{top:var(--2)}.transition-colo{--uni-transition-property: colo;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.right-2{right:var(--2)}.bottom-2{bottom:var(--2)}.mt-3{margin-top:var(--3)}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.rotate-90{rotate:90deg}.size-\[10px\]{width:10px;height:10px}.hover\:opacity-100:hover{opacity:1}.border-color-gray-800{border-color:var(--color-gray-800)}.scale-105{scale:105%}.opacity-70{opacity:.7}.\!border-none{border-width:0px!important}.h-fit{height:fit-content}.text-color-blue-primary{color:var(--color-blue-primary)}.pr-1{padding-right:var(--1)}.shadow-xs{--uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.rounded-2xl{border-radius:var(--radius-2xl)}.h-auto{height:auto}.items-start{align-items:flex-start}.h-px{height:1px}.my-5{margin-top:var(--5);margin-bottom:var(--5)}.px-5{padding-inline:var(--5)}.\!text-color-gray-300{color:var(--color-gray-300)!important}.\!bg-color-gray-300{background-color:var(--color-gray-300)!important}.\!text-color-white{color:var(--color-white)!important}.mr-1{margin-right:var(--1)}.hover\:underline:hover{text-decoration-line:underline}.mx-2{margin-left:var(--2);margin-right:var(--2)}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:var(--16)}.\!bg-color-red-50{background-color:var(--color-red-50)!important}.text-color-red-400{color:var(--color-red-400)}.text-color-red-800{color:var(--color-red-800)}.w-2{width:var(--2)}.px-\[10px\]{padding-inline:10px}.translate-x-1\/2{--uni-translate-x: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-1\/2{--uni-translate-y: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.items-end{align-items:flex-end}.w-14{width:var(--14)}.h-14{height:var(--14)}.w-20{width:var(--20)}.h-20{height:var(--20)}:where(.-space-x-2>:not(:last-child)){margin-right:calc(-1 * var(--2))}.ring-color-white{--uni-ring-color: var(--color-white);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.top-full{top:100%}.max-h-56{max-height:var(--56)}.overflow-auto{overflow:auto}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.bg-color-green-50{background-color:var(--color-green-50)}.border-color-green-300{border-color:var(--color-green-300)}.text-color-green-800{color:var(--color-green-800)}.bg-color-yellow-50{background-color:var(--color-yellow-50)}.text-color-yellow-800{color:var(--color-yellow-800)}.size-7{width:var(--7);height:var(--7)}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.transition-colors{--uni-transition-property: colors;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.text-gray-700{font-size:var(--text-gray-700)}.-top-1{top:calc(-1 * var(--1))}.gap-20{gap:var(--20)}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.\!bg-color-gray-100{background-color:var(--color-gray-100)!important}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:var(--4)}.sm\:gap-4{gap:var(--4)}}@media (min-width: 48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:not-last\:border-r:not(:last-child){border-right-width:1px}.md\:nth-2\:border-r-0:nth-child(2){border-right-width:0px;border-style:var(--uni-border-style)}.md\:not-last\:border-b-0:not(:last-child){border-bottom-width:0px;border-style:var(--uni-border-style)}.md\:p-2{padding:var(--2)}}@media (min-width: 64rem){.lg\:max-h-\[calc\(100vh_-_200px\)\]{max-height:calc(100vh - 200px)}.lg\:grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:not-last\:border-r:not(:last-child){border-right-width:1px}}.dark .dark\:text-color-gray-200{color:var(--color-gray-200)}.dark .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.dark .dark\:text-color-gray-700{color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}@media (prefers-color-scheme: dark){html[data-theme=system] .dark\:text-color-gray-200{color:var(--color-gray-200)}html[data-theme=system] .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}html[data-theme=system] .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}html[data-theme=system] .dark\:text-color-gray-700{color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}