plutonium 0.10.3 → 0.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (185) hide show
  1. checksums.yaml +4 -4
  2. data/Rakefile +1 -2
  3. data/app/assets/application.js.bk +31419 -0
  4. data/app/assets/plutonium-logo-original.png +0 -0
  5. data/app/assets/plutonium-logo-white.png +0 -0
  6. data/app/assets/plutonium-logo.png +0 -0
  7. data/app/assets/plutonium.css +1 -0
  8. data/app/assets/plutonium.ico +0 -0
  9. data/app/assets/plutonium.js +12416 -0
  10. data/app/assets/plutonium.js.map +7 -0
  11. data/app/assets/plutonium.min.js +39 -0
  12. data/app/assets/plutonium.min.js.map +7 -0
  13. data/app/views/application/_flash_alerts.html.erb +2 -2
  14. data/app/views/application/_resource_header.html.erb +263 -697
  15. data/app/views/application/_resource_sidebar.html.erb +14 -12
  16. data/app/views/components/action_button/action_button_component.rb +3 -3
  17. data/app/views/components/attributes.rb +184 -0
  18. data/app/views/components/base.rb +19 -40
  19. data/app/views/components/block/block_component.html.erb +1 -1
  20. data/app/views/components/block/block_component.rb +11 -7
  21. data/app/views/components/breadcrumbs/breadcrumbs_component.rb +3 -3
  22. data/app/views/components/button/button_component.html.erb +2 -2
  23. data/app/views/components/button/button_component.rb +10 -5
  24. data/app/views/components/dyna_frame_content/dyna_frame_content_component.html.erb +1 -0
  25. data/app/views/components/dyna_frame_content/dyna_frame_content_component.rb +3 -3
  26. data/app/views/components/dyna_frame_host/dyna_frame_host_component.html.erb +1 -2
  27. data/app/views/components/dyna_frame_host/dyna_frame_host_component.rb +12 -5
  28. data/app/views/components/empty_card/empty_card_component.rb +3 -3
  29. data/app/views/components/form/form_builder.rb +1 -1
  30. data/app/views/components/form/form_component.rb +3 -3
  31. data/app/views/components/has_many_panel/has_many_panel_component.html.erb +25 -0
  32. data/app/views/components/has_many_panel/has_many_panel_component.rb +16 -0
  33. data/app/views/components/header/header_component.rb +3 -3
  34. data/app/views/components/interactive_action_form/interactive_action_form_component.rb +3 -3
  35. data/app/views/components/nav_grid_menu/nav_grid_menu_component.html.erb +24 -0
  36. data/app/views/components/nav_grid_menu/nav_grid_menu_component.rb +23 -0
  37. data/app/views/components/nav_grid_menu_item/nav_grid_menu_item_component.html.erb +4 -0
  38. data/app/views/components/nav_grid_menu_item/nav_grid_menu_item_component.rb +20 -0
  39. data/app/views/components/nav_user/nav_user_component.html.erb +50 -0
  40. data/app/views/components/nav_user/nav_user_component.rb +32 -0
  41. data/app/views/components/nav_user_link/nav_user_link_component.html.erb +7 -0
  42. data/app/views/components/nav_user_link/nav_user_link_component.rb +23 -0
  43. data/app/views/components/nav_user_section/nav_user_section_component.html.erb +7 -0
  44. data/app/views/components/nav_user_section/nav_user_section_component.rb +18 -0
  45. data/app/views/components/nested_resource_form_fields/nested_resource_form_fields_component.html.erb +1 -3
  46. data/app/views/components/nested_resource_form_fields/nested_resource_form_fields_component.rb +11 -5
  47. data/app/views/components/pagination/pagination_component.html.erb +1 -1
  48. data/app/views/components/pagination/pagination_component.rb +10 -7
  49. data/app/views/components/panel/panel_component.html.erb +13 -6
  50. data/app/views/components/panel/panel_component.rb +11 -5
  51. data/app/views/components/resource_header/resource_header_component.html.erb +81 -0
  52. data/app/views/components/resource_header/resource_header_component.rb +20 -0
  53. data/app/views/components/resource_layout/resource_layout_component.html.erb +32 -0
  54. data/app/views/components/resource_layout/resource_layout_component.rb +39 -0
  55. data/app/views/components/sidebar/sidebar_component.html.erb +3 -33
  56. data/app/views/components/sidebar/sidebar_component.rb +3 -3
  57. data/app/views/components/sidebar_menu/sidebar_menu_component.html.erb +4 -2
  58. data/app/views/components/sidebar_menu/sidebar_menu_component.rb +10 -6
  59. data/app/views/components/sidebar_menu_item/sidebar_menu_item_component.html.erb +63 -71
  60. data/app/views/components/sidebar_menu_item/sidebar_menu_item_component.rb +27 -8
  61. data/app/views/components/skeleton/table/table_component.html.erb +1 -1
  62. data/app/views/components/skeleton/table/table_component.rb +3 -3
  63. data/app/views/components/table/table_component.html.erb +40 -89
  64. data/app/views/components/table/table_component.rb +124 -28
  65. data/app/views/components/table_search_input/table_search_input_component.html.erb +1 -1
  66. data/app/views/components/table_search_input/table_search_input_component.rb +11 -6
  67. data/app/views/components/table_toolbar/table_toolbar_component.html.erb +1 -1
  68. data/app/views/components/table_toolbar/table_toolbar_component.rb +11 -3
  69. data/app/views/components/toolbar/toolbar_component.html.erb +2 -2
  70. data/app/views/components/toolbar/toolbar_component.rb +16 -8
  71. data/app/views/layouts/resource.html.erb +21 -37
  72. data/app/views/layouts/rodauth.html.erb +32 -30
  73. data/app/views/resource/_interactive_resource_action_form.html.erb +1 -1
  74. data/app/views/resource/_resource_details.html.erb +8 -5
  75. data/app/views/resource/_resource_table.html.erb +70 -1
  76. data/app/views/resource/interactive_resource_collection_action.html.erb +1 -0
  77. data/app/views/resource/interactive_resource_record_action.html.erb +1 -0
  78. data/app/views/resource/interactive_resource_recordless_action.html.erb +1 -0
  79. data/app/views/resource/new.html.erb +1 -0
  80. data/config/initializers/simple_form.rb +22 -2
  81. data/esbuild.config.js +35 -31
  82. data/lib/generators/pu/core/assets/assets_generator.rb +41 -0
  83. data/lib/generators/pu/core/assets/templates/tailwind.config.js +18 -0
  84. data/lib/generators/pu/core/install/templates/config/initializers/plutonium.rb +3 -0
  85. data/lib/generators/pu/gem/dotenv/templates/config/initializers/001_ensure_required_env.rb +6 -0
  86. data/lib/generators/pu/gen/component/component_generator.rb +13 -10
  87. data/lib/generators/pu/gen/component/templates/component.html.erb.tt +1 -1
  88. data/lib/generators/pu/gen/component/templates/component.rb.tt +10 -4
  89. data/lib/generators/pu/pkg/app/app_generator.rb +4 -4
  90. data/lib/generators/pu/pkg/app/templates/app/controllers/concerns/controller.rb.tt +28 -0
  91. data/lib/generators/pu/pkg/app/templates/app/controllers/controller.rb.tt +5 -0
  92. data/lib/generators/pu/pkg/app/templates/app/controllers/dashboard_controller.rb.tt +1 -1
  93. data/lib/generators/pu/res/conn/conn_generator.rb +4 -4
  94. data/lib/generators/pu/res/conn/templates/app/controllers/resource_controller.rb.tt +1 -1
  95. data/lib/generators/pu/res/model/model_generator.rb +3 -3
  96. data/lib/generators/pu/res/scaffold/templates/policy.rb.tt +6 -0
  97. data/lib/generators/pu/service/sidekiq/sidekiq_generator.rb +0 -5
  98. data/lib/generators/pu/service/sidekiq/templates/app/sidekiq/sidekiq_job.rb +0 -2
  99. data/lib/plutonium/config.rb +2 -14
  100. data/lib/plutonium/core/associations/renderers/basic_renderer.rb +28 -0
  101. data/lib/plutonium/core/associations/renderers/factory.rb +36 -0
  102. data/lib/plutonium/core/associations/renderers/has_many_renderer.rb +16 -0
  103. data/lib/plutonium/core/autodiscovery/association_renderer_discoverer.rb +31 -0
  104. data/lib/plutonium/core/controllers/authorizable.rb +13 -17
  105. data/lib/plutonium/core/controllers/base.rb +3 -7
  106. data/lib/plutonium/core/controllers/presentable.rb +6 -1
  107. data/lib/plutonium/core/definers/association_renderer_definer.rb +33 -0
  108. data/lib/plutonium/core/fields/inputs/checkbox_input.rb +13 -0
  109. data/lib/plutonium/core/fields/inputs/factory.rb +1 -0
  110. data/lib/plutonium/core/fields/inputs/polymorphic_belongs_to_association_input.rb +1 -1
  111. data/lib/plutonium/core/ui/detail.rb +1 -0
  112. data/lib/plutonium/helpers/application_helper.rb +8 -9
  113. data/lib/plutonium/helpers/assets_helper.rb +33 -0
  114. data/lib/plutonium/helpers/display_helper.rb +13 -0
  115. data/lib/plutonium/helpers/form_helper.rb +1 -1
  116. data/lib/plutonium/helpers.rb +1 -0
  117. data/lib/plutonium/icons.rb +12 -5
  118. data/lib/plutonium/pkg/app.rb +10 -0
  119. data/lib/plutonium/pundit/context.rb +18 -0
  120. data/lib/plutonium/pundit/policy_finder.rb +25 -0
  121. data/lib/plutonium/railtie.rb +20 -8
  122. data/lib/plutonium/reloader.rb +18 -7
  123. data/lib/plutonium/resource/controller.rb +4 -0
  124. data/lib/plutonium/resource/policy.rb +69 -47
  125. data/lib/plutonium/resource/presenter.rb +1 -0
  126. data/lib/plutonium/resource/query_object.rb +139 -130
  127. data/lib/plutonium/rodauth/controller_methods.rb +7 -3
  128. data/lib/plutonium/version.rb +1 -1
  129. data/lib/plutonium.rb +9 -57
  130. data/package-lock.json +782 -17
  131. data/package.json +31 -8
  132. data/postcss.config.js +17 -7
  133. data/src/.npmignore +2 -0
  134. data/src/js/controllers/color_mode_controller.js +41 -0
  135. data/src/js/controllers/frame_navigator_controller.js +99 -0
  136. data/src/js/controllers/has_many_panel_controller.js +8 -0
  137. data/src/js/controllers/nav_grid_menu_controller.js +8 -0
  138. data/src/js/controllers/nav_grid_menu_item_controller.js +8 -0
  139. data/{app/views/components/tab_bar/tab_bar_controller.js → src/js/controllers/nav_user_controller.js} +2 -2
  140. data/src/js/controllers/nav_user_link_controller.js +8 -0
  141. data/src/js/controllers/nav_user_section_controller.js +8 -0
  142. data/src/js/controllers/register_controllers.js +45 -0
  143. data/{app/assets/javascripts → src/js}/controllers/resource_dismiss_controller.js +2 -0
  144. data/{app/assets/javascripts → src/js}/controllers/resource_drop_down_controller.js +2 -0
  145. data/src/js/controllers/resource_header_controller.js +8 -0
  146. data/src/js/controllers/resource_layout_controller.js +8 -0
  147. data/src/js/controllers/sidebar_menu_controller.js +8 -0
  148. data/src/js/controllers/sidebar_menu_item_controller.js +8 -0
  149. data/src/js/core.js +4 -0
  150. data/{app/assets/javascripts/plutonium-app.js → src/js/plutonium.js} +1 -1
  151. data/{app/assets/javascripts → src/js}/turbo/turbo_debug.js +2 -4
  152. data/tailwind.config.js +85 -84
  153. metadata +73 -39
  154. data/app/assets/build/plutonium.js +0 -5122
  155. data/app/assets/javascripts/controllers/index.js +0 -34
  156. data/app/assets/javascripts/plutonium.js +0 -1
  157. data/app/views/application/_color_modes.html.erb +0 -57
  158. data/app/views/components/tab_bar/tab_bar_component.html.erb +0 -11
  159. data/app/views/components/tab_bar/tab_bar_component.rb +0 -9
  160. data/app/views/resource/_nav_user.html.erb +0 -4
  161. data/app/views/resource/_tab_menu.html.erb +0 -13
  162. data/css.manifest +0 -3
  163. data/js.manifest +0 -4
  164. data/lib/generators/pu/pkg/app/templates/app/controllers/app_controller.rb.tt +0 -5
  165. data/lib/generators/pu/pkg/app/templates/app/controllers/package_controller.rb.tt +0 -26
  166. data/public/plutonium-assets/application.css +0 -25086
  167. data/public/plutonium-assets/plutonium-app-36KN5FVJ.js +0 -6
  168. data/public/plutonium-assets/plutonium-app-36KN5FVJ.js.map +0 -7
  169. data/public/plutonium-assets/plutonium-app-6WILQCTT.js +0 -39
  170. data/public/plutonium-assets/plutonium-app-6WILQCTT.js.map +0 -7
  171. data/public/plutonium-assets/plutonium.2d4f0c333cd000051d3b.css +0 -3424
  172. data/public/plutonium-assets/plutonium.50232e35b5495f5ad90d.css +0 -3415
  173. data/public/plutonium-assets/plutonium.8bee7a8482988b0360e3.css +0 -3420
  174. /data/{app/assets/build → lib/generators/pu/core/assets/templates}/.keep +0 -0
  175. /data/{app/assets/stylesheets → src/css}/plutonium.css +0 -0
  176. /data/{app/views/components/form → src/js/controllers}/form_controller.js +0 -0
  177. /data/{app/views/components/interactive_action_form → src/js/controllers}/interactive_action_form_controller.js +0 -0
  178. /data/{app/views/components/nested_resource_form_fields → src/js/controllers}/nested_resource_form_fields_controller.js +0 -0
  179. /data/{app/views/components/table → src/js/controllers}/table_controller.js +0 -0
  180. /data/{app/views/components/table_search_input → src/js/controllers}/table_search_input_controller.js +0 -0
  181. /data/{app/views/components/table_toolbar → src/js/controllers}/table_toolbar_controller.js +0 -0
  182. /data/{app/views/components/toolbar → src/js/controllers}/toolbar_controller.js +0 -0
  183. /data/{app/assets/javascripts → src/js}/turbo/index.js +0 -0
  184. /data/{app/assets/javascripts → src/js}/turbo/turbo_actions.js +0 -0
  185. /data/{app/assets/javascripts → src/js}/turbo/turbo_frame_monkey_patch.js +0 -0
@@ -1,3415 +0,0 @@
1
- /*
2
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- *//*
4
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
6
- */
7
-
8
- *,
9
- ::before,
10
- ::after {
11
- box-sizing: border-box; /* 1 */
12
- border-width: 0; /* 2 */
13
- border-style: solid; /* 2 */
14
- border-color: #E5E7EB; /* 2 */
15
- }
16
-
17
- ::before,
18
- ::after {
19
- --tw-content: '';
20
- }
21
-
22
- /*
23
- 1. Use a consistent sensible line-height in all browsers.
24
- 2. Prevent adjustments of font size after orientation changes in iOS.
25
- 3. Use a more readable tab size.
26
- 4. Use the user's configured `sans` font-family by default.
27
- 5. Use the user's configured `sans` font-feature-settings by default.
28
- 6. Use the user's configured `sans` font-variation-settings by default.
29
- 7. Disable tap highlights on iOS
30
- */
31
-
32
- html,
33
- :host {
34
- line-height: 1.5; /* 1 */
35
- -webkit-text-size-adjust: 100%; /* 2 */
36
- -moz-tab-size: 4; /* 3 */
37
- -o-tab-size: 4;
38
- tab-size: 4; /* 3 */
39
- font-family: Lato, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 4 */
40
- font-feature-settings: normal; /* 5 */
41
- font-variation-settings: normal; /* 6 */
42
- -webkit-tap-highlight-color: transparent; /* 7 */
43
- }
44
-
45
- /*
46
- 1. Remove the margin in all browsers.
47
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
48
- */
49
-
50
- body {
51
- margin: 0; /* 1 */
52
- line-height: inherit; /* 2 */
53
- }
54
-
55
- /*
56
- 1. Add the correct height in Firefox.
57
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
58
- 3. Ensure horizontal rules are visible by default.
59
- */
60
-
61
- hr {
62
- height: 0; /* 1 */
63
- color: inherit; /* 2 */
64
- border-top-width: 1px; /* 3 */
65
- }
66
-
67
- /*
68
- Add the correct text decoration in Chrome, Edge, and Safari.
69
- */
70
-
71
- abbr:where([title]) {
72
- -webkit-text-decoration: underline dotted;
73
- text-decoration: underline dotted;
74
- }
75
-
76
- /*
77
- Remove the default font size and weight for headings.
78
- */
79
-
80
- h1,
81
- h2,
82
- h3,
83
- h4,
84
- h5,
85
- h6 {
86
- font-size: inherit;
87
- font-weight: inherit;
88
- }
89
-
90
- /*
91
- Reset links to optimize for opt-in styling instead of opt-out.
92
- */
93
-
94
- a {
95
- color: inherit;
96
- text-decoration: inherit;
97
- }
98
-
99
- /*
100
- Add the correct font weight in Edge and Safari.
101
- */
102
-
103
- b,
104
- strong {
105
- font-weight: bolder;
106
- }
107
-
108
- /*
109
- 1. Use the user's configured `mono` font-family by default.
110
- 2. Use the user's configured `mono` font-feature-settings by default.
111
- 3. Use the user's configured `mono` font-variation-settings by default.
112
- 4. Correct the odd `em` font sizing in all browsers.
113
- */
114
-
115
- code,
116
- kbd,
117
- samp,
118
- pre {
119
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
120
- font-feature-settings: normal; /* 2 */
121
- font-variation-settings: normal; /* 3 */
122
- font-size: 1em; /* 4 */
123
- }
124
-
125
- /*
126
- Add the correct font size in all browsers.
127
- */
128
-
129
- small {
130
- font-size: 80%;
131
- }
132
-
133
- /*
134
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
135
- */
136
-
137
- sub,
138
- sup {
139
- font-size: 75%;
140
- line-height: 0;
141
- position: relative;
142
- vertical-align: baseline;
143
- }
144
-
145
- sub {
146
- bottom: -0.25em;
147
- }
148
-
149
- sup {
150
- top: -0.5em;
151
- }
152
-
153
- /*
154
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
155
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
156
- 3. Remove gaps between table borders by default.
157
- */
158
-
159
- table {
160
- text-indent: 0; /* 1 */
161
- border-color: inherit; /* 2 */
162
- border-collapse: collapse; /* 3 */
163
- }
164
-
165
- /*
166
- 1. Change the font styles in all browsers.
167
- 2. Remove the margin in Firefox and Safari.
168
- 3. Remove default padding in all browsers.
169
- */
170
-
171
- button,
172
- input,
173
- optgroup,
174
- select,
175
- textarea {
176
- font-family: inherit; /* 1 */
177
- font-feature-settings: inherit; /* 1 */
178
- font-variation-settings: inherit; /* 1 */
179
- font-size: 100%; /* 1 */
180
- font-weight: inherit; /* 1 */
181
- line-height: inherit; /* 1 */
182
- color: inherit; /* 1 */
183
- margin: 0; /* 2 */
184
- padding: 0; /* 3 */
185
- }
186
-
187
- /*
188
- Remove the inheritance of text transform in Edge and Firefox.
189
- */
190
-
191
- button,
192
- select {
193
- text-transform: none;
194
- }
195
-
196
- /*
197
- 1. Correct the inability to style clickable types in iOS and Safari.
198
- 2. Remove default button styles.
199
- */
200
-
201
- button,
202
- [type='button'],
203
- [type='reset'],
204
- [type='submit'] {
205
- -webkit-appearance: button; /* 1 */
206
- background-color: transparent; /* 2 */
207
- background-image: none; /* 2 */
208
- }
209
-
210
- /*
211
- Use the modern Firefox focus style for all focusable elements.
212
- */
213
-
214
- :-moz-focusring {
215
- outline: auto;
216
- }
217
-
218
- /*
219
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
220
- */
221
-
222
- :-moz-ui-invalid {
223
- box-shadow: none;
224
- }
225
-
226
- /*
227
- Add the correct vertical alignment in Chrome and Firefox.
228
- */
229
-
230
- progress {
231
- vertical-align: baseline;
232
- }
233
-
234
- /*
235
- Correct the cursor style of increment and decrement buttons in Safari.
236
- */
237
-
238
- ::-webkit-inner-spin-button,
239
- ::-webkit-outer-spin-button {
240
- height: auto;
241
- }
242
-
243
- /*
244
- 1. Correct the odd appearance in Chrome and Safari.
245
- 2. Correct the outline style in Safari.
246
- */
247
-
248
- [type='search'] {
249
- -webkit-appearance: textfield; /* 1 */
250
- outline-offset: -2px; /* 2 */
251
- }
252
-
253
- /*
254
- Remove the inner padding in Chrome and Safari on macOS.
255
- */
256
-
257
- ::-webkit-search-decoration {
258
- -webkit-appearance: none;
259
- }
260
-
261
- /*
262
- 1. Correct the inability to style clickable types in iOS and Safari.
263
- 2. Change font properties to `inherit` in Safari.
264
- */
265
-
266
- ::-webkit-file-upload-button {
267
- -webkit-appearance: button; /* 1 */
268
- font: inherit; /* 2 */
269
- }
270
-
271
- /*
272
- Add the correct display in Chrome and Safari.
273
- */
274
-
275
- summary {
276
- display: list-item;
277
- }
278
-
279
- /*
280
- Removes the default spacing and border for appropriate elements.
281
- */
282
-
283
- blockquote,
284
- dl,
285
- dd,
286
- h1,
287
- h2,
288
- h3,
289
- h4,
290
- h5,
291
- h6,
292
- hr,
293
- figure,
294
- p,
295
- pre {
296
- margin: 0;
297
- }
298
-
299
- fieldset {
300
- margin: 0;
301
- padding: 0;
302
- }
303
-
304
- legend {
305
- padding: 0;
306
- }
307
-
308
- ol,
309
- ul,
310
- menu {
311
- list-style: none;
312
- margin: 0;
313
- padding: 0;
314
- }
315
-
316
- /*
317
- Reset default styling for dialogs.
318
- */
319
- dialog {
320
- padding: 0;
321
- }
322
-
323
- /*
324
- Prevent resizing textareas horizontally by default.
325
- */
326
-
327
- textarea {
328
- resize: vertical;
329
- }
330
-
331
- /*
332
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
333
- 2. Set the default placeholder color to the user's configured gray 400 color.
334
- */
335
-
336
- input::-moz-placeholder, textarea::-moz-placeholder {
337
- opacity: 1; /* 1 */
338
- color: #9CA3AF; /* 2 */
339
- }
340
-
341
- input::placeholder,
342
- textarea::placeholder {
343
- opacity: 1; /* 1 */
344
- color: #9CA3AF; /* 2 */
345
- }
346
-
347
- /*
348
- Set the default cursor for buttons.
349
- */
350
-
351
- button,
352
- [role="button"] {
353
- cursor: pointer;
354
- }
355
-
356
- /*
357
- Make sure disabled buttons don't get the pointer cursor.
358
- */
359
- :disabled {
360
- cursor: default;
361
- }
362
-
363
- /*
364
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
365
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
366
- This can trigger a poorly considered lint error in some tools but is included by design.
367
- */
368
-
369
- img,
370
- svg,
371
- video,
372
- canvas,
373
- audio,
374
- iframe,
375
- embed,
376
- object {
377
- display: block; /* 1 */
378
- vertical-align: middle; /* 2 */
379
- }
380
-
381
- /*
382
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
383
- */
384
-
385
- img,
386
- video {
387
- max-width: 100%;
388
- height: auto;
389
- }
390
-
391
- /* Make elements with the HTML hidden attribute stay hidden by default */
392
- [hidden] {
393
- display: none;
394
- }
395
-
396
- [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
397
- -webkit-appearance: none;
398
- -moz-appearance: none;
399
- appearance: none;
400
- background-color: #fff;
401
- border-color: #6B7280;
402
- border-width: 1px;
403
- border-radius: 0px;
404
- padding-top: 0.5rem;
405
- padding-right: 0.75rem;
406
- padding-bottom: 0.5rem;
407
- padding-left: 0.75rem;
408
- font-size: 1rem;
409
- line-height: 1.5rem;
410
- --tw-shadow: 0 0 #0000;
411
- }
412
-
413
- [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
414
- outline: 2px solid transparent;
415
- outline-offset: 2px;
416
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
417
- --tw-ring-offset-width: 0px;
418
- --tw-ring-offset-color: #fff;
419
- --tw-ring-color: #1C64F2;
420
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
421
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
422
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
423
- border-color: #1C64F2;
424
- }
425
-
426
- input::-moz-placeholder, textarea::-moz-placeholder {
427
- color: #6B7280;
428
- opacity: 1;
429
- }
430
-
431
- input::placeholder,textarea::placeholder {
432
- color: #6B7280;
433
- opacity: 1;
434
- }
435
-
436
- ::-webkit-datetime-edit-fields-wrapper {
437
- padding: 0;
438
- }
439
-
440
- ::-webkit-date-and-time-value {
441
- min-height: 1.5em;
442
- text-align: inherit;
443
- }
444
-
445
- ::-webkit-datetime-edit {
446
- display: inline-flex;
447
- }
448
-
449
- ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
450
- padding-top: 0;
451
- padding-bottom: 0;
452
- }
453
-
454
- select {
455
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
456
- background-position: right 0.5rem center;
457
- background-repeat: no-repeat;
458
- background-size: 1.5em 1.5em;
459
- padding-right: 2.5rem;
460
- -webkit-print-color-adjust: exact;
461
- print-color-adjust: exact;
462
- }
463
-
464
- [multiple],[size]:where(select:not([size="1"])) {
465
- background-image: initial;
466
- background-position: initial;
467
- background-repeat: unset;
468
- background-size: initial;
469
- padding-right: 0.75rem;
470
- -webkit-print-color-adjust: unset;
471
- print-color-adjust: unset;
472
- }
473
-
474
- [type='checkbox'],[type='radio'] {
475
- -webkit-appearance: none;
476
- -moz-appearance: none;
477
- appearance: none;
478
- padding: 0;
479
- -webkit-print-color-adjust: exact;
480
- print-color-adjust: exact;
481
- display: inline-block;
482
- vertical-align: middle;
483
- background-origin: border-box;
484
- -webkit-user-select: none;
485
- -moz-user-select: none;
486
- user-select: none;
487
- flex-shrink: 0;
488
- height: 1rem;
489
- width: 1rem;
490
- color: #1C64F2;
491
- background-color: #fff;
492
- border-color: #6B7280;
493
- border-width: 1px;
494
- --tw-shadow: 0 0 #0000;
495
- }
496
-
497
- [type='checkbox'] {
498
- border-radius: 0px;
499
- }
500
-
501
- [type='radio'] {
502
- border-radius: 100%;
503
- }
504
-
505
- [type='checkbox']:focus,[type='radio']:focus {
506
- outline: 2px solid transparent;
507
- outline-offset: 2px;
508
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
509
- --tw-ring-offset-width: 2px;
510
- --tw-ring-offset-color: #fff;
511
- --tw-ring-color: #1C64F2;
512
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
513
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
514
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
515
- }
516
-
517
- [type='checkbox']:checked,[type='radio']:checked {
518
- border-color: transparent;
519
- background-color: currentColor;
520
- background-size: 100% 100%;
521
- background-position: center;
522
- background-repeat: no-repeat;
523
- }
524
-
525
- [type='checkbox']:checked {
526
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
527
- }
528
-
529
- @media (forced-colors: active) {
530
-
531
- [type='checkbox']:checked {
532
- -webkit-appearance: auto;
533
- -moz-appearance: auto;
534
- appearance: auto;
535
- }
536
- }
537
-
538
- [type='radio']:checked {
539
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
540
- }
541
-
542
- @media (forced-colors: active) {
543
-
544
- [type='radio']:checked {
545
- -webkit-appearance: auto;
546
- -moz-appearance: auto;
547
- appearance: auto;
548
- }
549
- }
550
-
551
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
552
- border-color: transparent;
553
- background-color: currentColor;
554
- }
555
-
556
- [type='checkbox']:indeterminate {
557
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
558
- border-color: transparent;
559
- background-color: currentColor;
560
- background-size: 100% 100%;
561
- background-position: center;
562
- background-repeat: no-repeat;
563
- }
564
-
565
- @media (forced-colors: active) {
566
-
567
- [type='checkbox']:indeterminate {
568
- -webkit-appearance: auto;
569
- -moz-appearance: auto;
570
- appearance: auto;
571
- }
572
- }
573
-
574
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
575
- border-color: transparent;
576
- background-color: currentColor;
577
- }
578
-
579
- [type='file'] {
580
- background: unset;
581
- border-color: inherit;
582
- border-width: 0;
583
- border-radius: 0;
584
- padding: 0;
585
- font-size: unset;
586
- line-height: inherit;
587
- }
588
-
589
- [type='file']:focus {
590
- outline: 1px solid ButtonText;
591
- outline: 1px auto -webkit-focus-ring-color;
592
- }
593
-
594
- .tooltip-arrow,.tooltip-arrow:before {
595
- position: absolute;
596
- width: 8px;
597
- height: 8px;
598
- background: inherit;
599
- }
600
-
601
- .tooltip-arrow {
602
- visibility: hidden;
603
- }
604
-
605
- .tooltip-arrow:before {
606
- content: "";
607
- visibility: visible;
608
- transform: rotate(45deg);
609
- }
610
-
611
- [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
612
- border-style: solid;
613
- border-color: #e5e7eb;
614
- }
615
-
616
- [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
617
- border-bottom-width: 1px;
618
- border-right-width: 1px;
619
- }
620
-
621
- [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
622
- border-bottom-width: 1px;
623
- border-left-width: 1px;
624
- }
625
-
626
- [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
627
- border-top-width: 1px;
628
- border-left-width: 1px;
629
- }
630
-
631
- [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
632
- border-top-width: 1px;
633
- border-right-width: 1px;
634
- }
635
-
636
- .tooltip[data-popper-placement^='top'] > .tooltip-arrow {
637
- bottom: -4px;
638
- }
639
-
640
- .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
641
- top: -4px;
642
- }
643
-
644
- .tooltip[data-popper-placement^='left'] > .tooltip-arrow {
645
- right: -4px;
646
- }
647
-
648
- .tooltip[data-popper-placement^='right'] > .tooltip-arrow {
649
- left: -4px;
650
- }
651
-
652
- .tooltip.invisible > .tooltip-arrow:before {
653
- visibility: hidden;
654
- }
655
-
656
- [data-popper-arrow],[data-popper-arrow]:before {
657
- position: absolute;
658
- width: 8px;
659
- height: 8px;
660
- background: inherit;
661
- }
662
-
663
- [data-popper-arrow] {
664
- visibility: hidden;
665
- }
666
-
667
- [data-popper-arrow]:before {
668
- content: "";
669
- visibility: visible;
670
- transform: rotate(45deg);
671
- }
672
-
673
- [data-popper-arrow]:after {
674
- content: "";
675
- visibility: visible;
676
- transform: rotate(45deg);
677
- position: absolute;
678
- width: 9px;
679
- height: 9px;
680
- background: inherit;
681
- }
682
-
683
- [role="tooltip"] > [data-popper-arrow]:before {
684
- border-style: solid;
685
- border-color: #e5e7eb;
686
- }
687
-
688
- .dark [role="tooltip"] > [data-popper-arrow]:before {
689
- border-style: solid;
690
- border-color: #4b5563;
691
- }
692
-
693
- [role="tooltip"] > [data-popper-arrow]:after {
694
- border-style: solid;
695
- border-color: #e5e7eb;
696
- }
697
-
698
- .dark [role="tooltip"] > [data-popper-arrow]:after {
699
- border-style: solid;
700
- border-color: #4b5563;
701
- }
702
-
703
- [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
704
- border-bottom-width: 1px;
705
- border-right-width: 1px;
706
- }
707
-
708
- [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
709
- border-bottom-width: 1px;
710
- border-right-width: 1px;
711
- }
712
-
713
- [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
714
- border-bottom-width: 1px;
715
- border-left-width: 1px;
716
- }
717
-
718
- [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
719
- border-bottom-width: 1px;
720
- border-left-width: 1px;
721
- }
722
-
723
- [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
724
- border-top-width: 1px;
725
- border-left-width: 1px;
726
- }
727
-
728
- [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
729
- border-top-width: 1px;
730
- border-left-width: 1px;
731
- }
732
-
733
- [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
734
- border-top-width: 1px;
735
- border-right-width: 1px;
736
- }
737
-
738
- [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
739
- border-top-width: 1px;
740
- border-right-width: 1px;
741
- }
742
-
743
- [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
744
- bottom: -5px;
745
- }
746
-
747
- [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
748
- top: -5px;
749
- }
750
-
751
- [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
752
- right: -5px;
753
- }
754
-
755
- [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
756
- left: -5px;
757
- }
758
-
759
- [role="tooltip"].invisible > [data-popper-arrow]:before {
760
- visibility: hidden;
761
- }
762
-
763
- [role="tooltip"].invisible > [data-popper-arrow]:after {
764
- visibility: hidden;
765
- }
766
-
767
- [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
768
- -webkit-appearance: none;
769
- -moz-appearance: none;
770
- appearance: none;
771
- background-color: #fff;
772
- border-color: #6B7280;
773
- border-width: 1px;
774
- border-radius: 0px;
775
- padding-top: 0.5rem;
776
- padding-right: 0.75rem;
777
- padding-bottom: 0.5rem;
778
- padding-left: 0.75rem;
779
- font-size: 1rem;
780
- line-height: 1.5rem;
781
- --tw-shadow: 0 0 #0000;
782
- }
783
-
784
- [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
785
- outline: 2px solid transparent;
786
- outline-offset: 2px;
787
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
788
- --tw-ring-offset-width: 0px;
789
- --tw-ring-offset-color: #fff;
790
- --tw-ring-color: #1C64F2;
791
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
792
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
793
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
794
- border-color: #1C64F2;
795
- }
796
-
797
- input::-moz-placeholder, textarea::-moz-placeholder {
798
- color: #6B7280;
799
- opacity: 1;
800
- }
801
-
802
- input::placeholder,textarea::placeholder {
803
- color: #6B7280;
804
- opacity: 1;
805
- }
806
-
807
- ::-webkit-datetime-edit-fields-wrapper {
808
- padding: 0;
809
- }
810
-
811
- ::-webkit-date-and-time-value {
812
- min-height: 1.5em;
813
- }
814
-
815
- select:not([size]) {
816
- background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
817
- background-position: right 0.75rem center;
818
- background-repeat: no-repeat;
819
- background-size: 0.75em 0.75em;
820
- padding-right: 2.5rem;
821
- -webkit-print-color-adjust: exact;
822
- print-color-adjust: exact;
823
- }
824
-
825
- :is([dir=rtl]) select:not([size]) {
826
- background-position: left 0.75rem center;
827
- padding-right: 0.75rem;
828
- padding-left: 0;
829
- }
830
-
831
- [multiple] {
832
- background-image: initial;
833
- background-position: initial;
834
- background-repeat: unset;
835
- background-size: initial;
836
- padding-right: 0.75rem;
837
- -webkit-print-color-adjust: unset;
838
- print-color-adjust: unset;
839
- }
840
-
841
- [type='checkbox'],[type='radio'] {
842
- -webkit-appearance: none;
843
- -moz-appearance: none;
844
- appearance: none;
845
- padding: 0;
846
- -webkit-print-color-adjust: exact;
847
- print-color-adjust: exact;
848
- display: inline-block;
849
- vertical-align: middle;
850
- background-origin: border-box;
851
- -webkit-user-select: none;
852
- -moz-user-select: none;
853
- user-select: none;
854
- flex-shrink: 0;
855
- height: 1rem;
856
- width: 1rem;
857
- color: #1C64F2;
858
- background-color: #fff;
859
- border-color: #6B7280;
860
- border-width: 1px;
861
- --tw-shadow: 0 0 #0000;
862
- }
863
-
864
- [type='checkbox'] {
865
- border-radius: 0px;
866
- }
867
-
868
- [type='radio'] {
869
- border-radius: 100%;
870
- }
871
-
872
- [type='checkbox']:focus,[type='radio']:focus {
873
- outline: 2px solid transparent;
874
- outline-offset: 2px;
875
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
876
- --tw-ring-offset-width: 2px;
877
- --tw-ring-offset-color: #fff;
878
- --tw-ring-color: #1C64F2;
879
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
880
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
881
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
882
- }
883
-
884
- [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {
885
- border-color: transparent;
886
- background-color: currentColor;
887
- background-size: 0.55em 0.55em;
888
- background-position: center;
889
- background-repeat: no-repeat;
890
- }
891
-
892
- [type='checkbox']:checked {
893
- background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
894
- background-repeat: no-repeat;
895
- background-size: 0.55em 0.55em;
896
- -webkit-print-color-adjust: exact;
897
- print-color-adjust: exact;
898
- }
899
-
900
- [type='radio']:checked {
901
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
902
- background-size: 1em 1em;
903
- }
904
-
905
- .dark [type='radio']:checked {
906
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
907
- background-size: 1em 1em;
908
- }
909
-
910
- [type='checkbox']:indeterminate {
911
- background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
912
- background-color: currentColor;
913
- border-color: transparent;
914
- background-position: center;
915
- background-repeat: no-repeat;
916
- background-size: 0.55em 0.55em;
917
- -webkit-print-color-adjust: exact;
918
- print-color-adjust: exact;
919
- }
920
-
921
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
922
- border-color: transparent;
923
- background-color: currentColor;
924
- }
925
-
926
- [type='file'] {
927
- background: unset;
928
- border-color: inherit;
929
- border-width: 0;
930
- border-radius: 0;
931
- padding: 0;
932
- font-size: unset;
933
- line-height: inherit;
934
- }
935
-
936
- [type='file']:focus {
937
- outline: 1px auto inherit;
938
- }
939
-
940
- input[type=file]::file-selector-button {
941
- color: white;
942
- background: #1F2937;
943
- border: 0;
944
- font-weight: 500;
945
- font-size: 0.875rem;
946
- cursor: pointer;
947
- padding-top: 0.625rem;
948
- padding-bottom: 0.625rem;
949
- padding-left: 2rem;
950
- padding-right: 1rem;
951
- margin-inline-start: -1rem;
952
- margin-inline-end: 1rem;
953
- }
954
-
955
- input[type=file]::file-selector-button:hover {
956
- background: #374151;
957
- }
958
-
959
- :is([dir=rtl]) input[type=file]::file-selector-button {
960
- padding-right: 2rem;
961
- padding-left: 1rem;
962
- }
963
-
964
- .dark input[type=file]::file-selector-button {
965
- color: white;
966
- background: #4B5563;
967
- }
968
-
969
- .dark input[type=file]::file-selector-button:hover {
970
- background: #6B7280;
971
- }
972
-
973
- input[type="range"]::-webkit-slider-thumb {
974
- height: 1.25rem;
975
- width: 1.25rem;
976
- background: #1C64F2;
977
- border-radius: 9999px;
978
- border: 0;
979
- appearance: none;
980
- -moz-appearance: none;
981
- -webkit-appearance: none;
982
- cursor: pointer;
983
- }
984
-
985
- input[type="range"]:disabled::-webkit-slider-thumb {
986
- background: #9CA3AF;
987
- }
988
-
989
- .dark input[type="range"]:disabled::-webkit-slider-thumb {
990
- background: #6B7280;
991
- }
992
-
993
- input[type="range"]:focus::-webkit-slider-thumb {
994
- outline: 2px solid transparent;
995
- outline-offset: 2px;
996
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
997
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
998
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
999
- --tw-ring-opacity: 1px;
1000
- --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
1001
- }
1002
-
1003
- input[type="range"]::-moz-range-thumb {
1004
- height: 1.25rem;
1005
- width: 1.25rem;
1006
- background: #1C64F2;
1007
- border-radius: 9999px;
1008
- border: 0;
1009
- appearance: none;
1010
- -moz-appearance: none;
1011
- -webkit-appearance: none;
1012
- cursor: pointer;
1013
- }
1014
-
1015
- input[type="range"]:disabled::-moz-range-thumb {
1016
- background: #9CA3AF;
1017
- }
1018
-
1019
- .dark input[type="range"]:disabled::-moz-range-thumb {
1020
- background: #6B7280;
1021
- }
1022
-
1023
- input[type="range"]::-moz-range-progress {
1024
- background: #3F83F8;
1025
- }
1026
-
1027
- input[type="range"]::-ms-fill-lower {
1028
- background: #3F83F8;
1029
- }
1030
-
1031
- .toggle-bg:after {
1032
- content: "";
1033
- position: absolute;
1034
- top: 0.125rem;
1035
- left: 0.125rem;
1036
- background: white;
1037
- border-color: #D1D5DB;
1038
- border-width: 1px;
1039
- border-radius: 9999px;
1040
- height: 1.25rem;
1041
- width: 1.25rem;
1042
- transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
1043
- transition-duration: .15s;
1044
- box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1045
- }
1046
-
1047
- input:checked + .toggle-bg:after {
1048
- transform: translateX(100%);;
1049
- border-color: white;
1050
- }
1051
-
1052
- input:checked + .toggle-bg {
1053
- background: #1C64F2;
1054
- border-color: #1C64F2;
1055
- }
1056
-
1057
- *, ::before, ::after {
1058
- --tw-border-spacing-x: 0;
1059
- --tw-border-spacing-y: 0;
1060
- --tw-translate-x: 0;
1061
- --tw-translate-y: 0;
1062
- --tw-rotate: 0;
1063
- --tw-skew-x: 0;
1064
- --tw-skew-y: 0;
1065
- --tw-scale-x: 1;
1066
- --tw-scale-y: 1;
1067
- --tw-pan-x: ;
1068
- --tw-pan-y: ;
1069
- --tw-pinch-zoom: ;
1070
- --tw-scroll-snap-strictness: proximity;
1071
- --tw-gradient-from-position: ;
1072
- --tw-gradient-via-position: ;
1073
- --tw-gradient-to-position: ;
1074
- --tw-ordinal: ;
1075
- --tw-slashed-zero: ;
1076
- --tw-numeric-figure: ;
1077
- --tw-numeric-spacing: ;
1078
- --tw-numeric-fraction: ;
1079
- --tw-ring-inset: ;
1080
- --tw-ring-offset-width: 0px;
1081
- --tw-ring-offset-color: #fff;
1082
- --tw-ring-color: rgb(63 131 248 / 0.5);
1083
- --tw-ring-offset-shadow: 0 0 #0000;
1084
- --tw-ring-shadow: 0 0 #0000;
1085
- --tw-shadow: 0 0 #0000;
1086
- --tw-shadow-colored: 0 0 #0000;
1087
- --tw-blur: ;
1088
- --tw-brightness: ;
1089
- --tw-contrast: ;
1090
- --tw-grayscale: ;
1091
- --tw-hue-rotate: ;
1092
- --tw-invert: ;
1093
- --tw-saturate: ;
1094
- --tw-sepia: ;
1095
- --tw-drop-shadow: ;
1096
- --tw-backdrop-blur: ;
1097
- --tw-backdrop-brightness: ;
1098
- --tw-backdrop-contrast: ;
1099
- --tw-backdrop-grayscale: ;
1100
- --tw-backdrop-hue-rotate: ;
1101
- --tw-backdrop-invert: ;
1102
- --tw-backdrop-opacity: ;
1103
- --tw-backdrop-saturate: ;
1104
- --tw-backdrop-sepia: ;
1105
- }
1106
-
1107
- ::backdrop {
1108
- --tw-border-spacing-x: 0;
1109
- --tw-border-spacing-y: 0;
1110
- --tw-translate-x: 0;
1111
- --tw-translate-y: 0;
1112
- --tw-rotate: 0;
1113
- --tw-skew-x: 0;
1114
- --tw-skew-y: 0;
1115
- --tw-scale-x: 1;
1116
- --tw-scale-y: 1;
1117
- --tw-pan-x: ;
1118
- --tw-pan-y: ;
1119
- --tw-pinch-zoom: ;
1120
- --tw-scroll-snap-strictness: proximity;
1121
- --tw-gradient-from-position: ;
1122
- --tw-gradient-via-position: ;
1123
- --tw-gradient-to-position: ;
1124
- --tw-ordinal: ;
1125
- --tw-slashed-zero: ;
1126
- --tw-numeric-figure: ;
1127
- --tw-numeric-spacing: ;
1128
- --tw-numeric-fraction: ;
1129
- --tw-ring-inset: ;
1130
- --tw-ring-offset-width: 0px;
1131
- --tw-ring-offset-color: #fff;
1132
- --tw-ring-color: rgb(63 131 248 / 0.5);
1133
- --tw-ring-offset-shadow: 0 0 #0000;
1134
- --tw-ring-shadow: 0 0 #0000;
1135
- --tw-shadow: 0 0 #0000;
1136
- --tw-shadow-colored: 0 0 #0000;
1137
- --tw-blur: ;
1138
- --tw-brightness: ;
1139
- --tw-contrast: ;
1140
- --tw-grayscale: ;
1141
- --tw-hue-rotate: ;
1142
- --tw-invert: ;
1143
- --tw-saturate: ;
1144
- --tw-sepia: ;
1145
- --tw-drop-shadow: ;
1146
- --tw-backdrop-blur: ;
1147
- --tw-backdrop-brightness: ;
1148
- --tw-backdrop-contrast: ;
1149
- --tw-backdrop-grayscale: ;
1150
- --tw-backdrop-hue-rotate: ;
1151
- --tw-backdrop-invert: ;
1152
- --tw-backdrop-opacity: ;
1153
- --tw-backdrop-saturate: ;
1154
- --tw-backdrop-sepia: ;
1155
- }
1156
- .container {
1157
- width: 100%;
1158
- }
1159
- @media (min-width: 475px) {
1160
-
1161
- .container {
1162
- max-width: 475px;
1163
- }
1164
- }
1165
- @media (min-width: 640px) {
1166
-
1167
- .container {
1168
- max-width: 640px;
1169
- }
1170
- }
1171
- @media (min-width: 768px) {
1172
-
1173
- .container {
1174
- max-width: 768px;
1175
- }
1176
- }
1177
- @media (min-width: 1024px) {
1178
-
1179
- .container {
1180
- max-width: 1024px;
1181
- }
1182
- }
1183
- @media (min-width: 1280px) {
1184
-
1185
- .container {
1186
- max-width: 1280px;
1187
- }
1188
- }
1189
- @media (min-width: 1536px) {
1190
-
1191
- .container {
1192
- max-width: 1536px;
1193
- }
1194
- }
1195
- .sr-only {
1196
- position: absolute;
1197
- width: 1px;
1198
- height: 1px;
1199
- padding: 0;
1200
- margin: -1px;
1201
- overflow: hidden;
1202
- clip: rect(0, 0, 0, 0);
1203
- white-space: nowrap;
1204
- border-width: 0;
1205
- }
1206
- .pointer-events-none {
1207
- pointer-events: none;
1208
- }
1209
- .visible {
1210
- visibility: visible;
1211
- }
1212
- .invisible {
1213
- visibility: hidden;
1214
- }
1215
- .collapse {
1216
- visibility: collapse;
1217
- }
1218
- .static {
1219
- position: static;
1220
- }
1221
- .fixed {
1222
- position: fixed;
1223
- }
1224
- .absolute {
1225
- position: absolute;
1226
- }
1227
- .relative {
1228
- position: relative;
1229
- }
1230
- .inset-0 {
1231
- inset: 0px;
1232
- }
1233
- .inset-y-0 {
1234
- top: 0px;
1235
- bottom: 0px;
1236
- }
1237
- .bottom-0 {
1238
- bottom: 0px;
1239
- }
1240
- .bottom-\[60px\] {
1241
- bottom: 60px;
1242
- }
1243
- .end-0 {
1244
- inset-inline-end: 0px;
1245
- }
1246
- .left-0 {
1247
- left: 0px;
1248
- }
1249
- .right-0 {
1250
- right: 0px;
1251
- }
1252
- .right-5 {
1253
- right: 1.25rem;
1254
- }
1255
- .top-0 {
1256
- top: 0px;
1257
- }
1258
- .top-16 {
1259
- top: 4rem;
1260
- }
1261
- .z-10 {
1262
- z-index: 10;
1263
- }
1264
- .z-20 {
1265
- z-index: 20;
1266
- }
1267
- .z-30 {
1268
- z-index: 30;
1269
- }
1270
- .z-40 {
1271
- z-index: 40;
1272
- }
1273
- .z-50 {
1274
- z-index: 50;
1275
- }
1276
- .-mx-1 {
1277
- margin-left: -0.25rem;
1278
- margin-right: -0.25rem;
1279
- }
1280
- .-mx-1\.5 {
1281
- margin-left: -0.375rem;
1282
- margin-right: -0.375rem;
1283
- }
1284
- .-my-1 {
1285
- margin-top: -0.25rem;
1286
- margin-bottom: -0.25rem;
1287
- }
1288
- .-my-1\.5 {
1289
- margin-top: -0.375rem;
1290
- margin-bottom: -0.375rem;
1291
- }
1292
- .mx-1 {
1293
- margin-left: 0.25rem;
1294
- margin-right: 0.25rem;
1295
- }
1296
- .mx-3 {
1297
- margin-left: 0.75rem;
1298
- margin-right: 0.75rem;
1299
- }
1300
- .mx-4 {
1301
- margin-left: 1rem;
1302
- margin-right: 1rem;
1303
- }
1304
- .mx-auto {
1305
- margin-left: auto;
1306
- margin-right: auto;
1307
- }
1308
- .my-1 {
1309
- margin-top: 0.25rem;
1310
- margin-bottom: 0.25rem;
1311
- }
1312
- .my-3 {
1313
- margin-top: 0.75rem;
1314
- margin-bottom: 0.75rem;
1315
- }
1316
- .my-4 {
1317
- margin-top: 1rem;
1318
- margin-bottom: 1rem;
1319
- }
1320
- .-mb-px {
1321
- margin-bottom: -1px;
1322
- }
1323
- .-ml-1 {
1324
- margin-left: -0.25rem;
1325
- }
1326
- .-mr-1 {
1327
- margin-right: -0.25rem;
1328
- }
1329
- .-ms-px {
1330
- margin-inline-start: -1px;
1331
- }
1332
- .-mt-5 {
1333
- margin-top: -1.25rem;
1334
- }
1335
- .mb-1 {
1336
- margin-bottom: 0.25rem;
1337
- }
1338
- .mb-1\.5 {
1339
- margin-bottom: 0.375rem;
1340
- }
1341
- .mb-2 {
1342
- margin-bottom: 0.5rem;
1343
- }
1344
- .mb-2\.5 {
1345
- margin-bottom: 0.625rem;
1346
- }
1347
- .mb-3 {
1348
- margin-bottom: 0.75rem;
1349
- }
1350
- .mb-4 {
1351
- margin-bottom: 1rem;
1352
- }
1353
- .mb-6 {
1354
- margin-bottom: 1.5rem;
1355
- }
1356
- .me-2 {
1357
- margin-inline-end: 0.5rem;
1358
- }
1359
- .me-2\.5 {
1360
- margin-inline-end: 0.625rem;
1361
- }
1362
- .me-3 {
1363
- margin-inline-end: 0.75rem;
1364
- }
1365
- .ml-1 {
1366
- margin-left: 0.25rem;
1367
- }
1368
- .ml-1\.5 {
1369
- margin-left: 0.375rem;
1370
- }
1371
- .ml-2 {
1372
- margin-left: 0.5rem;
1373
- }
1374
- .ml-3 {
1375
- margin-left: 0.75rem;
1376
- }
1377
- .ml-6 {
1378
- margin-left: 1.5rem;
1379
- }
1380
- .mr-1 {
1381
- margin-right: 0.25rem;
1382
- }
1383
- .mr-1\.5 {
1384
- margin-right: 0.375rem;
1385
- }
1386
- .mr-2 {
1387
- margin-right: 0.5rem;
1388
- }
1389
- .mr-3 {
1390
- margin-right: 0.75rem;
1391
- }
1392
- .mr-4 {
1393
- margin-right: 1rem;
1394
- }
1395
- .ms-1 {
1396
- margin-inline-start: 0.25rem;
1397
- }
1398
- .ms-2 {
1399
- margin-inline-start: 0.5rem;
1400
- }
1401
- .ms-3 {
1402
- margin-inline-start: 0.75rem;
1403
- }
1404
- .ms-auto {
1405
- margin-inline-start: auto;
1406
- }
1407
- .mt-1 {
1408
- margin-top: 0.25rem;
1409
- }
1410
- .mt-1\.5 {
1411
- margin-top: 0.375rem;
1412
- }
1413
- .mt-2 {
1414
- margin-top: 0.5rem;
1415
- }
1416
- .mt-3 {
1417
- margin-top: 0.75rem;
1418
- }
1419
- .mt-4 {
1420
- margin-top: 1rem;
1421
- }
1422
- .mt-5 {
1423
- margin-top: 1.25rem;
1424
- }
1425
- .mt-6 {
1426
- margin-top: 1.5rem;
1427
- }
1428
- .mt-\[2px\] {
1429
- margin-top: 2px;
1430
- }
1431
- .block {
1432
- display: block;
1433
- }
1434
- .inline-block {
1435
- display: inline-block;
1436
- }
1437
- .inline {
1438
- display: inline;
1439
- }
1440
- .flex {
1441
- display: flex;
1442
- }
1443
- .inline-flex {
1444
- display: inline-flex;
1445
- }
1446
- .table {
1447
- display: table;
1448
- }
1449
- .grid {
1450
- display: grid;
1451
- }
1452
- .hidden {
1453
- display: none;
1454
- }
1455
- .h-11 {
1456
- height: 2.75rem;
1457
- }
1458
- .h-2 {
1459
- height: 0.5rem;
1460
- }
1461
- .h-2\.5 {
1462
- height: 0.625rem;
1463
- }
1464
- .h-3 {
1465
- height: 0.75rem;
1466
- }
1467
- .h-4 {
1468
- height: 1rem;
1469
- }
1470
- .h-5 {
1471
- height: 1.25rem;
1472
- }
1473
- .h-6 {
1474
- height: 1.5rem;
1475
- }
1476
- .h-7 {
1477
- height: 1.75rem;
1478
- }
1479
- .h-8 {
1480
- height: 2rem;
1481
- }
1482
- .h-9 {
1483
- height: 2.25rem;
1484
- }
1485
- .h-auto {
1486
- height: auto;
1487
- }
1488
- .h-full {
1489
- height: 100%;
1490
- }
1491
- .h-screen {
1492
- height: 100vh;
1493
- }
1494
- .w-1\/2 {
1495
- width: 50%;
1496
- }
1497
- .w-11 {
1498
- width: 2.75rem;
1499
- }
1500
- .w-12 {
1501
- width: 3rem;
1502
- }
1503
- .w-2 {
1504
- width: 0.5rem;
1505
- }
1506
- .w-2\.5 {
1507
- width: 0.625rem;
1508
- }
1509
- .w-24 {
1510
- width: 6rem;
1511
- }
1512
- .w-3 {
1513
- width: 0.75rem;
1514
- }
1515
- .w-32 {
1516
- width: 8rem;
1517
- }
1518
- .w-4 {
1519
- width: 1rem;
1520
- }
1521
- .w-44 {
1522
- width: 11rem;
1523
- }
1524
- .w-48 {
1525
- width: 12rem;
1526
- }
1527
- .w-5 {
1528
- width: 1.25rem;
1529
- }
1530
- .w-56 {
1531
- width: 14rem;
1532
- }
1533
- .w-6 {
1534
- width: 1.5rem;
1535
- }
1536
- .w-64 {
1537
- width: 16rem;
1538
- }
1539
- .w-7 {
1540
- width: 1.75rem;
1541
- }
1542
- .w-8 {
1543
- width: 2rem;
1544
- }
1545
- .w-full {
1546
- width: 100%;
1547
- }
1548
- .max-w-\[250px\] {
1549
- max-width: 250px;
1550
- }
1551
- .max-w-md {
1552
- max-width: 28rem;
1553
- }
1554
- .max-w-sm {
1555
- max-width: 24rem;
1556
- }
1557
- .flex-1 {
1558
- flex: 1 1 0%;
1559
- }
1560
- .flex-shrink {
1561
- flex-shrink: 1;
1562
- }
1563
- .flex-shrink-0 {
1564
- flex-shrink: 0;
1565
- }
1566
- .shrink-0 {
1567
- flex-shrink: 0;
1568
- }
1569
- .table-auto {
1570
- table-layout: auto;
1571
- }
1572
- .-translate-x-full {
1573
- --tw-translate-x: -100%;
1574
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1575
- }
1576
- .-translate-y-full {
1577
- --tw-translate-y: -100%;
1578
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1579
- }
1580
- .translate-x-0 {
1581
- --tw-translate-x: 0px;
1582
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1583
- }
1584
- .translate-x-full {
1585
- --tw-translate-x: 100%;
1586
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1587
- }
1588
- .translate-y-full {
1589
- --tw-translate-y: 100%;
1590
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1591
- }
1592
- .rotate-180 {
1593
- --tw-rotate: 180deg;
1594
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1595
- }
1596
- .transform {
1597
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1598
- }
1599
- .transform-none {
1600
- transform: none;
1601
- }
1602
- @keyframes pulse {
1603
-
1604
- 50% {
1605
- opacity: .5;
1606
- }
1607
- }
1608
- .animate-pulse {
1609
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1610
- }
1611
- .cursor-default {
1612
- cursor: default;
1613
- }
1614
- .cursor-not-allowed {
1615
- cursor: not-allowed;
1616
- }
1617
- .cursor-pointer {
1618
- cursor: pointer;
1619
- }
1620
- .select-none {
1621
- -webkit-user-select: none;
1622
- -moz-user-select: none;
1623
- user-select: none;
1624
- }
1625
- .resize {
1626
- resize: both;
1627
- }
1628
- .list-inside {
1629
- list-style-position: inside;
1630
- }
1631
- .list-disc {
1632
- list-style-type: disc;
1633
- }
1634
- .list-none {
1635
- list-style-type: none;
1636
- }
1637
- .grid-cols-2 {
1638
- grid-template-columns: repeat(2, minmax(0, 1fr));
1639
- }
1640
- .grid-cols-3 {
1641
- grid-template-columns: repeat(3, minmax(0, 1fr));
1642
- }
1643
- .grid-cols-4 {
1644
- grid-template-columns: repeat(4, minmax(0, 1fr));
1645
- }
1646
- .grid-cols-7 {
1647
- grid-template-columns: repeat(7, minmax(0, 1fr));
1648
- }
1649
- .flex-col {
1650
- flex-direction: column;
1651
- }
1652
- .flex-wrap {
1653
- flex-wrap: wrap;
1654
- }
1655
- .items-start {
1656
- align-items: flex-start;
1657
- }
1658
- .items-end {
1659
- align-items: flex-end;
1660
- }
1661
- .items-center {
1662
- align-items: center;
1663
- }
1664
- .items-stretch {
1665
- align-items: stretch;
1666
- }
1667
- .justify-start {
1668
- justify-content: flex-start;
1669
- }
1670
- .justify-end {
1671
- justify-content: flex-end;
1672
- }
1673
- .justify-center {
1674
- justify-content: center;
1675
- }
1676
- .justify-between {
1677
- justify-content: space-between;
1678
- }
1679
- .gap-2 {
1680
- gap: 0.5rem;
1681
- }
1682
- .gap-4 {
1683
- gap: 1rem;
1684
- }
1685
- .gap-x-4 {
1686
- -moz-column-gap: 1rem;
1687
- column-gap: 1rem;
1688
- }
1689
- .gap-y-2 {
1690
- row-gap: 0.5rem;
1691
- }
1692
- .-space-x-px > :not([hidden]) ~ :not([hidden]) {
1693
- --tw-space-x-reverse: 0;
1694
- margin-right: calc(-1px * var(--tw-space-x-reverse));
1695
- margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
1696
- }
1697
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1698
- --tw-space-x-reverse: 0;
1699
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1700
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1701
- }
1702
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1703
- --tw-space-x-reverse: 0;
1704
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1705
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1706
- }
1707
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1708
- --tw-space-x-reverse: 0;
1709
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1710
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1711
- }
1712
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1713
- --tw-space-x-reverse: 0;
1714
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1715
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1716
- }
1717
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1718
- --tw-space-y-reverse: 0;
1719
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1720
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1721
- }
1722
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1723
- --tw-space-y-reverse: 0;
1724
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1725
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1726
- }
1727
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1728
- --tw-space-y-reverse: 0;
1729
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1730
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1731
- }
1732
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1733
- --tw-space-y-reverse: 0;
1734
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1735
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1736
- }
1737
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1738
- --tw-space-y-reverse: 0;
1739
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1740
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1741
- }
1742
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1743
- --tw-divide-y-reverse: 0;
1744
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1745
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1746
- }
1747
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1748
- --tw-divide-opacity: 1;
1749
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1750
- }
1751
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1752
- --tw-divide-opacity: 1;
1753
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1754
- }
1755
- .self-center {
1756
- align-self: center;
1757
- }
1758
- .overflow-auto {
1759
- overflow: auto;
1760
- }
1761
- .overflow-hidden {
1762
- overflow: hidden;
1763
- }
1764
- .overflow-x-auto {
1765
- overflow-x: auto;
1766
- }
1767
- .overflow-y-auto {
1768
- overflow-y: auto;
1769
- }
1770
- .truncate {
1771
- overflow: hidden;
1772
- text-overflow: ellipsis;
1773
- white-space: nowrap;
1774
- }
1775
- .text-ellipsis {
1776
- text-overflow: ellipsis;
1777
- }
1778
- .whitespace-nowrap {
1779
- white-space: nowrap;
1780
- }
1781
- .rounded {
1782
- border-radius: 0.25rem;
1783
- }
1784
- .rounded-full {
1785
- border-radius: 9999px;
1786
- }
1787
- .rounded-lg {
1788
- border-radius: 0.5rem;
1789
- }
1790
- .rounded-md {
1791
- border-radius: 0.375rem;
1792
- }
1793
- .rounded-sm {
1794
- border-radius: 0.125rem;
1795
- }
1796
- .rounded-xl {
1797
- border-radius: 0.75rem;
1798
- }
1799
- .rounded-e-lg {
1800
- border-start-end-radius: 0.5rem;
1801
- border-end-end-radius: 0.5rem;
1802
- }
1803
- .rounded-e-md {
1804
- border-start-end-radius: 0.375rem;
1805
- border-end-end-radius: 0.375rem;
1806
- }
1807
- .rounded-l-lg {
1808
- border-top-left-radius: 0.5rem;
1809
- border-bottom-left-radius: 0.5rem;
1810
- }
1811
- .rounded-r-lg {
1812
- border-top-right-radius: 0.5rem;
1813
- border-bottom-right-radius: 0.5rem;
1814
- }
1815
- .rounded-s-lg {
1816
- border-start-start-radius: 0.5rem;
1817
- border-end-start-radius: 0.5rem;
1818
- }
1819
- .rounded-s-md {
1820
- border-start-start-radius: 0.375rem;
1821
- border-end-start-radius: 0.375rem;
1822
- }
1823
- .rounded-t-lg {
1824
- border-top-left-radius: 0.5rem;
1825
- border-top-right-radius: 0.5rem;
1826
- }
1827
- .border {
1828
- border-width: 1px;
1829
- }
1830
- .border-0 {
1831
- border-width: 0px;
1832
- }
1833
- .border-y-0 {
1834
- border-top-width: 0px;
1835
- border-bottom-width: 0px;
1836
- }
1837
- .border-b {
1838
- border-bottom-width: 1px;
1839
- }
1840
- .border-b-2 {
1841
- border-bottom-width: 2px;
1842
- }
1843
- .border-e-0 {
1844
- border-inline-end-width: 0px;
1845
- }
1846
- .border-r {
1847
- border-right-width: 1px;
1848
- }
1849
- .border-s {
1850
- border-inline-start-width: 1px;
1851
- }
1852
- .border-t {
1853
- border-top-width: 1px;
1854
- }
1855
- .\!border-primary-700 {
1856
- --tw-border-opacity: 1 !important;
1857
- border-color: rgb(40 95 204 / var(--tw-border-opacity)) !important;
1858
- }
1859
- .border-blue-600 {
1860
- --tw-border-opacity: 1;
1861
- border-color: rgb(28 100 242 / var(--tw-border-opacity));
1862
- }
1863
- .border-blue-700 {
1864
- --tw-border-opacity: 1;
1865
- border-color: rgb(26 86 219 / var(--tw-border-opacity));
1866
- }
1867
- .border-gray-100 {
1868
- --tw-border-opacity: 1;
1869
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
1870
- }
1871
- .border-gray-200 {
1872
- --tw-border-opacity: 1;
1873
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1874
- }
1875
- .border-gray-300 {
1876
- --tw-border-opacity: 1;
1877
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1878
- }
1879
- .border-gray-400 {
1880
- --tw-border-opacity: 1;
1881
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1882
- }
1883
- .border-gray-800 {
1884
- --tw-border-opacity: 1;
1885
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
1886
- }
1887
- .border-green-500 {
1888
- --tw-border-opacity: 1;
1889
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
1890
- }
1891
- .border-green-700 {
1892
- --tw-border-opacity: 1;
1893
- border-color: rgb(4 108 78 / var(--tw-border-opacity));
1894
- }
1895
- .border-primary-600 {
1896
- --tw-border-opacity: 1;
1897
- border-color: rgb(49 116 223 / var(--tw-border-opacity));
1898
- }
1899
- .border-primary-700 {
1900
- --tw-border-opacity: 1;
1901
- border-color: rgb(40 95 204 / var(--tw-border-opacity));
1902
- }
1903
- .border-purple-700 {
1904
- --tw-border-opacity: 1;
1905
- border-color: rgb(108 43 217 / var(--tw-border-opacity));
1906
- }
1907
- .border-red-300 {
1908
- --tw-border-opacity: 1;
1909
- border-color: rgb(248 180 180 / var(--tw-border-opacity));
1910
- }
1911
- .border-red-500 {
1912
- --tw-border-opacity: 1;
1913
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
1914
- }
1915
- .border-red-600 {
1916
- --tw-border-opacity: 1;
1917
- border-color: rgb(224 36 36 / var(--tw-border-opacity));
1918
- }
1919
- .border-red-700 {
1920
- --tw-border-opacity: 1;
1921
- border-color: rgb(200 30 30 / var(--tw-border-opacity));
1922
- }
1923
- .border-transparent {
1924
- border-color: transparent;
1925
- }
1926
- .border-white {
1927
- --tw-border-opacity: 1;
1928
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1929
- }
1930
- .border-yellow-400 {
1931
- --tw-border-opacity: 1;
1932
- border-color: rgb(227 160 8 / var(--tw-border-opacity));
1933
- }
1934
- .\!bg-primary-600 {
1935
- --tw-bg-opacity: 1 !important;
1936
- background-color: rgb(49 116 223 / var(--tw-bg-opacity)) !important;
1937
- }
1938
- .\!bg-primary-700 {
1939
- --tw-bg-opacity: 1 !important;
1940
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
1941
- }
1942
- .bg-blue-100 {
1943
- --tw-bg-opacity: 1;
1944
- background-color: rgb(225 239 254 / var(--tw-bg-opacity));
1945
- }
1946
- .bg-blue-50 {
1947
- --tw-bg-opacity: 1;
1948
- background-color: rgb(235 245 255 / var(--tw-bg-opacity));
1949
- }
1950
- .bg-blue-600 {
1951
- --tw-bg-opacity: 1;
1952
- background-color: rgb(28 100 242 / var(--tw-bg-opacity));
1953
- }
1954
- .bg-blue-700 {
1955
- --tw-bg-opacity: 1;
1956
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
1957
- }
1958
- .bg-blue-800 {
1959
- --tw-bg-opacity: 1;
1960
- background-color: rgb(30 66 159 / var(--tw-bg-opacity));
1961
- }
1962
- .bg-gray-100 {
1963
- --tw-bg-opacity: 1;
1964
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1965
- }
1966
- .bg-gray-200 {
1967
- --tw-bg-opacity: 1;
1968
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1969
- }
1970
- .bg-gray-300 {
1971
- --tw-bg-opacity: 1;
1972
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1973
- }
1974
- .bg-gray-50 {
1975
- --tw-bg-opacity: 1;
1976
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1977
- }
1978
- .bg-gray-800 {
1979
- --tw-bg-opacity: 1;
1980
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1981
- }
1982
- .bg-gray-900 {
1983
- --tw-bg-opacity: 1;
1984
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1985
- }
1986
- .bg-gray-900\/50 {
1987
- background-color: rgb(17 24 39 / 0.5);
1988
- }
1989
- .bg-green-100 {
1990
- --tw-bg-opacity: 1;
1991
- background-color: rgb(222 247 236 / var(--tw-bg-opacity));
1992
- }
1993
- .bg-green-400 {
1994
- --tw-bg-opacity: 1;
1995
- background-color: rgb(49 196 141 / var(--tw-bg-opacity));
1996
- }
1997
- .bg-green-50 {
1998
- --tw-bg-opacity: 1;
1999
- background-color: rgb(243 250 247 / var(--tw-bg-opacity));
2000
- }
2001
- .bg-green-700 {
2002
- --tw-bg-opacity: 1;
2003
- background-color: rgb(4 108 78 / var(--tw-bg-opacity));
2004
- }
2005
- .bg-green-800 {
2006
- --tw-bg-opacity: 1;
2007
- background-color: rgb(3 84 63 / var(--tw-bg-opacity));
2008
- }
2009
- .bg-inherit {
2010
- background-color: inherit;
2011
- }
2012
- .bg-primary-100 {
2013
- --tw-bg-opacity: 1;
2014
- background-color: rgb(221 236 252 / var(--tw-bg-opacity));
2015
- }
2016
- .bg-primary-600 {
2017
- --tw-bg-opacity: 1;
2018
- background-color: rgb(49 116 223 / var(--tw-bg-opacity));
2019
- }
2020
- .bg-primary-700 {
2021
- --tw-bg-opacity: 1;
2022
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
2023
- }
2024
- .bg-purple-500 {
2025
- --tw-bg-opacity: 1;
2026
- background-color: rgb(144 97 249 / var(--tw-bg-opacity));
2027
- }
2028
- .bg-purple-700 {
2029
- --tw-bg-opacity: 1;
2030
- background-color: rgb(108 43 217 / var(--tw-bg-opacity));
2031
- }
2032
- .bg-red-100 {
2033
- --tw-bg-opacity: 1;
2034
- background-color: rgb(253 232 232 / var(--tw-bg-opacity));
2035
- }
2036
- .bg-red-50 {
2037
- --tw-bg-opacity: 1;
2038
- background-color: rgb(253 242 242 / var(--tw-bg-opacity));
2039
- }
2040
- .bg-red-600 {
2041
- --tw-bg-opacity: 1;
2042
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
2043
- }
2044
- .bg-red-700 {
2045
- --tw-bg-opacity: 1;
2046
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
2047
- }
2048
- .bg-red-800 {
2049
- --tw-bg-opacity: 1;
2050
- background-color: rgb(155 28 28 / var(--tw-bg-opacity));
2051
- }
2052
- .bg-white {
2053
- --tw-bg-opacity: 1;
2054
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2055
- }
2056
- .bg-white\/50 {
2057
- background-color: rgb(255 255 255 / 0.5);
2058
- }
2059
- .bg-yellow-100 {
2060
- --tw-bg-opacity: 1;
2061
- background-color: rgb(253 246 178 / var(--tw-bg-opacity));
2062
- }
2063
- .bg-yellow-300 {
2064
- --tw-bg-opacity: 1;
2065
- background-color: rgb(250 202 21 / var(--tw-bg-opacity));
2066
- }
2067
- .bg-yellow-400 {
2068
- --tw-bg-opacity: 1;
2069
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
2070
- }
2071
- .bg-yellow-50 {
2072
- --tw-bg-opacity: 1;
2073
- background-color: rgb(253 253 234 / var(--tw-bg-opacity));
2074
- }
2075
- .bg-yellow-800 {
2076
- --tw-bg-opacity: 1;
2077
- background-color: rgb(114 59 19 / var(--tw-bg-opacity));
2078
- }
2079
- .p-1 {
2080
- padding: 0.25rem;
2081
- }
2082
- .p-1\.5 {
2083
- padding: 0.375rem;
2084
- }
2085
- .p-2 {
2086
- padding: 0.5rem;
2087
- }
2088
- .p-2\.5 {
2089
- padding: 0.625rem;
2090
- }
2091
- .p-3 {
2092
- padding: 0.75rem;
2093
- }
2094
- .p-4 {
2095
- padding: 1rem;
2096
- }
2097
- .p-6 {
2098
- padding: 1.5rem;
2099
- }
2100
- .px-0 {
2101
- padding-left: 0px;
2102
- padding-right: 0px;
2103
- }
2104
- .px-2 {
2105
- padding-left: 0.5rem;
2106
- padding-right: 0.5rem;
2107
- }
2108
- .px-3 {
2109
- padding-left: 0.75rem;
2110
- padding-right: 0.75rem;
2111
- }
2112
- .px-4 {
2113
- padding-left: 1rem;
2114
- padding-right: 1rem;
2115
- }
2116
- .px-5 {
2117
- padding-left: 1.25rem;
2118
- padding-right: 1.25rem;
2119
- }
2120
- .px-6 {
2121
- padding-left: 1.5rem;
2122
- padding-right: 1.5rem;
2123
- }
2124
- .px-8 {
2125
- padding-left: 2rem;
2126
- padding-right: 2rem;
2127
- }
2128
- .py-1 {
2129
- padding-top: 0.25rem;
2130
- padding-bottom: 0.25rem;
2131
- }
2132
- .py-1\.5 {
2133
- padding-top: 0.375rem;
2134
- padding-bottom: 0.375rem;
2135
- }
2136
- .py-2 {
2137
- padding-top: 0.5rem;
2138
- padding-bottom: 0.5rem;
2139
- }
2140
- .py-2\.5 {
2141
- padding-top: 0.625rem;
2142
- padding-bottom: 0.625rem;
2143
- }
2144
- .py-3 {
2145
- padding-top: 0.75rem;
2146
- padding-bottom: 0.75rem;
2147
- }
2148
- .py-3\.5 {
2149
- padding-top: 0.875rem;
2150
- padding-bottom: 0.875rem;
2151
- }
2152
- .py-4 {
2153
- padding-top: 1rem;
2154
- padding-bottom: 1rem;
2155
- }
2156
- .py-5 {
2157
- padding-top: 1.25rem;
2158
- padding-bottom: 1.25rem;
2159
- }
2160
- .py-6 {
2161
- padding-top: 1.5rem;
2162
- padding-bottom: 1.5rem;
2163
- }
2164
- .py-8 {
2165
- padding-top: 2rem;
2166
- padding-bottom: 2rem;
2167
- }
2168
- .pl-10 {
2169
- padding-left: 2.5rem;
2170
- }
2171
- .pl-11 {
2172
- padding-left: 2.75rem;
2173
- }
2174
- .pl-3 {
2175
- padding-left: 0.75rem;
2176
- }
2177
- .pt-14 {
2178
- padding-top: 3.5rem;
2179
- }
2180
- .pt-2 {
2181
- padding-top: 0.5rem;
2182
- }
2183
- .pt-20 {
2184
- padding-top: 5rem;
2185
- }
2186
- .pt-4 {
2187
- padding-top: 1rem;
2188
- }
2189
- .pt-5 {
2190
- padding-top: 1.25rem;
2191
- }
2192
- .text-left {
2193
- text-align: left;
2194
- }
2195
- .text-center {
2196
- text-align: center;
2197
- }
2198
- .text-right {
2199
- text-align: right;
2200
- }
2201
- .text-start {
2202
- text-align: start;
2203
- }
2204
- .text-end {
2205
- text-align: end;
2206
- }
2207
- .text-2xl {
2208
- font-size: 1.5rem;
2209
- line-height: 2rem;
2210
- }
2211
- .text-3xl {
2212
- font-size: 1.875rem;
2213
- line-height: 2.25rem;
2214
- }
2215
- .text-base {
2216
- font-size: 1rem;
2217
- line-height: 1.5rem;
2218
- }
2219
- .text-lg {
2220
- font-size: 1.125rem;
2221
- line-height: 1.75rem;
2222
- }
2223
- .text-sm {
2224
- font-size: 0.875rem;
2225
- line-height: 1.25rem;
2226
- }
2227
- .text-xl {
2228
- font-size: 1.25rem;
2229
- line-height: 1.75rem;
2230
- }
2231
- .text-xs {
2232
- font-size: 0.75rem;
2233
- line-height: 1rem;
2234
- }
2235
- .font-bold {
2236
- font-weight: 700;
2237
- }
2238
- .font-medium {
2239
- font-weight: 500;
2240
- }
2241
- .font-normal {
2242
- font-weight: 400;
2243
- }
2244
- .font-semibold {
2245
- font-weight: 600;
2246
- }
2247
- .uppercase {
2248
- text-transform: uppercase;
2249
- }
2250
- .leading-6 {
2251
- line-height: 1.5rem;
2252
- }
2253
- .leading-9 {
2254
- line-height: 2.25rem;
2255
- }
2256
- .leading-tight {
2257
- line-height: 1.25;
2258
- }
2259
- .tracking-tight {
2260
- letter-spacing: -0.025em;
2261
- }
2262
- .text-blue-200 {
2263
- --tw-text-opacity: 1;
2264
- color: rgb(195 221 253 / var(--tw-text-opacity));
2265
- }
2266
- .text-blue-400 {
2267
- --tw-text-opacity: 1;
2268
- color: rgb(118 169 250 / var(--tw-text-opacity));
2269
- }
2270
- .text-blue-500 {
2271
- --tw-text-opacity: 1;
2272
- color: rgb(63 131 248 / var(--tw-text-opacity));
2273
- }
2274
- .text-blue-600 {
2275
- --tw-text-opacity: 1;
2276
- color: rgb(28 100 242 / var(--tw-text-opacity));
2277
- }
2278
- .text-blue-700 {
2279
- --tw-text-opacity: 1;
2280
- color: rgb(26 86 219 / var(--tw-text-opacity));
2281
- }
2282
- .text-blue-800 {
2283
- --tw-text-opacity: 1;
2284
- color: rgb(30 66 159 / var(--tw-text-opacity));
2285
- }
2286
- .text-gray-400 {
2287
- --tw-text-opacity: 1;
2288
- color: rgb(156 163 175 / var(--tw-text-opacity));
2289
- }
2290
- .text-gray-500 {
2291
- --tw-text-opacity: 1;
2292
- color: rgb(107 114 128 / var(--tw-text-opacity));
2293
- }
2294
- .text-gray-600 {
2295
- --tw-text-opacity: 1;
2296
- color: rgb(75 85 99 / var(--tw-text-opacity));
2297
- }
2298
- .text-gray-700 {
2299
- --tw-text-opacity: 1;
2300
- color: rgb(55 65 81 / var(--tw-text-opacity));
2301
- }
2302
- .text-gray-800 {
2303
- --tw-text-opacity: 1;
2304
- color: rgb(31 41 55 / var(--tw-text-opacity));
2305
- }
2306
- .text-gray-900 {
2307
- --tw-text-opacity: 1;
2308
- color: rgb(17 24 39 / var(--tw-text-opacity));
2309
- }
2310
- .text-green-200 {
2311
- --tw-text-opacity: 1;
2312
- color: rgb(188 240 218 / var(--tw-text-opacity));
2313
- }
2314
- .text-green-400 {
2315
- --tw-text-opacity: 1;
2316
- color: rgb(49 196 141 / var(--tw-text-opacity));
2317
- }
2318
- .text-green-500 {
2319
- --tw-text-opacity: 1;
2320
- color: rgb(14 159 110 / var(--tw-text-opacity));
2321
- }
2322
- .text-green-600 {
2323
- --tw-text-opacity: 1;
2324
- color: rgb(5 122 85 / var(--tw-text-opacity));
2325
- }
2326
- .text-green-700 {
2327
- --tw-text-opacity: 1;
2328
- color: rgb(4 108 78 / var(--tw-text-opacity));
2329
- }
2330
- .text-green-800 {
2331
- --tw-text-opacity: 1;
2332
- color: rgb(3 84 63 / var(--tw-text-opacity));
2333
- }
2334
- .text-green-900 {
2335
- --tw-text-opacity: 1;
2336
- color: rgb(1 71 55 / var(--tw-text-opacity));
2337
- }
2338
- .text-primary-600 {
2339
- --tw-text-opacity: 1;
2340
- color: rgb(49 116 223 / var(--tw-text-opacity));
2341
- }
2342
- .text-primary-700 {
2343
- --tw-text-opacity: 1;
2344
- color: rgb(40 95 204 / var(--tw-text-opacity));
2345
- }
2346
- .text-primary-800 {
2347
- --tw-text-opacity: 1;
2348
- color: rgb(39 78 166 / var(--tw-text-opacity));
2349
- }
2350
- .text-purple-600 {
2351
- --tw-text-opacity: 1;
2352
- color: rgb(126 58 242 / var(--tw-text-opacity));
2353
- }
2354
- .text-purple-700 {
2355
- --tw-text-opacity: 1;
2356
- color: rgb(108 43 217 / var(--tw-text-opacity));
2357
- }
2358
- .text-red-200 {
2359
- --tw-text-opacity: 1;
2360
- color: rgb(251 213 213 / var(--tw-text-opacity));
2361
- }
2362
- .text-red-400 {
2363
- --tw-text-opacity: 1;
2364
- color: rgb(249 128 128 / var(--tw-text-opacity));
2365
- }
2366
- .text-red-500 {
2367
- --tw-text-opacity: 1;
2368
- color: rgb(240 82 82 / var(--tw-text-opacity));
2369
- }
2370
- .text-red-600 {
2371
- --tw-text-opacity: 1;
2372
- color: rgb(224 36 36 / var(--tw-text-opacity));
2373
- }
2374
- .text-red-700 {
2375
- --tw-text-opacity: 1;
2376
- color: rgb(200 30 30 / var(--tw-text-opacity));
2377
- }
2378
- .text-red-800 {
2379
- --tw-text-opacity: 1;
2380
- color: rgb(155 28 28 / var(--tw-text-opacity));
2381
- }
2382
- .text-red-900 {
2383
- --tw-text-opacity: 1;
2384
- color: rgb(119 29 29 / var(--tw-text-opacity));
2385
- }
2386
- .text-white {
2387
- --tw-text-opacity: 1;
2388
- color: rgb(255 255 255 / var(--tw-text-opacity));
2389
- }
2390
- .text-yellow-200 {
2391
- --tw-text-opacity: 1;
2392
- color: rgb(252 233 106 / var(--tw-text-opacity));
2393
- }
2394
- .text-yellow-400 {
2395
- --tw-text-opacity: 1;
2396
- color: rgb(227 160 8 / var(--tw-text-opacity));
2397
- }
2398
- .text-yellow-500 {
2399
- --tw-text-opacity: 1;
2400
- color: rgb(194 120 3 / var(--tw-text-opacity));
2401
- }
2402
- .text-yellow-600 {
2403
- --tw-text-opacity: 1;
2404
- color: rgb(159 88 10 / var(--tw-text-opacity));
2405
- }
2406
- .text-yellow-800 {
2407
- --tw-text-opacity: 1;
2408
- color: rgb(114 59 19 / var(--tw-text-opacity));
2409
- }
2410
- .antialiased {
2411
- -webkit-font-smoothing: antialiased;
2412
- -moz-osx-font-smoothing: grayscale;
2413
- }
2414
- .placeholder-green-700::-moz-placeholder {
2415
- --tw-placeholder-opacity: 1;
2416
- color: rgb(4 108 78 / var(--tw-placeholder-opacity));
2417
- }
2418
- .placeholder-green-700::placeholder {
2419
- --tw-placeholder-opacity: 1;
2420
- color: rgb(4 108 78 / var(--tw-placeholder-opacity));
2421
- }
2422
- .placeholder-red-700::-moz-placeholder {
2423
- --tw-placeholder-opacity: 1;
2424
- color: rgb(200 30 30 / var(--tw-placeholder-opacity));
2425
- }
2426
- .placeholder-red-700::placeholder {
2427
- --tw-placeholder-opacity: 1;
2428
- color: rgb(200 30 30 / var(--tw-placeholder-opacity));
2429
- }
2430
- .opacity-0 {
2431
- opacity: 0;
2432
- }
2433
- .opacity-100 {
2434
- opacity: 1;
2435
- }
2436
- .opacity-50 {
2437
- opacity: 0.5;
2438
- }
2439
- .shadow {
2440
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2441
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2442
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2443
- }
2444
- .shadow-lg {
2445
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2446
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2447
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2448
- }
2449
- .shadow-md {
2450
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2451
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2452
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2453
- }
2454
- .shadow-sm {
2455
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2456
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2457
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2458
- }
2459
- .outline {
2460
- outline-style: solid;
2461
- }
2462
- .ring-blue-400 {
2463
- --tw-ring-opacity: 1;
2464
- --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
2465
- }
2466
- .ring-green-400 {
2467
- --tw-ring-opacity: 1;
2468
- --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity));
2469
- }
2470
- .ring-red-400 {
2471
- --tw-ring-opacity: 1;
2472
- --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
2473
- }
2474
- .ring-yellow-400 {
2475
- --tw-ring-opacity: 1;
2476
- --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
2477
- }
2478
- .blur {
2479
- --tw-blur: blur(8px);
2480
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2481
- }
2482
- .filter {
2483
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2484
- }
2485
- .transition {
2486
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2487
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2488
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2489
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2490
- transition-duration: 150ms;
2491
- }
2492
- .transition-opacity {
2493
- transition-property: opacity;
2494
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2495
- transition-duration: 150ms;
2496
- }
2497
- .transition-transform {
2498
- transition-property: transform;
2499
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2500
- transition-duration: 150ms;
2501
- }
2502
- .duration-300 {
2503
- transition-duration: 300ms;
2504
- }
2505
- .duration-75 {
2506
- transition-duration: 75ms;
2507
- }
2508
- .ease-out {
2509
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2510
- }
2511
- .first\:border-t-0:first-child {
2512
- border-top-width: 0px;
2513
- }
2514
- .first\:pt-0:first-child {
2515
- padding-top: 0px;
2516
- }
2517
- .valid\:border-green-500:valid {
2518
- --tw-border-opacity: 1;
2519
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
2520
- }
2521
- .invalid\:border-red-500:invalid {
2522
- --tw-border-opacity: 1;
2523
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2524
- }
2525
- .invalid\:text-red-600:invalid {
2526
- --tw-text-opacity: 1;
2527
- color: rgb(224 36 36 / var(--tw-text-opacity));
2528
- }
2529
- .hover\:max-w-fit:hover {
2530
- max-width: -moz-fit-content;
2531
- max-width: fit-content;
2532
- }
2533
- .hover\:border-gray-300:hover {
2534
- --tw-border-opacity: 1;
2535
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2536
- }
2537
- .hover\:\!bg-primary-800:hover {
2538
- --tw-bg-opacity: 1 !important;
2539
- background-color: rgb(39 78 166 / var(--tw-bg-opacity)) !important;
2540
- }
2541
- .hover\:bg-blue-700:hover {
2542
- --tw-bg-opacity: 1;
2543
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
2544
- }
2545
- .hover\:bg-blue-800:hover {
2546
- --tw-bg-opacity: 1;
2547
- background-color: rgb(30 66 159 / var(--tw-bg-opacity));
2548
- }
2549
- .hover\:bg-gray-100:hover {
2550
- --tw-bg-opacity: 1;
2551
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2552
- }
2553
- .hover\:bg-gray-50:hover {
2554
- --tw-bg-opacity: 1;
2555
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2556
- }
2557
- .hover\:bg-gray-900:hover {
2558
- --tw-bg-opacity: 1;
2559
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2560
- }
2561
- .hover\:bg-green-800:hover {
2562
- --tw-bg-opacity: 1;
2563
- background-color: rgb(3 84 63 / var(--tw-bg-opacity));
2564
- }
2565
- .hover\:bg-primary-700:hover {
2566
- --tw-bg-opacity: 1;
2567
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
2568
- }
2569
- .hover\:bg-primary-800:hover {
2570
- --tw-bg-opacity: 1;
2571
- background-color: rgb(39 78 166 / var(--tw-bg-opacity));
2572
- }
2573
- .hover\:bg-purple-800:hover {
2574
- --tw-bg-opacity: 1;
2575
- background-color: rgb(85 33 181 / var(--tw-bg-opacity));
2576
- }
2577
- .hover\:bg-red-700:hover {
2578
- --tw-bg-opacity: 1;
2579
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
2580
- }
2581
- .hover\:bg-red-800:hover {
2582
- --tw-bg-opacity: 1;
2583
- background-color: rgb(155 28 28 / var(--tw-bg-opacity));
2584
- }
2585
- .hover\:bg-white:hover {
2586
- --tw-bg-opacity: 1;
2587
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2588
- }
2589
- .hover\:bg-yellow-400:hover {
2590
- --tw-bg-opacity: 1;
2591
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
2592
- }
2593
- .hover\:bg-yellow-500:hover {
2594
- --tw-bg-opacity: 1;
2595
- background-color: rgb(194 120 3 / var(--tw-bg-opacity));
2596
- }
2597
- .hover\:text-blue-600:hover {
2598
- --tw-text-opacity: 1;
2599
- color: rgb(28 100 242 / var(--tw-text-opacity));
2600
- }
2601
- .hover\:text-blue-700:hover {
2602
- --tw-text-opacity: 1;
2603
- color: rgb(26 86 219 / var(--tw-text-opacity));
2604
- }
2605
- .hover\:text-blue-800:hover {
2606
- --tw-text-opacity: 1;
2607
- color: rgb(30 66 159 / var(--tw-text-opacity));
2608
- }
2609
- .hover\:text-gray-600:hover {
2610
- --tw-text-opacity: 1;
2611
- color: rgb(75 85 99 / var(--tw-text-opacity));
2612
- }
2613
- .hover\:text-gray-700:hover {
2614
- --tw-text-opacity: 1;
2615
- color: rgb(55 65 81 / var(--tw-text-opacity));
2616
- }
2617
- .hover\:text-gray-900:hover {
2618
- --tw-text-opacity: 1;
2619
- color: rgb(17 24 39 / var(--tw-text-opacity));
2620
- }
2621
- .hover\:text-primary-600:hover {
2622
- --tw-text-opacity: 1;
2623
- color: rgb(49 116 223 / var(--tw-text-opacity));
2624
- }
2625
- .hover\:text-primary-700:hover {
2626
- --tw-text-opacity: 1;
2627
- color: rgb(40 95 204 / var(--tw-text-opacity));
2628
- }
2629
- .hover\:text-white:hover {
2630
- --tw-text-opacity: 1;
2631
- color: rgb(255 255 255 / var(--tw-text-opacity));
2632
- }
2633
- .hover\:underline:hover {
2634
- text-decoration-line: underline;
2635
- }
2636
- .focus\:z-10:focus {
2637
- z-index: 10;
2638
- }
2639
- .focus\:border-green-500:focus {
2640
- --tw-border-opacity: 1;
2641
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
2642
- }
2643
- .focus\:border-primary-500:focus {
2644
- --tw-border-opacity: 1;
2645
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
2646
- }
2647
- .focus\:border-red-500:focus {
2648
- --tw-border-opacity: 1;
2649
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2650
- }
2651
- .focus\:border-red-600:focus {
2652
- --tw-border-opacity: 1;
2653
- border-color: rgb(224 36 36 / var(--tw-border-opacity));
2654
- }
2655
- .focus\:border-transparent:focus {
2656
- border-color: transparent;
2657
- }
2658
- .focus\:bg-gray-100:focus {
2659
- --tw-bg-opacity: 1;
2660
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2661
- }
2662
- .focus\:outline-none:focus {
2663
- outline: 2px solid transparent;
2664
- outline-offset: 2px;
2665
- }
2666
- .focus\:ring-0:focus {
2667
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2668
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2669
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2670
- }
2671
- .focus\:ring-2:focus {
2672
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2673
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2674
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2675
- }
2676
- .focus\:ring-4:focus {
2677
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2678
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2679
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2680
- }
2681
- .focus\:\!ring-primary-300:focus {
2682
- --tw-ring-opacity: 1 !important;
2683
- --tw-ring-color: rgb(153 204 247 / var(--tw-ring-opacity)) !important;
2684
- }
2685
- .focus\:ring-blue-300:focus {
2686
- --tw-ring-opacity: 1;
2687
- --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
2688
- }
2689
- .focus\:ring-blue-500:focus {
2690
- --tw-ring-opacity: 1;
2691
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
2692
- }
2693
- .focus\:ring-blue-600:focus {
2694
- --tw-ring-opacity: 1;
2695
- --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
2696
- }
2697
- .focus\:ring-gray-100:focus {
2698
- --tw-ring-opacity: 1;
2699
- --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
2700
- }
2701
- .focus\:ring-gray-200:focus {
2702
- --tw-ring-opacity: 1;
2703
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
2704
- }
2705
- .focus\:ring-gray-300:focus {
2706
- --tw-ring-opacity: 1;
2707
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2708
- }
2709
- .focus\:ring-green-300:focus {
2710
- --tw-ring-opacity: 1;
2711
- --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity));
2712
- }
2713
- .focus\:ring-green-500:focus {
2714
- --tw-ring-opacity: 1;
2715
- --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
2716
- }
2717
- .focus\:ring-primary-300:focus {
2718
- --tw-ring-opacity: 1;
2719
- --tw-ring-color: rgb(153 204 247 / var(--tw-ring-opacity));
2720
- }
2721
- .focus\:ring-primary-500:focus {
2722
- --tw-ring-opacity: 1;
2723
- --tw-ring-color: rgb(70 145 235 / var(--tw-ring-opacity));
2724
- }
2725
- .focus\:ring-purple-300:focus {
2726
- --tw-ring-opacity: 1;
2727
- --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity));
2728
- }
2729
- .focus\:ring-red-300:focus {
2730
- --tw-ring-opacity: 1;
2731
- --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
2732
- }
2733
- .focus\:ring-red-500:focus {
2734
- --tw-ring-opacity: 1;
2735
- --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
2736
- }
2737
- .focus\:ring-red-600:focus {
2738
- --tw-ring-opacity: 1;
2739
- --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
2740
- }
2741
- .focus\:ring-yellow-300:focus {
2742
- --tw-ring-opacity: 1;
2743
- --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
2744
- }
2745
- .focus\:ring-offset-2:focus {
2746
- --tw-ring-offset-width: 2px;
2747
- }
2748
- .focus\:invalid\:border-red-500:invalid:focus {
2749
- --tw-border-opacity: 1;
2750
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2751
- }
2752
- .focus\:invalid\:ring-red-500:invalid:focus {
2753
- --tw-ring-opacity: 1;
2754
- --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
2755
- }
2756
- .focus-visible\:outline-none:focus-visible {
2757
- outline: 2px solid transparent;
2758
- outline-offset: 2px;
2759
- }
2760
- .focus-visible\:ring-2:focus-visible {
2761
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2762
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2763
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2764
- }
2765
- .focus-visible\:ring-blue-600:focus-visible {
2766
- --tw-ring-opacity: 1;
2767
- --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
2768
- }
2769
- .group:hover .group-hover\:text-gray-500 {
2770
- --tw-text-opacity: 1;
2771
- color: rgb(107 114 128 / var(--tw-text-opacity));
2772
- }
2773
- .group:hover .group-hover\:text-gray-900 {
2774
- --tw-text-opacity: 1;
2775
- color: rgb(17 24 39 / var(--tw-text-opacity));
2776
- }
2777
- @media (min-width: 475px) {
2778
-
2779
- .xs\:block {
2780
- display: block;
2781
- }
2782
- }
2783
- @media (min-width: 640px) {
2784
-
2785
- .sm\:col-span-2 {
2786
- grid-column: span 2 / span 2;
2787
- }
2788
-
2789
- .sm\:mt-0 {
2790
- margin-top: 0px;
2791
- }
2792
-
2793
- .sm\:grid {
2794
- display: grid;
2795
- }
2796
-
2797
- .sm\:max-w-md {
2798
- max-width: 28rem;
2799
- }
2800
-
2801
- .sm\:grid-cols-3 {
2802
- grid-template-columns: repeat(3, minmax(0, 1fr));
2803
- }
2804
-
2805
- .sm\:gap-4 {
2806
- gap: 1rem;
2807
- }
2808
-
2809
- .sm\:rounded-lg {
2810
- border-radius: 0.5rem;
2811
- }
2812
-
2813
- .sm\:rounded-b-lg {
2814
- border-bottom-right-radius: 0.5rem;
2815
- border-bottom-left-radius: 0.5rem;
2816
- }
2817
-
2818
- .sm\:rounded-t-lg {
2819
- border-top-left-radius: 0.5rem;
2820
- border-top-right-radius: 0.5rem;
2821
- }
2822
-
2823
- .sm\:p-8 {
2824
- padding: 2rem;
2825
- }
2826
-
2827
- .sm\:px-0 {
2828
- padding-left: 0px;
2829
- padding-right: 0px;
2830
- }
2831
-
2832
- .sm\:text-lg {
2833
- font-size: 1.125rem;
2834
- line-height: 1.75rem;
2835
- }
2836
- }
2837
- @media (min-width: 768px) {
2838
-
2839
- .md\:mr-0 {
2840
- margin-right: 0px;
2841
- }
2842
-
2843
- .md\:ms-2 {
2844
- margin-inline-start: 0.5rem;
2845
- }
2846
-
2847
- .md\:mt-0 {
2848
- margin-top: 0px;
2849
- }
2850
-
2851
- .md\:block {
2852
- display: block;
2853
- }
2854
-
2855
- .md\:h-screen {
2856
- height: 100vh;
2857
- }
2858
-
2859
- .md\:w-1\/2 {
2860
- width: 50%;
2861
- }
2862
-
2863
- .md\:w-1\/6 {
2864
- width: 16.666667%;
2865
- }
2866
-
2867
- .md\:w-5\/6 {
2868
- width: 83.333333%;
2869
- }
2870
-
2871
- .md\:w-64 {
2872
- width: 16rem;
2873
- }
2874
-
2875
- .md\:w-96 {
2876
- width: 24rem;
2877
- }
2878
-
2879
- .md\:w-auto {
2880
- width: auto;
2881
- }
2882
-
2883
- .md\:flex-row {
2884
- flex-direction: row;
2885
- }
2886
-
2887
- .md\:items-center {
2888
- align-items: center;
2889
- }
2890
-
2891
- .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2892
- --tw-space-x-reverse: 0;
2893
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2894
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2895
- }
2896
-
2897
- .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
2898
- --tw-space-x-reverse: 0;
2899
- margin-right: calc(1rem * var(--tw-space-x-reverse));
2900
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
2901
- }
2902
-
2903
- .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
2904
- --tw-space-y-reverse: 0;
2905
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
2906
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
2907
- }
2908
-
2909
- .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
2910
- --tw-space-y-reverse: 0;
2911
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
2912
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
2913
- }
2914
-
2915
- .md\:p-6 {
2916
- padding: 1.5rem;
2917
- }
2918
-
2919
- .md\:pl-2 {
2920
- padding-left: 0.5rem;
2921
- }
2922
- }
2923
- @media (min-width: 1024px) {
2924
-
2925
- .lg\:order-2 {
2926
- order: 2;
2927
- }
2928
-
2929
- .lg\:ml-64 {
2930
- margin-left: 16rem;
2931
- }
2932
-
2933
- .lg\:flex {
2934
- display: flex;
2935
- }
2936
-
2937
- .lg\:hidden {
2938
- display: none;
2939
- }
2940
-
2941
- .lg\:translate-x-0 {
2942
- --tw-translate-x: 0px;
2943
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2944
- }
2945
-
2946
- .lg\:py-0 {
2947
- padding-top: 0px;
2948
- padding-bottom: 0px;
2949
- }
2950
- }
2951
- @media (min-width: 1280px) {
2952
-
2953
- .xl\:p-0 {
2954
- padding: 0px;
2955
- }
2956
- }
2957
- .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
2958
- --tw-rotate: 180deg;
2959
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2960
- }
2961
- .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
2962
- --tw-space-x-reverse: 1;
2963
- }
2964
- .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
2965
- text-align: right;
2966
- }
2967
- .dark\:divide-gray-600:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
2968
- --tw-divide-opacity: 1;
2969
- border-color: rgb(75 85 99 / var(--tw-divide-opacity));
2970
- }
2971
- .dark\:divide-gray-700:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
2972
- --tw-divide-opacity: 1;
2973
- border-color: rgb(55 65 81 / var(--tw-divide-opacity));
2974
- }
2975
- .dark\:border:where(.dark, .dark *) {
2976
- border-width: 1px;
2977
- }
2978
- .dark\:border-blue-500:where(.dark, .dark *) {
2979
- --tw-border-opacity: 1;
2980
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
2981
- }
2982
- .dark\:border-gray-300:where(.dark, .dark *) {
2983
- --tw-border-opacity: 1;
2984
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2985
- }
2986
- .dark\:border-gray-500:where(.dark, .dark *) {
2987
- --tw-border-opacity: 1;
2988
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
2989
- }
2990
- .dark\:border-gray-600:where(.dark, .dark *) {
2991
- --tw-border-opacity: 1;
2992
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2993
- }
2994
- .dark\:border-gray-700:where(.dark, .dark *) {
2995
- --tw-border-opacity: 1;
2996
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2997
- }
2998
- .dark\:border-green-500:where(.dark, .dark *) {
2999
- --tw-border-opacity: 1;
3000
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
3001
- }
3002
- .dark\:border-primary-500:where(.dark, .dark *) {
3003
- --tw-border-opacity: 1;
3004
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
3005
- }
3006
- .dark\:border-purple-400:where(.dark, .dark *) {
3007
- --tw-border-opacity: 1;
3008
- border-color: rgb(172 148 250 / var(--tw-border-opacity));
3009
- }
3010
- .dark\:border-red-400:where(.dark, .dark *) {
3011
- --tw-border-opacity: 1;
3012
- border-color: rgb(249 128 128 / var(--tw-border-opacity));
3013
- }
3014
- .dark\:border-red-500:where(.dark, .dark *) {
3015
- --tw-border-opacity: 1;
3016
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
3017
- }
3018
- .dark\:border-transparent:where(.dark, .dark *) {
3019
- border-color: transparent;
3020
- }
3021
- .dark\:border-yellow-300:where(.dark, .dark *) {
3022
- --tw-border-opacity: 1;
3023
- border-color: rgb(250 202 21 / var(--tw-border-opacity));
3024
- }
3025
- .dark\:\!bg-primary-600:where(.dark, .dark *) {
3026
- --tw-bg-opacity: 1 !important;
3027
- background-color: rgb(49 116 223 / var(--tw-bg-opacity)) !important;
3028
- }
3029
- .dark\:\!bg-primary-700:where(.dark, .dark *) {
3030
- --tw-bg-opacity: 1 !important;
3031
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
3032
- }
3033
- .dark\:bg-blue-600:where(.dark, .dark *) {
3034
- --tw-bg-opacity: 1;
3035
- background-color: rgb(28 100 242 / var(--tw-bg-opacity));
3036
- }
3037
- .dark\:bg-emerald-400:where(.dark, .dark *) {
3038
- --tw-bg-opacity: 1;
3039
- background-color: rgb(52 211 153 / var(--tw-bg-opacity));
3040
- }
3041
- .dark\:bg-gray-600:where(.dark, .dark *) {
3042
- --tw-bg-opacity: 1;
3043
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3044
- }
3045
- .dark\:bg-gray-700:where(.dark, .dark *) {
3046
- --tw-bg-opacity: 1;
3047
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3048
- }
3049
- .dark\:bg-gray-800:where(.dark, .dark *) {
3050
- --tw-bg-opacity: 1;
3051
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3052
- }
3053
- .dark\:bg-gray-800\/50:where(.dark, .dark *) {
3054
- background-color: rgb(31 41 55 / 0.5);
3055
- }
3056
- .dark\:bg-gray-900:where(.dark, .dark *) {
3057
- --tw-bg-opacity: 1;
3058
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3059
- }
3060
- .dark\:bg-gray-900\/80:where(.dark, .dark *) {
3061
- background-color: rgb(17 24 39 / 0.8);
3062
- }
3063
- .dark\:bg-green-600:where(.dark, .dark *) {
3064
- --tw-bg-opacity: 1;
3065
- background-color: rgb(5 122 85 / var(--tw-bg-opacity));
3066
- }
3067
- .dark\:bg-primary-200:where(.dark, .dark *) {
3068
- --tw-bg-opacity: 1;
3069
- background-color: rgb(195 223 250 / var(--tw-bg-opacity));
3070
- }
3071
- .dark\:bg-primary-600:where(.dark, .dark *) {
3072
- --tw-bg-opacity: 1;
3073
- background-color: rgb(49 116 223 / var(--tw-bg-opacity));
3074
- }
3075
- .dark\:bg-purple-600:where(.dark, .dark *) {
3076
- --tw-bg-opacity: 1;
3077
- background-color: rgb(126 58 242 / var(--tw-bg-opacity));
3078
- }
3079
- .dark\:bg-red-400:where(.dark, .dark *) {
3080
- --tw-bg-opacity: 1;
3081
- background-color: rgb(249 128 128 / var(--tw-bg-opacity));
3082
- }
3083
- .dark\:bg-red-600:where(.dark, .dark *) {
3084
- --tw-bg-opacity: 1;
3085
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
3086
- }
3087
- .dark\:bg-violet-400:where(.dark, .dark *) {
3088
- --tw-bg-opacity: 1;
3089
- background-color: rgb(167 139 250 / var(--tw-bg-opacity));
3090
- }
3091
- .dark\:text-blue-300:where(.dark, .dark *) {
3092
- --tw-text-opacity: 1;
3093
- color: rgb(164 202 254 / var(--tw-text-opacity));
3094
- }
3095
- .dark\:text-blue-500:where(.dark, .dark *) {
3096
- --tw-text-opacity: 1;
3097
- color: rgb(63 131 248 / var(--tw-text-opacity));
3098
- }
3099
- .dark\:text-gray-100:where(.dark, .dark *) {
3100
- --tw-text-opacity: 1;
3101
- color: rgb(243 244 246 / var(--tw-text-opacity));
3102
- }
3103
- .dark\:text-gray-200:where(.dark, .dark *) {
3104
- --tw-text-opacity: 1;
3105
- color: rgb(229 231 235 / var(--tw-text-opacity));
3106
- }
3107
- .dark\:text-gray-300:where(.dark, .dark *) {
3108
- --tw-text-opacity: 1;
3109
- color: rgb(209 213 219 / var(--tw-text-opacity));
3110
- }
3111
- .dark\:text-gray-400:where(.dark, .dark *) {
3112
- --tw-text-opacity: 1;
3113
- color: rgb(156 163 175 / var(--tw-text-opacity));
3114
- }
3115
- .dark\:text-gray-500:where(.dark, .dark *) {
3116
- --tw-text-opacity: 1;
3117
- color: rgb(107 114 128 / var(--tw-text-opacity));
3118
- }
3119
- .dark\:text-gray-900:where(.dark, .dark *) {
3120
- --tw-text-opacity: 1;
3121
- color: rgb(17 24 39 / var(--tw-text-opacity));
3122
- }
3123
- .dark\:text-green-400:where(.dark, .dark *) {
3124
- --tw-text-opacity: 1;
3125
- color: rgb(49 196 141 / var(--tw-text-opacity));
3126
- }
3127
- .dark\:text-green-500:where(.dark, .dark *) {
3128
- --tw-text-opacity: 1;
3129
- color: rgb(14 159 110 / var(--tw-text-opacity));
3130
- }
3131
- .dark\:text-primary-500:where(.dark, .dark *) {
3132
- --tw-text-opacity: 1;
3133
- color: rgb(70 145 235 / var(--tw-text-opacity));
3134
- }
3135
- .dark\:text-primary-600:where(.dark, .dark *) {
3136
- --tw-text-opacity: 1;
3137
- color: rgb(49 116 223 / var(--tw-text-opacity));
3138
- }
3139
- .dark\:text-primary-800:where(.dark, .dark *) {
3140
- --tw-text-opacity: 1;
3141
- color: rgb(39 78 166 / var(--tw-text-opacity));
3142
- }
3143
- .dark\:text-purple-400:where(.dark, .dark *) {
3144
- --tw-text-opacity: 1;
3145
- color: rgb(172 148 250 / var(--tw-text-opacity));
3146
- }
3147
- .dark\:text-purple-500:where(.dark, .dark *) {
3148
- --tw-text-opacity: 1;
3149
- color: rgb(144 97 249 / var(--tw-text-opacity));
3150
- }
3151
- .dark\:text-red-400:where(.dark, .dark *) {
3152
- --tw-text-opacity: 1;
3153
- color: rgb(249 128 128 / var(--tw-text-opacity));
3154
- }
3155
- .dark\:text-red-500:where(.dark, .dark *) {
3156
- --tw-text-opacity: 1;
3157
- color: rgb(240 82 82 / var(--tw-text-opacity));
3158
- }
3159
- .dark\:text-white:where(.dark, .dark *) {
3160
- --tw-text-opacity: 1;
3161
- color: rgb(255 255 255 / var(--tw-text-opacity));
3162
- }
3163
- .dark\:text-yellow-300:where(.dark, .dark *) {
3164
- --tw-text-opacity: 1;
3165
- color: rgb(250 202 21 / var(--tw-text-opacity));
3166
- }
3167
- .dark\:text-yellow-500:where(.dark, .dark *) {
3168
- --tw-text-opacity: 1;
3169
- color: rgb(194 120 3 / var(--tw-text-opacity));
3170
- }
3171
- .dark\:placeholder-gray-400:where(.dark, .dark *)::-moz-placeholder {
3172
- --tw-placeholder-opacity: 1;
3173
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
3174
- }
3175
- .dark\:placeholder-gray-400:where(.dark, .dark *)::placeholder {
3176
- --tw-placeholder-opacity: 1;
3177
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
3178
- }
3179
- .dark\:placeholder-green-500:where(.dark, .dark *)::-moz-placeholder {
3180
- --tw-placeholder-opacity: 1;
3181
- color: rgb(14 159 110 / var(--tw-placeholder-opacity));
3182
- }
3183
- .dark\:placeholder-green-500:where(.dark, .dark *)::placeholder {
3184
- --tw-placeholder-opacity: 1;
3185
- color: rgb(14 159 110 / var(--tw-placeholder-opacity));
3186
- }
3187
- .dark\:placeholder-red-500:where(.dark, .dark *)::-moz-placeholder {
3188
- --tw-placeholder-opacity: 1;
3189
- color: rgb(240 82 82 / var(--tw-placeholder-opacity));
3190
- }
3191
- .dark\:placeholder-red-500:where(.dark, .dark *)::placeholder {
3192
- --tw-placeholder-opacity: 1;
3193
- color: rgb(240 82 82 / var(--tw-placeholder-opacity));
3194
- }
3195
- .dark\:ring-offset-gray-700:where(.dark, .dark *) {
3196
- --tw-ring-offset-color: #374151;
3197
- }
3198
- .dark\:ring-offset-gray-800:where(.dark, .dark *) {
3199
- --tw-ring-offset-color: #1F2937;
3200
- }
3201
- .dark\:checked\:border-current:checked:where(.dark, .dark *) {
3202
- border-color: currentColor;
3203
- }
3204
- .dark\:checked\:bg-current:checked:where(.dark, .dark *) {
3205
- background-color: currentColor;
3206
- }
3207
- .dark\:checked\:text-emerald-400:checked:where(.dark, .dark *) {
3208
- --tw-text-opacity: 1;
3209
- color: rgb(52 211 153 / var(--tw-text-opacity));
3210
- }
3211
- .dark\:hover\:border-gray-600:hover:where(.dark, .dark *) {
3212
- --tw-border-opacity: 1;
3213
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
3214
- }
3215
- .dark\:hover\:\!bg-primary-700:hover:where(.dark, .dark *) {
3216
- --tw-bg-opacity: 1 !important;
3217
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
3218
- }
3219
- .dark\:hover\:bg-blue-500:hover:where(.dark, .dark *) {
3220
- --tw-bg-opacity: 1;
3221
- background-color: rgb(63 131 248 / var(--tw-bg-opacity));
3222
- }
3223
- .dark\:hover\:bg-blue-700:hover:where(.dark, .dark *) {
3224
- --tw-bg-opacity: 1;
3225
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
3226
- }
3227
- .dark\:hover\:bg-emerald-500:hover:where(.dark, .dark *) {
3228
- --tw-bg-opacity: 1;
3229
- background-color: rgb(16 185 129 / var(--tw-bg-opacity));
3230
- }
3231
- .dark\:hover\:bg-gray-600:hover:where(.dark, .dark *) {
3232
- --tw-bg-opacity: 1;
3233
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3234
- }
3235
- .dark\:hover\:bg-gray-700:hover:where(.dark, .dark *) {
3236
- --tw-bg-opacity: 1;
3237
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3238
- }
3239
- .dark\:hover\:bg-gray-800:hover:where(.dark, .dark *) {
3240
- --tw-bg-opacity: 1;
3241
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3242
- }
3243
- .dark\:hover\:bg-green-600:hover:where(.dark, .dark *) {
3244
- --tw-bg-opacity: 1;
3245
- background-color: rgb(5 122 85 / var(--tw-bg-opacity));
3246
- }
3247
- .dark\:hover\:bg-green-700:hover:where(.dark, .dark *) {
3248
- --tw-bg-opacity: 1;
3249
- background-color: rgb(4 108 78 / var(--tw-bg-opacity));
3250
- }
3251
- .dark\:hover\:bg-primary-500:hover:where(.dark, .dark *) {
3252
- --tw-bg-opacity: 1;
3253
- background-color: rgb(70 145 235 / var(--tw-bg-opacity));
3254
- }
3255
- .dark\:hover\:bg-primary-700:hover:where(.dark, .dark *) {
3256
- --tw-bg-opacity: 1;
3257
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
3258
- }
3259
- .dark\:hover\:bg-purple-500:hover:where(.dark, .dark *) {
3260
- --tw-bg-opacity: 1;
3261
- background-color: rgb(144 97 249 / var(--tw-bg-opacity));
3262
- }
3263
- .dark\:hover\:bg-purple-700:hover:where(.dark, .dark *) {
3264
- --tw-bg-opacity: 1;
3265
- background-color: rgb(108 43 217 / var(--tw-bg-opacity));
3266
- }
3267
- .dark\:hover\:bg-red-500:hover:where(.dark, .dark *) {
3268
- --tw-bg-opacity: 1;
3269
- background-color: rgb(240 82 82 / var(--tw-bg-opacity));
3270
- }
3271
- .dark\:hover\:bg-red-600:hover:where(.dark, .dark *) {
3272
- --tw-bg-opacity: 1;
3273
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
3274
- }
3275
- .dark\:hover\:bg-red-700:hover:where(.dark, .dark *) {
3276
- --tw-bg-opacity: 1;
3277
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
3278
- }
3279
- .dark\:hover\:bg-violet-500:hover:where(.dark, .dark *) {
3280
- --tw-bg-opacity: 1;
3281
- background-color: rgb(139 92 246 / var(--tw-bg-opacity));
3282
- }
3283
- .dark\:hover\:bg-yellow-400:hover:where(.dark, .dark *) {
3284
- --tw-bg-opacity: 1;
3285
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
3286
- }
3287
- .dark\:hover\:text-blue-400:hover:where(.dark, .dark *) {
3288
- --tw-text-opacity: 1;
3289
- color: rgb(118 169 250 / var(--tw-text-opacity));
3290
- }
3291
- .dark\:hover\:text-blue-500:hover:where(.dark, .dark *) {
3292
- --tw-text-opacity: 1;
3293
- color: rgb(63 131 248 / var(--tw-text-opacity));
3294
- }
3295
- .dark\:hover\:text-gray-300:hover:where(.dark, .dark *) {
3296
- --tw-text-opacity: 1;
3297
- color: rgb(209 213 219 / var(--tw-text-opacity));
3298
- }
3299
- .dark\:hover\:text-white:hover:where(.dark, .dark *) {
3300
- --tw-text-opacity: 1;
3301
- color: rgb(255 255 255 / var(--tw-text-opacity));
3302
- }
3303
- .dark\:hover\:underline:hover:where(.dark, .dark *) {
3304
- text-decoration-line: underline;
3305
- }
3306
- .dark\:focus\:border-emerald-400:focus:where(.dark, .dark *) {
3307
- --tw-border-opacity: 1;
3308
- border-color: rgb(52 211 153 / var(--tw-border-opacity));
3309
- }
3310
- .dark\:focus\:border-primary-500:focus:where(.dark, .dark *) {
3311
- --tw-border-opacity: 1;
3312
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
3313
- }
3314
- .focus\:dark\:border-emerald-400:where(.dark, .dark *):focus {
3315
- --tw-border-opacity: 1;
3316
- border-color: rgb(52 211 153 / var(--tw-border-opacity));
3317
- }
3318
- .dark\:focus\:bg-gray-700:focus:where(.dark, .dark *) {
3319
- --tw-bg-opacity: 1;
3320
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3321
- }
3322
- .dark\:focus\:bg-gray-800:focus:where(.dark, .dark *) {
3323
- --tw-bg-opacity: 1;
3324
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3325
- }
3326
- .focus\:dark\:bg-gray-700:where(.dark, .dark *):focus {
3327
- --tw-bg-opacity: 1;
3328
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3329
- }
3330
- .dark\:focus\:ring-blue-800:focus:where(.dark, .dark *) {
3331
- --tw-ring-opacity: 1;
3332
- --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
3333
- }
3334
- .dark\:focus\:ring-emerald-400:focus:where(.dark, .dark *) {
3335
- --tw-ring-opacity: 1;
3336
- --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
3337
- }
3338
- .dark\:focus\:ring-gray-600:focus:where(.dark, .dark *) {
3339
- --tw-ring-opacity: 1;
3340
- --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
3341
- }
3342
- .dark\:focus\:ring-gray-700:focus:where(.dark, .dark *) {
3343
- --tw-ring-opacity: 1;
3344
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
3345
- }
3346
- .dark\:focus\:ring-gray-800:focus:where(.dark, .dark *) {
3347
- --tw-ring-opacity: 1;
3348
- --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
3349
- }
3350
- .dark\:focus\:ring-green-800:focus:where(.dark, .dark *) {
3351
- --tw-ring-opacity: 1;
3352
- --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
3353
- }
3354
- .dark\:focus\:ring-primary-500:focus:where(.dark, .dark *) {
3355
- --tw-ring-opacity: 1;
3356
- --tw-ring-color: rgb(70 145 235 / var(--tw-ring-opacity));
3357
- }
3358
- .dark\:focus\:ring-primary-600:focus:where(.dark, .dark *) {
3359
- --tw-ring-opacity: 1;
3360
- --tw-ring-color: rgb(49 116 223 / var(--tw-ring-opacity));
3361
- }
3362
- .dark\:focus\:ring-primary-800:focus:where(.dark, .dark *) {
3363
- --tw-ring-opacity: 1;
3364
- --tw-ring-color: rgb(39 78 166 / var(--tw-ring-opacity));
3365
- }
3366
- .dark\:focus\:ring-purple-900:focus:where(.dark, .dark *) {
3367
- --tw-ring-opacity: 1;
3368
- --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
3369
- }
3370
- .dark\:focus\:ring-red-400:focus:where(.dark, .dark *) {
3371
- --tw-ring-opacity: 1;
3372
- --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
3373
- }
3374
- .dark\:focus\:ring-red-600:focus:where(.dark, .dark *) {
3375
- --tw-ring-opacity: 1;
3376
- --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
3377
- }
3378
- .dark\:focus\:ring-red-900:focus:where(.dark, .dark *) {
3379
- --tw-ring-opacity: 1;
3380
- --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
3381
- }
3382
- .dark\:focus\:ring-violet-400:focus:where(.dark, .dark *) {
3383
- --tw-ring-opacity: 1;
3384
- --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity));
3385
- }
3386
- .dark\:focus\:ring-yellow-900:focus:where(.dark, .dark *) {
3387
- --tw-ring-opacity: 1;
3388
- --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity));
3389
- }
3390
- .dark\:focus\:ring-offset-current:focus:where(.dark, .dark *) {
3391
- --tw-ring-offset-color: currentColor;
3392
- }
3393
- .dark\:focus\:ring-offset-gray-800:focus:where(.dark, .dark *) {
3394
- --tw-ring-offset-color: #1F2937;
3395
- }
3396
- .dark\:focus\:ring-offset-gray-900:focus:where(.dark, .dark *) {
3397
- --tw-ring-offset-color: #111827;
3398
- }
3399
- .dark\:focus-visible\:ring-2:focus-visible:where(.dark, .dark *) {
3400
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3401
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3402
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3403
- }
3404
- .dark\:focus-visible\:ring-blue-300:focus-visible:where(.dark, .dark *) {
3405
- --tw-ring-opacity: 1;
3406
- --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
3407
- }
3408
- .group:hover .dark\:group-hover\:text-gray-400:where(.dark, .dark *) {
3409
- --tw-text-opacity: 1;
3410
- color: rgb(156 163 175 / var(--tw-text-opacity));
3411
- }
3412
- .group:hover .dark\:group-hover\:text-white:where(.dark, .dark *) {
3413
- --tw-text-opacity: 1;
3414
- color: rgb(255 255 255 / var(--tw-text-opacity));
3415
- }