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,3420 +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-10 {
1456
- height: 2.5rem;
1457
- }
1458
- .h-11 {
1459
- height: 2.75rem;
1460
- }
1461
- .h-16 {
1462
- height: 4rem;
1463
- }
1464
- .h-2 {
1465
- height: 0.5rem;
1466
- }
1467
- .h-2\.5 {
1468
- height: 0.625rem;
1469
- }
1470
- .h-3 {
1471
- height: 0.75rem;
1472
- }
1473
- .h-4 {
1474
- height: 1rem;
1475
- }
1476
- .h-5 {
1477
- height: 1.25rem;
1478
- }
1479
- .h-6 {
1480
- height: 1.5rem;
1481
- }
1482
- .h-7 {
1483
- height: 1.75rem;
1484
- }
1485
- .h-8 {
1486
- height: 2rem;
1487
- }
1488
- .h-9 {
1489
- height: 2.25rem;
1490
- }
1491
- .h-auto {
1492
- height: auto;
1493
- }
1494
- .h-full {
1495
- height: 100%;
1496
- }
1497
- .h-screen {
1498
- height: 100vh;
1499
- }
1500
- .w-1\/2 {
1501
- width: 50%;
1502
- }
1503
- .w-11 {
1504
- width: 2.75rem;
1505
- }
1506
- .w-12 {
1507
- width: 3rem;
1508
- }
1509
- .w-16 {
1510
- width: 4rem;
1511
- }
1512
- .w-2 {
1513
- width: 0.5rem;
1514
- }
1515
- .w-2\.5 {
1516
- width: 0.625rem;
1517
- }
1518
- .w-24 {
1519
- width: 6rem;
1520
- }
1521
- .w-3 {
1522
- width: 0.75rem;
1523
- }
1524
- .w-32 {
1525
- width: 8rem;
1526
- }
1527
- .w-4 {
1528
- width: 1rem;
1529
- }
1530
- .w-44 {
1531
- width: 11rem;
1532
- }
1533
- .w-48 {
1534
- width: 12rem;
1535
- }
1536
- .w-5 {
1537
- width: 1.25rem;
1538
- }
1539
- .w-56 {
1540
- width: 14rem;
1541
- }
1542
- .w-6 {
1543
- width: 1.5rem;
1544
- }
1545
- .w-64 {
1546
- width: 16rem;
1547
- }
1548
- .w-7 {
1549
- width: 1.75rem;
1550
- }
1551
- .w-8 {
1552
- width: 2rem;
1553
- }
1554
- .w-full {
1555
- width: 100%;
1556
- }
1557
- .max-w-\[250px\] {
1558
- max-width: 250px;
1559
- }
1560
- .max-w-md {
1561
- max-width: 28rem;
1562
- }
1563
- .max-w-sm {
1564
- max-width: 24rem;
1565
- }
1566
- .flex-1 {
1567
- flex: 1 1 0%;
1568
- }
1569
- .flex-shrink {
1570
- flex-shrink: 1;
1571
- }
1572
- .flex-shrink-0 {
1573
- flex-shrink: 0;
1574
- }
1575
- .shrink-0 {
1576
- flex-shrink: 0;
1577
- }
1578
- .table-auto {
1579
- table-layout: auto;
1580
- }
1581
- .-translate-x-full {
1582
- --tw-translate-x: -100%;
1583
- 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));
1584
- }
1585
- .-translate-y-full {
1586
- --tw-translate-y: -100%;
1587
- 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));
1588
- }
1589
- .translate-x-0 {
1590
- --tw-translate-x: 0px;
1591
- 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));
1592
- }
1593
- .translate-x-full {
1594
- --tw-translate-x: 100%;
1595
- 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));
1596
- }
1597
- .translate-y-full {
1598
- --tw-translate-y: 100%;
1599
- 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));
1600
- }
1601
- .rotate-180 {
1602
- --tw-rotate: 180deg;
1603
- 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));
1604
- }
1605
- .transform {
1606
- 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));
1607
- }
1608
- .transform-none {
1609
- transform: none;
1610
- }
1611
- @keyframes pulse {
1612
-
1613
- 50% {
1614
- opacity: .5;
1615
- }
1616
- }
1617
- .animate-pulse {
1618
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1619
- }
1620
- .cursor-default {
1621
- cursor: default;
1622
- }
1623
- .cursor-not-allowed {
1624
- cursor: not-allowed;
1625
- }
1626
- .cursor-pointer {
1627
- cursor: pointer;
1628
- }
1629
- .select-none {
1630
- -webkit-user-select: none;
1631
- -moz-user-select: none;
1632
- user-select: none;
1633
- }
1634
- .resize {
1635
- resize: both;
1636
- }
1637
- .list-inside {
1638
- list-style-position: inside;
1639
- }
1640
- .list-disc {
1641
- list-style-type: disc;
1642
- }
1643
- .list-none {
1644
- list-style-type: none;
1645
- }
1646
- .grid-cols-1 {
1647
- grid-template-columns: repeat(1, minmax(0, 1fr));
1648
- }
1649
- .grid-cols-3 {
1650
- grid-template-columns: repeat(3, minmax(0, 1fr));
1651
- }
1652
- .grid-cols-4 {
1653
- grid-template-columns: repeat(4, minmax(0, 1fr));
1654
- }
1655
- .grid-cols-7 {
1656
- grid-template-columns: repeat(7, minmax(0, 1fr));
1657
- }
1658
- .flex-col {
1659
- flex-direction: column;
1660
- }
1661
- .flex-wrap {
1662
- flex-wrap: wrap;
1663
- }
1664
- .items-start {
1665
- align-items: flex-start;
1666
- }
1667
- .items-end {
1668
- align-items: flex-end;
1669
- }
1670
- .items-center {
1671
- align-items: center;
1672
- }
1673
- .items-stretch {
1674
- align-items: stretch;
1675
- }
1676
- .justify-start {
1677
- justify-content: flex-start;
1678
- }
1679
- .justify-end {
1680
- justify-content: flex-end;
1681
- }
1682
- .justify-center {
1683
- justify-content: center;
1684
- }
1685
- .justify-between {
1686
- justify-content: space-between;
1687
- }
1688
- .gap-2 {
1689
- gap: 0.5rem;
1690
- }
1691
- .gap-4 {
1692
- gap: 1rem;
1693
- }
1694
- .gap-x-4 {
1695
- -moz-column-gap: 1rem;
1696
- column-gap: 1rem;
1697
- }
1698
- .gap-y-2 {
1699
- row-gap: 0.5rem;
1700
- }
1701
- .-space-x-px > :not([hidden]) ~ :not([hidden]) {
1702
- --tw-space-x-reverse: 0;
1703
- margin-right: calc(-1px * var(--tw-space-x-reverse));
1704
- margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
1705
- }
1706
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1707
- --tw-space-x-reverse: 0;
1708
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1709
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1710
- }
1711
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1712
- --tw-space-x-reverse: 0;
1713
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1714
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1715
- }
1716
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1717
- --tw-space-x-reverse: 0;
1718
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1719
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1720
- }
1721
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1722
- --tw-space-x-reverse: 0;
1723
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1724
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1725
- }
1726
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1727
- --tw-space-y-reverse: 0;
1728
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1729
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1730
- }
1731
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1732
- --tw-space-y-reverse: 0;
1733
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1734
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1735
- }
1736
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1737
- --tw-space-y-reverse: 0;
1738
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1739
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1740
- }
1741
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1742
- --tw-space-y-reverse: 0;
1743
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1744
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1745
- }
1746
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1747
- --tw-space-y-reverse: 0;
1748
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1749
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1750
- }
1751
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1752
- --tw-divide-y-reverse: 0;
1753
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1754
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1755
- }
1756
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1757
- --tw-divide-opacity: 1;
1758
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1759
- }
1760
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1761
- --tw-divide-opacity: 1;
1762
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1763
- }
1764
- .self-center {
1765
- align-self: center;
1766
- }
1767
- .overflow-auto {
1768
- overflow: auto;
1769
- }
1770
- .overflow-hidden {
1771
- overflow: hidden;
1772
- }
1773
- .overflow-x-auto {
1774
- overflow-x: auto;
1775
- }
1776
- .overflow-y-auto {
1777
- overflow-y: auto;
1778
- }
1779
- .truncate {
1780
- overflow: hidden;
1781
- text-overflow: ellipsis;
1782
- white-space: nowrap;
1783
- }
1784
- .text-ellipsis {
1785
- text-overflow: ellipsis;
1786
- }
1787
- .whitespace-nowrap {
1788
- white-space: nowrap;
1789
- }
1790
- .rounded {
1791
- border-radius: 0.25rem;
1792
- }
1793
- .rounded-full {
1794
- border-radius: 9999px;
1795
- }
1796
- .rounded-lg {
1797
- border-radius: 0.5rem;
1798
- }
1799
- .rounded-md {
1800
- border-radius: 0.375rem;
1801
- }
1802
- .rounded-sm {
1803
- border-radius: 0.125rem;
1804
- }
1805
- .rounded-xl {
1806
- border-radius: 0.75rem;
1807
- }
1808
- .rounded-e-lg {
1809
- border-start-end-radius: 0.5rem;
1810
- border-end-end-radius: 0.5rem;
1811
- }
1812
- .rounded-e-md {
1813
- border-start-end-radius: 0.375rem;
1814
- border-end-end-radius: 0.375rem;
1815
- }
1816
- .rounded-l-lg {
1817
- border-top-left-radius: 0.5rem;
1818
- border-bottom-left-radius: 0.5rem;
1819
- }
1820
- .rounded-r-lg {
1821
- border-top-right-radius: 0.5rem;
1822
- border-bottom-right-radius: 0.5rem;
1823
- }
1824
- .rounded-s-lg {
1825
- border-start-start-radius: 0.5rem;
1826
- border-end-start-radius: 0.5rem;
1827
- }
1828
- .rounded-s-md {
1829
- border-start-start-radius: 0.375rem;
1830
- border-end-start-radius: 0.375rem;
1831
- }
1832
- .rounded-t-lg {
1833
- border-top-left-radius: 0.5rem;
1834
- border-top-right-radius: 0.5rem;
1835
- }
1836
- .border {
1837
- border-width: 1px;
1838
- }
1839
- .border-0 {
1840
- border-width: 0px;
1841
- }
1842
- .border-y-0 {
1843
- border-top-width: 0px;
1844
- border-bottom-width: 0px;
1845
- }
1846
- .border-b {
1847
- border-bottom-width: 1px;
1848
- }
1849
- .border-b-2 {
1850
- border-bottom-width: 2px;
1851
- }
1852
- .border-e-0 {
1853
- border-inline-end-width: 0px;
1854
- }
1855
- .border-r {
1856
- border-right-width: 1px;
1857
- }
1858
- .border-s {
1859
- border-inline-start-width: 1px;
1860
- }
1861
- .border-t {
1862
- border-top-width: 1px;
1863
- }
1864
- .\!border-primary-700 {
1865
- --tw-border-opacity: 1 !important;
1866
- border-color: rgb(40 95 204 / var(--tw-border-opacity)) !important;
1867
- }
1868
- .border-blue-600 {
1869
- --tw-border-opacity: 1;
1870
- border-color: rgb(28 100 242 / var(--tw-border-opacity));
1871
- }
1872
- .border-blue-700 {
1873
- --tw-border-opacity: 1;
1874
- border-color: rgb(26 86 219 / var(--tw-border-opacity));
1875
- }
1876
- .border-gray-100 {
1877
- --tw-border-opacity: 1;
1878
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
1879
- }
1880
- .border-gray-200 {
1881
- --tw-border-opacity: 1;
1882
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1883
- }
1884
- .border-gray-300 {
1885
- --tw-border-opacity: 1;
1886
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1887
- }
1888
- .border-gray-400 {
1889
- --tw-border-opacity: 1;
1890
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1891
- }
1892
- .border-gray-800 {
1893
- --tw-border-opacity: 1;
1894
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
1895
- }
1896
- .border-green-500 {
1897
- --tw-border-opacity: 1;
1898
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
1899
- }
1900
- .border-green-700 {
1901
- --tw-border-opacity: 1;
1902
- border-color: rgb(4 108 78 / var(--tw-border-opacity));
1903
- }
1904
- .border-primary-600 {
1905
- --tw-border-opacity: 1;
1906
- border-color: rgb(49 116 223 / var(--tw-border-opacity));
1907
- }
1908
- .border-primary-700 {
1909
- --tw-border-opacity: 1;
1910
- border-color: rgb(40 95 204 / var(--tw-border-opacity));
1911
- }
1912
- .border-purple-700 {
1913
- --tw-border-opacity: 1;
1914
- border-color: rgb(108 43 217 / var(--tw-border-opacity));
1915
- }
1916
- .border-red-300 {
1917
- --tw-border-opacity: 1;
1918
- border-color: rgb(248 180 180 / var(--tw-border-opacity));
1919
- }
1920
- .border-red-500 {
1921
- --tw-border-opacity: 1;
1922
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
1923
- }
1924
- .border-red-600 {
1925
- --tw-border-opacity: 1;
1926
- border-color: rgb(224 36 36 / var(--tw-border-opacity));
1927
- }
1928
- .border-red-700 {
1929
- --tw-border-opacity: 1;
1930
- border-color: rgb(200 30 30 / var(--tw-border-opacity));
1931
- }
1932
- .border-transparent {
1933
- border-color: transparent;
1934
- }
1935
- .border-white {
1936
- --tw-border-opacity: 1;
1937
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1938
- }
1939
- .border-yellow-400 {
1940
- --tw-border-opacity: 1;
1941
- border-color: rgb(227 160 8 / var(--tw-border-opacity));
1942
- }
1943
- .\!bg-primary-600 {
1944
- --tw-bg-opacity: 1 !important;
1945
- background-color: rgb(49 116 223 / var(--tw-bg-opacity)) !important;
1946
- }
1947
- .\!bg-primary-700 {
1948
- --tw-bg-opacity: 1 !important;
1949
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
1950
- }
1951
- .bg-blue-100 {
1952
- --tw-bg-opacity: 1;
1953
- background-color: rgb(225 239 254 / var(--tw-bg-opacity));
1954
- }
1955
- .bg-blue-50 {
1956
- --tw-bg-opacity: 1;
1957
- background-color: rgb(235 245 255 / var(--tw-bg-opacity));
1958
- }
1959
- .bg-blue-600 {
1960
- --tw-bg-opacity: 1;
1961
- background-color: rgb(28 100 242 / var(--tw-bg-opacity));
1962
- }
1963
- .bg-blue-700 {
1964
- --tw-bg-opacity: 1;
1965
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
1966
- }
1967
- .bg-blue-800 {
1968
- --tw-bg-opacity: 1;
1969
- background-color: rgb(30 66 159 / var(--tw-bg-opacity));
1970
- }
1971
- .bg-gray-100 {
1972
- --tw-bg-opacity: 1;
1973
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1974
- }
1975
- .bg-gray-200 {
1976
- --tw-bg-opacity: 1;
1977
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1978
- }
1979
- .bg-gray-300 {
1980
- --tw-bg-opacity: 1;
1981
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1982
- }
1983
- .bg-gray-50 {
1984
- --tw-bg-opacity: 1;
1985
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1986
- }
1987
- .bg-gray-800 {
1988
- --tw-bg-opacity: 1;
1989
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1990
- }
1991
- .bg-gray-900 {
1992
- --tw-bg-opacity: 1;
1993
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1994
- }
1995
- .bg-gray-900\/50 {
1996
- background-color: rgb(17 24 39 / 0.5);
1997
- }
1998
- .bg-green-100 {
1999
- --tw-bg-opacity: 1;
2000
- background-color: rgb(222 247 236 / var(--tw-bg-opacity));
2001
- }
2002
- .bg-green-400 {
2003
- --tw-bg-opacity: 1;
2004
- background-color: rgb(49 196 141 / var(--tw-bg-opacity));
2005
- }
2006
- .bg-green-50 {
2007
- --tw-bg-opacity: 1;
2008
- background-color: rgb(243 250 247 / var(--tw-bg-opacity));
2009
- }
2010
- .bg-green-700 {
2011
- --tw-bg-opacity: 1;
2012
- background-color: rgb(4 108 78 / var(--tw-bg-opacity));
2013
- }
2014
- .bg-green-800 {
2015
- --tw-bg-opacity: 1;
2016
- background-color: rgb(3 84 63 / var(--tw-bg-opacity));
2017
- }
2018
- .bg-inherit {
2019
- background-color: inherit;
2020
- }
2021
- .bg-primary-100 {
2022
- --tw-bg-opacity: 1;
2023
- background-color: rgb(221 236 252 / var(--tw-bg-opacity));
2024
- }
2025
- .bg-primary-600 {
2026
- --tw-bg-opacity: 1;
2027
- background-color: rgb(49 116 223 / var(--tw-bg-opacity));
2028
- }
2029
- .bg-primary-700 {
2030
- --tw-bg-opacity: 1;
2031
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
2032
- }
2033
- .bg-purple-500 {
2034
- --tw-bg-opacity: 1;
2035
- background-color: rgb(144 97 249 / var(--tw-bg-opacity));
2036
- }
2037
- .bg-purple-700 {
2038
- --tw-bg-opacity: 1;
2039
- background-color: rgb(108 43 217 / var(--tw-bg-opacity));
2040
- }
2041
- .bg-red-100 {
2042
- --tw-bg-opacity: 1;
2043
- background-color: rgb(253 232 232 / var(--tw-bg-opacity));
2044
- }
2045
- .bg-red-50 {
2046
- --tw-bg-opacity: 1;
2047
- background-color: rgb(253 242 242 / var(--tw-bg-opacity));
2048
- }
2049
- .bg-red-600 {
2050
- --tw-bg-opacity: 1;
2051
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
2052
- }
2053
- .bg-red-700 {
2054
- --tw-bg-opacity: 1;
2055
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
2056
- }
2057
- .bg-red-800 {
2058
- --tw-bg-opacity: 1;
2059
- background-color: rgb(155 28 28 / var(--tw-bg-opacity));
2060
- }
2061
- .bg-white {
2062
- --tw-bg-opacity: 1;
2063
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2064
- }
2065
- .bg-white\/50 {
2066
- background-color: rgb(255 255 255 / 0.5);
2067
- }
2068
- .bg-yellow-100 {
2069
- --tw-bg-opacity: 1;
2070
- background-color: rgb(253 246 178 / var(--tw-bg-opacity));
2071
- }
2072
- .bg-yellow-300 {
2073
- --tw-bg-opacity: 1;
2074
- background-color: rgb(250 202 21 / var(--tw-bg-opacity));
2075
- }
2076
- .bg-yellow-400 {
2077
- --tw-bg-opacity: 1;
2078
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
2079
- }
2080
- .bg-yellow-50 {
2081
- --tw-bg-opacity: 1;
2082
- background-color: rgb(253 253 234 / var(--tw-bg-opacity));
2083
- }
2084
- .bg-yellow-800 {
2085
- --tw-bg-opacity: 1;
2086
- background-color: rgb(114 59 19 / var(--tw-bg-opacity));
2087
- }
2088
- .p-1 {
2089
- padding: 0.25rem;
2090
- }
2091
- .p-1\.5 {
2092
- padding: 0.375rem;
2093
- }
2094
- .p-2 {
2095
- padding: 0.5rem;
2096
- }
2097
- .p-2\.5 {
2098
- padding: 0.625rem;
2099
- }
2100
- .p-3 {
2101
- padding: 0.75rem;
2102
- }
2103
- .p-4 {
2104
- padding: 1rem;
2105
- }
2106
- .p-6 {
2107
- padding: 1.5rem;
2108
- }
2109
- .px-0 {
2110
- padding-left: 0px;
2111
- padding-right: 0px;
2112
- }
2113
- .px-2 {
2114
- padding-left: 0.5rem;
2115
- padding-right: 0.5rem;
2116
- }
2117
- .px-3 {
2118
- padding-left: 0.75rem;
2119
- padding-right: 0.75rem;
2120
- }
2121
- .px-4 {
2122
- padding-left: 1rem;
2123
- padding-right: 1rem;
2124
- }
2125
- .px-5 {
2126
- padding-left: 1.25rem;
2127
- padding-right: 1.25rem;
2128
- }
2129
- .px-6 {
2130
- padding-left: 1.5rem;
2131
- padding-right: 1.5rem;
2132
- }
2133
- .px-8 {
2134
- padding-left: 2rem;
2135
- padding-right: 2rem;
2136
- }
2137
- .py-1 {
2138
- padding-top: 0.25rem;
2139
- padding-bottom: 0.25rem;
2140
- }
2141
- .py-1\.5 {
2142
- padding-top: 0.375rem;
2143
- padding-bottom: 0.375rem;
2144
- }
2145
- .py-2 {
2146
- padding-top: 0.5rem;
2147
- padding-bottom: 0.5rem;
2148
- }
2149
- .py-2\.5 {
2150
- padding-top: 0.625rem;
2151
- padding-bottom: 0.625rem;
2152
- }
2153
- .py-3 {
2154
- padding-top: 0.75rem;
2155
- padding-bottom: 0.75rem;
2156
- }
2157
- .py-3\.5 {
2158
- padding-top: 0.875rem;
2159
- padding-bottom: 0.875rem;
2160
- }
2161
- .py-4 {
2162
- padding-top: 1rem;
2163
- padding-bottom: 1rem;
2164
- }
2165
- .py-5 {
2166
- padding-top: 1.25rem;
2167
- padding-bottom: 1.25rem;
2168
- }
2169
- .py-6 {
2170
- padding-top: 1.5rem;
2171
- padding-bottom: 1.5rem;
2172
- }
2173
- .py-8 {
2174
- padding-top: 2rem;
2175
- padding-bottom: 2rem;
2176
- }
2177
- .pl-10 {
2178
- padding-left: 2.5rem;
2179
- }
2180
- .pl-11 {
2181
- padding-left: 2.75rem;
2182
- }
2183
- .pl-3 {
2184
- padding-left: 0.75rem;
2185
- }
2186
- .pt-14 {
2187
- padding-top: 3.5rem;
2188
- }
2189
- .pt-2 {
2190
- padding-top: 0.5rem;
2191
- }
2192
- .pt-20 {
2193
- padding-top: 5rem;
2194
- }
2195
- .pt-4 {
2196
- padding-top: 1rem;
2197
- }
2198
- .pt-5 {
2199
- padding-top: 1.25rem;
2200
- }
2201
- .text-left {
2202
- text-align: left;
2203
- }
2204
- .text-center {
2205
- text-align: center;
2206
- }
2207
- .text-right {
2208
- text-align: right;
2209
- }
2210
- .text-start {
2211
- text-align: start;
2212
- }
2213
- .text-end {
2214
- text-align: end;
2215
- }
2216
- .text-2xl {
2217
- font-size: 1.5rem;
2218
- line-height: 2rem;
2219
- }
2220
- .text-3xl {
2221
- font-size: 1.875rem;
2222
- line-height: 2.25rem;
2223
- }
2224
- .text-base {
2225
- font-size: 1rem;
2226
- line-height: 1.5rem;
2227
- }
2228
- .text-lg {
2229
- font-size: 1.125rem;
2230
- line-height: 1.75rem;
2231
- }
2232
- .text-sm {
2233
- font-size: 0.875rem;
2234
- line-height: 1.25rem;
2235
- }
2236
- .text-xl {
2237
- font-size: 1.25rem;
2238
- line-height: 1.75rem;
2239
- }
2240
- .text-xs {
2241
- font-size: 0.75rem;
2242
- line-height: 1rem;
2243
- }
2244
- .font-bold {
2245
- font-weight: 700;
2246
- }
2247
- .font-medium {
2248
- font-weight: 500;
2249
- }
2250
- .font-normal {
2251
- font-weight: 400;
2252
- }
2253
- .font-semibold {
2254
- font-weight: 600;
2255
- }
2256
- .uppercase {
2257
- text-transform: uppercase;
2258
- }
2259
- .leading-6 {
2260
- line-height: 1.5rem;
2261
- }
2262
- .leading-9 {
2263
- line-height: 2.25rem;
2264
- }
2265
- .leading-tight {
2266
- line-height: 1.25;
2267
- }
2268
- .tracking-tight {
2269
- letter-spacing: -0.025em;
2270
- }
2271
- .text-blue-200 {
2272
- --tw-text-opacity: 1;
2273
- color: rgb(195 221 253 / var(--tw-text-opacity));
2274
- }
2275
- .text-blue-400 {
2276
- --tw-text-opacity: 1;
2277
- color: rgb(118 169 250 / var(--tw-text-opacity));
2278
- }
2279
- .text-blue-500 {
2280
- --tw-text-opacity: 1;
2281
- color: rgb(63 131 248 / var(--tw-text-opacity));
2282
- }
2283
- .text-blue-600 {
2284
- --tw-text-opacity: 1;
2285
- color: rgb(28 100 242 / var(--tw-text-opacity));
2286
- }
2287
- .text-blue-700 {
2288
- --tw-text-opacity: 1;
2289
- color: rgb(26 86 219 / var(--tw-text-opacity));
2290
- }
2291
- .text-blue-800 {
2292
- --tw-text-opacity: 1;
2293
- color: rgb(30 66 159 / var(--tw-text-opacity));
2294
- }
2295
- .text-gray-400 {
2296
- --tw-text-opacity: 1;
2297
- color: rgb(156 163 175 / var(--tw-text-opacity));
2298
- }
2299
- .text-gray-500 {
2300
- --tw-text-opacity: 1;
2301
- color: rgb(107 114 128 / var(--tw-text-opacity));
2302
- }
2303
- .text-gray-600 {
2304
- --tw-text-opacity: 1;
2305
- color: rgb(75 85 99 / var(--tw-text-opacity));
2306
- }
2307
- .text-gray-700 {
2308
- --tw-text-opacity: 1;
2309
- color: rgb(55 65 81 / var(--tw-text-opacity));
2310
- }
2311
- .text-gray-800 {
2312
- --tw-text-opacity: 1;
2313
- color: rgb(31 41 55 / var(--tw-text-opacity));
2314
- }
2315
- .text-gray-900 {
2316
- --tw-text-opacity: 1;
2317
- color: rgb(17 24 39 / var(--tw-text-opacity));
2318
- }
2319
- .text-green-200 {
2320
- --tw-text-opacity: 1;
2321
- color: rgb(188 240 218 / var(--tw-text-opacity));
2322
- }
2323
- .text-green-400 {
2324
- --tw-text-opacity: 1;
2325
- color: rgb(49 196 141 / var(--tw-text-opacity));
2326
- }
2327
- .text-green-500 {
2328
- --tw-text-opacity: 1;
2329
- color: rgb(14 159 110 / var(--tw-text-opacity));
2330
- }
2331
- .text-green-600 {
2332
- --tw-text-opacity: 1;
2333
- color: rgb(5 122 85 / var(--tw-text-opacity));
2334
- }
2335
- .text-green-700 {
2336
- --tw-text-opacity: 1;
2337
- color: rgb(4 108 78 / var(--tw-text-opacity));
2338
- }
2339
- .text-green-800 {
2340
- --tw-text-opacity: 1;
2341
- color: rgb(3 84 63 / var(--tw-text-opacity));
2342
- }
2343
- .text-green-900 {
2344
- --tw-text-opacity: 1;
2345
- color: rgb(1 71 55 / var(--tw-text-opacity));
2346
- }
2347
- .text-primary-600 {
2348
- --tw-text-opacity: 1;
2349
- color: rgb(49 116 223 / var(--tw-text-opacity));
2350
- }
2351
- .text-primary-700 {
2352
- --tw-text-opacity: 1;
2353
- color: rgb(40 95 204 / var(--tw-text-opacity));
2354
- }
2355
- .text-primary-800 {
2356
- --tw-text-opacity: 1;
2357
- color: rgb(39 78 166 / var(--tw-text-opacity));
2358
- }
2359
- .text-purple-600 {
2360
- --tw-text-opacity: 1;
2361
- color: rgb(126 58 242 / var(--tw-text-opacity));
2362
- }
2363
- .text-purple-700 {
2364
- --tw-text-opacity: 1;
2365
- color: rgb(108 43 217 / var(--tw-text-opacity));
2366
- }
2367
- .text-red-200 {
2368
- --tw-text-opacity: 1;
2369
- color: rgb(251 213 213 / var(--tw-text-opacity));
2370
- }
2371
- .text-red-400 {
2372
- --tw-text-opacity: 1;
2373
- color: rgb(249 128 128 / var(--tw-text-opacity));
2374
- }
2375
- .text-red-500 {
2376
- --tw-text-opacity: 1;
2377
- color: rgb(240 82 82 / var(--tw-text-opacity));
2378
- }
2379
- .text-red-600 {
2380
- --tw-text-opacity: 1;
2381
- color: rgb(224 36 36 / var(--tw-text-opacity));
2382
- }
2383
- .text-red-700 {
2384
- --tw-text-opacity: 1;
2385
- color: rgb(200 30 30 / var(--tw-text-opacity));
2386
- }
2387
- .text-red-800 {
2388
- --tw-text-opacity: 1;
2389
- color: rgb(155 28 28 / var(--tw-text-opacity));
2390
- }
2391
- .text-red-900 {
2392
- --tw-text-opacity: 1;
2393
- color: rgb(119 29 29 / var(--tw-text-opacity));
2394
- }
2395
- .text-white {
2396
- --tw-text-opacity: 1;
2397
- color: rgb(255 255 255 / var(--tw-text-opacity));
2398
- }
2399
- .text-yellow-200 {
2400
- --tw-text-opacity: 1;
2401
- color: rgb(252 233 106 / var(--tw-text-opacity));
2402
- }
2403
- .text-yellow-400 {
2404
- --tw-text-opacity: 1;
2405
- color: rgb(227 160 8 / var(--tw-text-opacity));
2406
- }
2407
- .text-yellow-500 {
2408
- --tw-text-opacity: 1;
2409
- color: rgb(194 120 3 / var(--tw-text-opacity));
2410
- }
2411
- .text-yellow-600 {
2412
- --tw-text-opacity: 1;
2413
- color: rgb(159 88 10 / var(--tw-text-opacity));
2414
- }
2415
- .text-yellow-800 {
2416
- --tw-text-opacity: 1;
2417
- color: rgb(114 59 19 / var(--tw-text-opacity));
2418
- }
2419
- .antialiased {
2420
- -webkit-font-smoothing: antialiased;
2421
- -moz-osx-font-smoothing: grayscale;
2422
- }
2423
- .placeholder-green-700::-moz-placeholder {
2424
- --tw-placeholder-opacity: 1;
2425
- color: rgb(4 108 78 / var(--tw-placeholder-opacity));
2426
- }
2427
- .placeholder-green-700::placeholder {
2428
- --tw-placeholder-opacity: 1;
2429
- color: rgb(4 108 78 / var(--tw-placeholder-opacity));
2430
- }
2431
- .placeholder-red-700::-moz-placeholder {
2432
- --tw-placeholder-opacity: 1;
2433
- color: rgb(200 30 30 / var(--tw-placeholder-opacity));
2434
- }
2435
- .placeholder-red-700::placeholder {
2436
- --tw-placeholder-opacity: 1;
2437
- color: rgb(200 30 30 / var(--tw-placeholder-opacity));
2438
- }
2439
- .opacity-0 {
2440
- opacity: 0;
2441
- }
2442
- .opacity-100 {
2443
- opacity: 1;
2444
- }
2445
- .opacity-50 {
2446
- opacity: 0.5;
2447
- }
2448
- .shadow {
2449
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2450
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2451
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2452
- }
2453
- .shadow-lg {
2454
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2455
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2456
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2457
- }
2458
- .shadow-md {
2459
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2460
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2461
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2462
- }
2463
- .shadow-sm {
2464
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2465
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2466
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2467
- }
2468
- .outline {
2469
- outline-style: solid;
2470
- }
2471
- .ring-blue-400 {
2472
- --tw-ring-opacity: 1;
2473
- --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
2474
- }
2475
- .ring-green-400 {
2476
- --tw-ring-opacity: 1;
2477
- --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity));
2478
- }
2479
- .ring-red-400 {
2480
- --tw-ring-opacity: 1;
2481
- --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
2482
- }
2483
- .ring-yellow-400 {
2484
- --tw-ring-opacity: 1;
2485
- --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
2486
- }
2487
- .blur {
2488
- --tw-blur: blur(8px);
2489
- 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);
2490
- }
2491
- .filter {
2492
- 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);
2493
- }
2494
- .transition {
2495
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2496
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2497
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2498
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2499
- transition-duration: 150ms;
2500
- }
2501
- .transition-opacity {
2502
- transition-property: opacity;
2503
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2504
- transition-duration: 150ms;
2505
- }
2506
- .transition-transform {
2507
- transition-property: transform;
2508
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2509
- transition-duration: 150ms;
2510
- }
2511
- .duration-300 {
2512
- transition-duration: 300ms;
2513
- }
2514
- .duration-75 {
2515
- transition-duration: 75ms;
2516
- }
2517
- .ease-out {
2518
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2519
- }
2520
- .first\:border-t-0:first-child {
2521
- border-top-width: 0px;
2522
- }
2523
- .first\:pt-0:first-child {
2524
- padding-top: 0px;
2525
- }
2526
- .valid\:border-green-500:valid {
2527
- --tw-border-opacity: 1;
2528
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
2529
- }
2530
- .invalid\:border-red-500:invalid {
2531
- --tw-border-opacity: 1;
2532
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2533
- }
2534
- .invalid\:text-red-600:invalid {
2535
- --tw-text-opacity: 1;
2536
- color: rgb(224 36 36 / var(--tw-text-opacity));
2537
- }
2538
- .hover\:max-w-fit:hover {
2539
- max-width: -moz-fit-content;
2540
- max-width: fit-content;
2541
- }
2542
- .hover\:border-gray-300:hover {
2543
- --tw-border-opacity: 1;
2544
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2545
- }
2546
- .hover\:\!bg-primary-800:hover {
2547
- --tw-bg-opacity: 1 !important;
2548
- background-color: rgb(39 78 166 / var(--tw-bg-opacity)) !important;
2549
- }
2550
- .hover\:bg-blue-700:hover {
2551
- --tw-bg-opacity: 1;
2552
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
2553
- }
2554
- .hover\:bg-blue-800:hover {
2555
- --tw-bg-opacity: 1;
2556
- background-color: rgb(30 66 159 / var(--tw-bg-opacity));
2557
- }
2558
- .hover\:bg-gray-100:hover {
2559
- --tw-bg-opacity: 1;
2560
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2561
- }
2562
- .hover\:bg-gray-50:hover {
2563
- --tw-bg-opacity: 1;
2564
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2565
- }
2566
- .hover\:bg-gray-900:hover {
2567
- --tw-bg-opacity: 1;
2568
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2569
- }
2570
- .hover\:bg-green-800:hover {
2571
- --tw-bg-opacity: 1;
2572
- background-color: rgb(3 84 63 / var(--tw-bg-opacity));
2573
- }
2574
- .hover\:bg-primary-700:hover {
2575
- --tw-bg-opacity: 1;
2576
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
2577
- }
2578
- .hover\:bg-primary-800:hover {
2579
- --tw-bg-opacity: 1;
2580
- background-color: rgb(39 78 166 / var(--tw-bg-opacity));
2581
- }
2582
- .hover\:bg-purple-800:hover {
2583
- --tw-bg-opacity: 1;
2584
- background-color: rgb(85 33 181 / var(--tw-bg-opacity));
2585
- }
2586
- .hover\:bg-red-700:hover {
2587
- --tw-bg-opacity: 1;
2588
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
2589
- }
2590
- .hover\:bg-red-800:hover {
2591
- --tw-bg-opacity: 1;
2592
- background-color: rgb(155 28 28 / var(--tw-bg-opacity));
2593
- }
2594
- .hover\:bg-white:hover {
2595
- --tw-bg-opacity: 1;
2596
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2597
- }
2598
- .hover\:bg-yellow-400:hover {
2599
- --tw-bg-opacity: 1;
2600
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
2601
- }
2602
- .hover\:bg-yellow-500:hover {
2603
- --tw-bg-opacity: 1;
2604
- background-color: rgb(194 120 3 / var(--tw-bg-opacity));
2605
- }
2606
- .hover\:text-blue-600:hover {
2607
- --tw-text-opacity: 1;
2608
- color: rgb(28 100 242 / var(--tw-text-opacity));
2609
- }
2610
- .hover\:text-blue-700:hover {
2611
- --tw-text-opacity: 1;
2612
- color: rgb(26 86 219 / var(--tw-text-opacity));
2613
- }
2614
- .hover\:text-blue-800:hover {
2615
- --tw-text-opacity: 1;
2616
- color: rgb(30 66 159 / var(--tw-text-opacity));
2617
- }
2618
- .hover\:text-gray-600:hover {
2619
- --tw-text-opacity: 1;
2620
- color: rgb(75 85 99 / var(--tw-text-opacity));
2621
- }
2622
- .hover\:text-gray-700:hover {
2623
- --tw-text-opacity: 1;
2624
- color: rgb(55 65 81 / var(--tw-text-opacity));
2625
- }
2626
- .hover\:text-gray-900:hover {
2627
- --tw-text-opacity: 1;
2628
- color: rgb(17 24 39 / var(--tw-text-opacity));
2629
- }
2630
- .hover\:text-primary-600:hover {
2631
- --tw-text-opacity: 1;
2632
- color: rgb(49 116 223 / var(--tw-text-opacity));
2633
- }
2634
- .hover\:text-primary-700:hover {
2635
- --tw-text-opacity: 1;
2636
- color: rgb(40 95 204 / var(--tw-text-opacity));
2637
- }
2638
- .hover\:text-white:hover {
2639
- --tw-text-opacity: 1;
2640
- color: rgb(255 255 255 / var(--tw-text-opacity));
2641
- }
2642
- .hover\:underline:hover {
2643
- text-decoration-line: underline;
2644
- }
2645
- .focus\:z-10:focus {
2646
- z-index: 10;
2647
- }
2648
- .focus\:border-green-500:focus {
2649
- --tw-border-opacity: 1;
2650
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
2651
- }
2652
- .focus\:border-primary-500:focus {
2653
- --tw-border-opacity: 1;
2654
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
2655
- }
2656
- .focus\:border-red-500:focus {
2657
- --tw-border-opacity: 1;
2658
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2659
- }
2660
- .focus\:border-red-600:focus {
2661
- --tw-border-opacity: 1;
2662
- border-color: rgb(224 36 36 / var(--tw-border-opacity));
2663
- }
2664
- .focus\:border-transparent:focus {
2665
- border-color: transparent;
2666
- }
2667
- .focus\:bg-gray-100:focus {
2668
- --tw-bg-opacity: 1;
2669
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2670
- }
2671
- .focus\:outline-none:focus {
2672
- outline: 2px solid transparent;
2673
- outline-offset: 2px;
2674
- }
2675
- .focus\:ring-0:focus {
2676
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2677
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2678
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2679
- }
2680
- .focus\:ring-2:focus {
2681
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2682
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2683
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2684
- }
2685
- .focus\:ring-4:focus {
2686
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2687
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2688
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2689
- }
2690
- .focus\:\!ring-primary-300:focus {
2691
- --tw-ring-opacity: 1 !important;
2692
- --tw-ring-color: rgb(153 204 247 / var(--tw-ring-opacity)) !important;
2693
- }
2694
- .focus\:ring-blue-300:focus {
2695
- --tw-ring-opacity: 1;
2696
- --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
2697
- }
2698
- .focus\:ring-blue-500:focus {
2699
- --tw-ring-opacity: 1;
2700
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
2701
- }
2702
- .focus\:ring-blue-600:focus {
2703
- --tw-ring-opacity: 1;
2704
- --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
2705
- }
2706
- .focus\:ring-gray-100:focus {
2707
- --tw-ring-opacity: 1;
2708
- --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
2709
- }
2710
- .focus\:ring-gray-200:focus {
2711
- --tw-ring-opacity: 1;
2712
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
2713
- }
2714
- .focus\:ring-gray-300:focus {
2715
- --tw-ring-opacity: 1;
2716
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2717
- }
2718
- .focus\:ring-green-300:focus {
2719
- --tw-ring-opacity: 1;
2720
- --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity));
2721
- }
2722
- .focus\:ring-green-500:focus {
2723
- --tw-ring-opacity: 1;
2724
- --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
2725
- }
2726
- .focus\:ring-primary-300:focus {
2727
- --tw-ring-opacity: 1;
2728
- --tw-ring-color: rgb(153 204 247 / var(--tw-ring-opacity));
2729
- }
2730
- .focus\:ring-primary-500:focus {
2731
- --tw-ring-opacity: 1;
2732
- --tw-ring-color: rgb(70 145 235 / var(--tw-ring-opacity));
2733
- }
2734
- .focus\:ring-purple-300:focus {
2735
- --tw-ring-opacity: 1;
2736
- --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity));
2737
- }
2738
- .focus\:ring-red-300:focus {
2739
- --tw-ring-opacity: 1;
2740
- --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
2741
- }
2742
- .focus\:ring-red-500:focus {
2743
- --tw-ring-opacity: 1;
2744
- --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
2745
- }
2746
- .focus\:ring-red-600:focus {
2747
- --tw-ring-opacity: 1;
2748
- --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
2749
- }
2750
- .focus\:ring-yellow-300:focus {
2751
- --tw-ring-opacity: 1;
2752
- --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
2753
- }
2754
- .focus\:ring-offset-2:focus {
2755
- --tw-ring-offset-width: 2px;
2756
- }
2757
- .focus\:invalid\:border-red-500:invalid:focus {
2758
- --tw-border-opacity: 1;
2759
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
2760
- }
2761
- .focus\:invalid\:ring-red-500:invalid:focus {
2762
- --tw-ring-opacity: 1;
2763
- --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
2764
- }
2765
- .focus-visible\:outline-none:focus-visible {
2766
- outline: 2px solid transparent;
2767
- outline-offset: 2px;
2768
- }
2769
- .focus-visible\:ring-2:focus-visible {
2770
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2771
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2772
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2773
- }
2774
- .focus-visible\:ring-blue-600:focus-visible {
2775
- --tw-ring-opacity: 1;
2776
- --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
2777
- }
2778
- .group:hover .group-hover\:text-gray-500 {
2779
- --tw-text-opacity: 1;
2780
- color: rgb(107 114 128 / var(--tw-text-opacity));
2781
- }
2782
- .group:hover .group-hover\:text-gray-900 {
2783
- --tw-text-opacity: 1;
2784
- color: rgb(17 24 39 / var(--tw-text-opacity));
2785
- }
2786
- @media (min-width: 475px) {
2787
-
2788
- .xs\:block {
2789
- display: block;
2790
- }
2791
- }
2792
- @media (min-width: 640px) {
2793
-
2794
- .sm\:col-span-2 {
2795
- grid-column: span 2 / span 2;
2796
- }
2797
-
2798
- .sm\:mt-0 {
2799
- margin-top: 0px;
2800
- }
2801
-
2802
- .sm\:grid {
2803
- display: grid;
2804
- }
2805
-
2806
- .sm\:grid-cols-3 {
2807
- grid-template-columns: repeat(3, minmax(0, 1fr));
2808
- }
2809
-
2810
- .sm\:gap-4 {
2811
- gap: 1rem;
2812
- }
2813
-
2814
- .sm\:rounded-lg {
2815
- border-radius: 0.5rem;
2816
- }
2817
-
2818
- .sm\:rounded-b-lg {
2819
- border-bottom-right-radius: 0.5rem;
2820
- border-bottom-left-radius: 0.5rem;
2821
- }
2822
-
2823
- .sm\:rounded-t-lg {
2824
- border-top-left-radius: 0.5rem;
2825
- border-top-right-radius: 0.5rem;
2826
- }
2827
-
2828
- .sm\:p-8 {
2829
- padding: 2rem;
2830
- }
2831
-
2832
- .sm\:px-0 {
2833
- padding-left: 0px;
2834
- padding-right: 0px;
2835
- }
2836
-
2837
- .sm\:text-lg {
2838
- font-size: 1.125rem;
2839
- line-height: 1.75rem;
2840
- }
2841
- }
2842
- @media (min-width: 768px) {
2843
-
2844
- .md\:mr-0 {
2845
- margin-right: 0px;
2846
- }
2847
-
2848
- .md\:ms-2 {
2849
- margin-inline-start: 0.5rem;
2850
- }
2851
-
2852
- .md\:mt-0 {
2853
- margin-top: 0px;
2854
- }
2855
-
2856
- .md\:block {
2857
- display: block;
2858
- }
2859
-
2860
- .md\:h-screen {
2861
- height: 100vh;
2862
- }
2863
-
2864
- .md\:w-1\/2 {
2865
- width: 50%;
2866
- }
2867
-
2868
- .md\:w-1\/6 {
2869
- width: 16.666667%;
2870
- }
2871
-
2872
- .md\:w-5\/6 {
2873
- width: 83.333333%;
2874
- }
2875
-
2876
- .md\:w-64 {
2877
- width: 16rem;
2878
- }
2879
-
2880
- .md\:w-96 {
2881
- width: 24rem;
2882
- }
2883
-
2884
- .md\:w-auto {
2885
- width: auto;
2886
- }
2887
-
2888
- .md\:flex-row {
2889
- flex-direction: row;
2890
- }
2891
-
2892
- .md\:items-center {
2893
- align-items: center;
2894
- }
2895
-
2896
- .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2897
- --tw-space-x-reverse: 0;
2898
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2899
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2900
- }
2901
-
2902
- .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
2903
- --tw-space-x-reverse: 0;
2904
- margin-right: calc(1rem * var(--tw-space-x-reverse));
2905
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
2906
- }
2907
-
2908
- .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
2909
- --tw-space-y-reverse: 0;
2910
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
2911
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
2912
- }
2913
-
2914
- .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
2915
- --tw-space-y-reverse: 0;
2916
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
2917
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
2918
- }
2919
-
2920
- .md\:p-6 {
2921
- padding: 1.5rem;
2922
- }
2923
-
2924
- .md\:pl-2 {
2925
- padding-left: 0.5rem;
2926
- }
2927
- }
2928
- @media (min-width: 1024px) {
2929
-
2930
- .lg\:order-2 {
2931
- order: 2;
2932
- }
2933
-
2934
- .lg\:ml-64 {
2935
- margin-left: 16rem;
2936
- }
2937
-
2938
- .lg\:flex {
2939
- display: flex;
2940
- }
2941
-
2942
- .lg\:hidden {
2943
- display: none;
2944
- }
2945
-
2946
- .lg\:translate-x-0 {
2947
- --tw-translate-x: 0px;
2948
- 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));
2949
- }
2950
-
2951
- .lg\:py-0 {
2952
- padding-top: 0px;
2953
- padding-bottom: 0px;
2954
- }
2955
- }
2956
- @media (min-width: 1280px) {
2957
-
2958
- .xl\:p-0 {
2959
- padding: 0px;
2960
- }
2961
- }
2962
- .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
2963
- --tw-rotate: 180deg;
2964
- 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));
2965
- }
2966
- .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
2967
- --tw-space-x-reverse: 1;
2968
- }
2969
- .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
2970
- text-align: right;
2971
- }
2972
- .dark\:divide-gray-600:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
2973
- --tw-divide-opacity: 1;
2974
- border-color: rgb(75 85 99 / var(--tw-divide-opacity));
2975
- }
2976
- .dark\:divide-gray-700:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
2977
- --tw-divide-opacity: 1;
2978
- border-color: rgb(55 65 81 / var(--tw-divide-opacity));
2979
- }
2980
- .dark\:border:where(.dark, .dark *) {
2981
- border-width: 1px;
2982
- }
2983
- .dark\:border-blue-500:where(.dark, .dark *) {
2984
- --tw-border-opacity: 1;
2985
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
2986
- }
2987
- .dark\:border-gray-300:where(.dark, .dark *) {
2988
- --tw-border-opacity: 1;
2989
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2990
- }
2991
- .dark\:border-gray-500:where(.dark, .dark *) {
2992
- --tw-border-opacity: 1;
2993
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
2994
- }
2995
- .dark\:border-gray-600:where(.dark, .dark *) {
2996
- --tw-border-opacity: 1;
2997
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2998
- }
2999
- .dark\:border-gray-700:where(.dark, .dark *) {
3000
- --tw-border-opacity: 1;
3001
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
3002
- }
3003
- .dark\:border-green-500:where(.dark, .dark *) {
3004
- --tw-border-opacity: 1;
3005
- border-color: rgb(14 159 110 / var(--tw-border-opacity));
3006
- }
3007
- .dark\:border-primary-500:where(.dark, .dark *) {
3008
- --tw-border-opacity: 1;
3009
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
3010
- }
3011
- .dark\:border-purple-400:where(.dark, .dark *) {
3012
- --tw-border-opacity: 1;
3013
- border-color: rgb(172 148 250 / var(--tw-border-opacity));
3014
- }
3015
- .dark\:border-red-400:where(.dark, .dark *) {
3016
- --tw-border-opacity: 1;
3017
- border-color: rgb(249 128 128 / var(--tw-border-opacity));
3018
- }
3019
- .dark\:border-red-500:where(.dark, .dark *) {
3020
- --tw-border-opacity: 1;
3021
- border-color: rgb(240 82 82 / var(--tw-border-opacity));
3022
- }
3023
- .dark\:border-transparent:where(.dark, .dark *) {
3024
- border-color: transparent;
3025
- }
3026
- .dark\:border-yellow-300:where(.dark, .dark *) {
3027
- --tw-border-opacity: 1;
3028
- border-color: rgb(250 202 21 / var(--tw-border-opacity));
3029
- }
3030
- .dark\:\!bg-primary-600:where(.dark, .dark *) {
3031
- --tw-bg-opacity: 1 !important;
3032
- background-color: rgb(49 116 223 / var(--tw-bg-opacity)) !important;
3033
- }
3034
- .dark\:\!bg-primary-700:where(.dark, .dark *) {
3035
- --tw-bg-opacity: 1 !important;
3036
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
3037
- }
3038
- .dark\:bg-blue-600:where(.dark, .dark *) {
3039
- --tw-bg-opacity: 1;
3040
- background-color: rgb(28 100 242 / var(--tw-bg-opacity));
3041
- }
3042
- .dark\:bg-emerald-400:where(.dark, .dark *) {
3043
- --tw-bg-opacity: 1;
3044
- background-color: rgb(52 211 153 / var(--tw-bg-opacity));
3045
- }
3046
- .dark\:bg-gray-600:where(.dark, .dark *) {
3047
- --tw-bg-opacity: 1;
3048
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3049
- }
3050
- .dark\:bg-gray-700:where(.dark, .dark *) {
3051
- --tw-bg-opacity: 1;
3052
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3053
- }
3054
- .dark\:bg-gray-800:where(.dark, .dark *) {
3055
- --tw-bg-opacity: 1;
3056
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3057
- }
3058
- .dark\:bg-gray-800\/50:where(.dark, .dark *) {
3059
- background-color: rgb(31 41 55 / 0.5);
3060
- }
3061
- .dark\:bg-gray-900:where(.dark, .dark *) {
3062
- --tw-bg-opacity: 1;
3063
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3064
- }
3065
- .dark\:bg-gray-900\/80:where(.dark, .dark *) {
3066
- background-color: rgb(17 24 39 / 0.8);
3067
- }
3068
- .dark\:bg-green-600:where(.dark, .dark *) {
3069
- --tw-bg-opacity: 1;
3070
- background-color: rgb(5 122 85 / var(--tw-bg-opacity));
3071
- }
3072
- .dark\:bg-primary-200:where(.dark, .dark *) {
3073
- --tw-bg-opacity: 1;
3074
- background-color: rgb(195 223 250 / var(--tw-bg-opacity));
3075
- }
3076
- .dark\:bg-primary-600:where(.dark, .dark *) {
3077
- --tw-bg-opacity: 1;
3078
- background-color: rgb(49 116 223 / var(--tw-bg-opacity));
3079
- }
3080
- .dark\:bg-purple-600:where(.dark, .dark *) {
3081
- --tw-bg-opacity: 1;
3082
- background-color: rgb(126 58 242 / var(--tw-bg-opacity));
3083
- }
3084
- .dark\:bg-red-400:where(.dark, .dark *) {
3085
- --tw-bg-opacity: 1;
3086
- background-color: rgb(249 128 128 / var(--tw-bg-opacity));
3087
- }
3088
- .dark\:bg-red-600:where(.dark, .dark *) {
3089
- --tw-bg-opacity: 1;
3090
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
3091
- }
3092
- .dark\:bg-violet-400:where(.dark, .dark *) {
3093
- --tw-bg-opacity: 1;
3094
- background-color: rgb(167 139 250 / var(--tw-bg-opacity));
3095
- }
3096
- .dark\:text-blue-300:where(.dark, .dark *) {
3097
- --tw-text-opacity: 1;
3098
- color: rgb(164 202 254 / var(--tw-text-opacity));
3099
- }
3100
- .dark\:text-blue-500:where(.dark, .dark *) {
3101
- --tw-text-opacity: 1;
3102
- color: rgb(63 131 248 / var(--tw-text-opacity));
3103
- }
3104
- .dark\:text-gray-100:where(.dark, .dark *) {
3105
- --tw-text-opacity: 1;
3106
- color: rgb(243 244 246 / var(--tw-text-opacity));
3107
- }
3108
- .dark\:text-gray-200:where(.dark, .dark *) {
3109
- --tw-text-opacity: 1;
3110
- color: rgb(229 231 235 / var(--tw-text-opacity));
3111
- }
3112
- .dark\:text-gray-300:where(.dark, .dark *) {
3113
- --tw-text-opacity: 1;
3114
- color: rgb(209 213 219 / var(--tw-text-opacity));
3115
- }
3116
- .dark\:text-gray-400:where(.dark, .dark *) {
3117
- --tw-text-opacity: 1;
3118
- color: rgb(156 163 175 / var(--tw-text-opacity));
3119
- }
3120
- .dark\:text-gray-500:where(.dark, .dark *) {
3121
- --tw-text-opacity: 1;
3122
- color: rgb(107 114 128 / var(--tw-text-opacity));
3123
- }
3124
- .dark\:text-gray-900:where(.dark, .dark *) {
3125
- --tw-text-opacity: 1;
3126
- color: rgb(17 24 39 / var(--tw-text-opacity));
3127
- }
3128
- .dark\:text-green-400:where(.dark, .dark *) {
3129
- --tw-text-opacity: 1;
3130
- color: rgb(49 196 141 / var(--tw-text-opacity));
3131
- }
3132
- .dark\:text-green-500:where(.dark, .dark *) {
3133
- --tw-text-opacity: 1;
3134
- color: rgb(14 159 110 / var(--tw-text-opacity));
3135
- }
3136
- .dark\:text-primary-500:where(.dark, .dark *) {
3137
- --tw-text-opacity: 1;
3138
- color: rgb(70 145 235 / var(--tw-text-opacity));
3139
- }
3140
- .dark\:text-primary-600:where(.dark, .dark *) {
3141
- --tw-text-opacity: 1;
3142
- color: rgb(49 116 223 / var(--tw-text-opacity));
3143
- }
3144
- .dark\:text-primary-800:where(.dark, .dark *) {
3145
- --tw-text-opacity: 1;
3146
- color: rgb(39 78 166 / var(--tw-text-opacity));
3147
- }
3148
- .dark\:text-purple-400:where(.dark, .dark *) {
3149
- --tw-text-opacity: 1;
3150
- color: rgb(172 148 250 / var(--tw-text-opacity));
3151
- }
3152
- .dark\:text-purple-500:where(.dark, .dark *) {
3153
- --tw-text-opacity: 1;
3154
- color: rgb(144 97 249 / var(--tw-text-opacity));
3155
- }
3156
- .dark\:text-red-400:where(.dark, .dark *) {
3157
- --tw-text-opacity: 1;
3158
- color: rgb(249 128 128 / var(--tw-text-opacity));
3159
- }
3160
- .dark\:text-red-500:where(.dark, .dark *) {
3161
- --tw-text-opacity: 1;
3162
- color: rgb(240 82 82 / var(--tw-text-opacity));
3163
- }
3164
- .dark\:text-white:where(.dark, .dark *) {
3165
- --tw-text-opacity: 1;
3166
- color: rgb(255 255 255 / var(--tw-text-opacity));
3167
- }
3168
- .dark\:text-yellow-300:where(.dark, .dark *) {
3169
- --tw-text-opacity: 1;
3170
- color: rgb(250 202 21 / var(--tw-text-opacity));
3171
- }
3172
- .dark\:text-yellow-500:where(.dark, .dark *) {
3173
- --tw-text-opacity: 1;
3174
- color: rgb(194 120 3 / var(--tw-text-opacity));
3175
- }
3176
- .dark\:placeholder-gray-400:where(.dark, .dark *)::-moz-placeholder {
3177
- --tw-placeholder-opacity: 1;
3178
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
3179
- }
3180
- .dark\:placeholder-gray-400:where(.dark, .dark *)::placeholder {
3181
- --tw-placeholder-opacity: 1;
3182
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
3183
- }
3184
- .dark\:placeholder-green-500:where(.dark, .dark *)::-moz-placeholder {
3185
- --tw-placeholder-opacity: 1;
3186
- color: rgb(14 159 110 / var(--tw-placeholder-opacity));
3187
- }
3188
- .dark\:placeholder-green-500:where(.dark, .dark *)::placeholder {
3189
- --tw-placeholder-opacity: 1;
3190
- color: rgb(14 159 110 / var(--tw-placeholder-opacity));
3191
- }
3192
- .dark\:placeholder-red-500:where(.dark, .dark *)::-moz-placeholder {
3193
- --tw-placeholder-opacity: 1;
3194
- color: rgb(240 82 82 / var(--tw-placeholder-opacity));
3195
- }
3196
- .dark\:placeholder-red-500:where(.dark, .dark *)::placeholder {
3197
- --tw-placeholder-opacity: 1;
3198
- color: rgb(240 82 82 / var(--tw-placeholder-opacity));
3199
- }
3200
- .dark\:ring-offset-gray-700:where(.dark, .dark *) {
3201
- --tw-ring-offset-color: #374151;
3202
- }
3203
- .dark\:ring-offset-gray-800:where(.dark, .dark *) {
3204
- --tw-ring-offset-color: #1F2937;
3205
- }
3206
- .dark\:checked\:border-current:checked:where(.dark, .dark *) {
3207
- border-color: currentColor;
3208
- }
3209
- .dark\:checked\:bg-current:checked:where(.dark, .dark *) {
3210
- background-color: currentColor;
3211
- }
3212
- .dark\:checked\:text-emerald-400:checked:where(.dark, .dark *) {
3213
- --tw-text-opacity: 1;
3214
- color: rgb(52 211 153 / var(--tw-text-opacity));
3215
- }
3216
- .dark\:hover\:border-gray-600:hover:where(.dark, .dark *) {
3217
- --tw-border-opacity: 1;
3218
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
3219
- }
3220
- .dark\:hover\:\!bg-primary-700:hover:where(.dark, .dark *) {
3221
- --tw-bg-opacity: 1 !important;
3222
- background-color: rgb(40 95 204 / var(--tw-bg-opacity)) !important;
3223
- }
3224
- .dark\:hover\:bg-blue-500:hover:where(.dark, .dark *) {
3225
- --tw-bg-opacity: 1;
3226
- background-color: rgb(63 131 248 / var(--tw-bg-opacity));
3227
- }
3228
- .dark\:hover\:bg-blue-700:hover:where(.dark, .dark *) {
3229
- --tw-bg-opacity: 1;
3230
- background-color: rgb(26 86 219 / var(--tw-bg-opacity));
3231
- }
3232
- .dark\:hover\:bg-emerald-500:hover:where(.dark, .dark *) {
3233
- --tw-bg-opacity: 1;
3234
- background-color: rgb(16 185 129 / var(--tw-bg-opacity));
3235
- }
3236
- .dark\:hover\:bg-gray-600:hover:where(.dark, .dark *) {
3237
- --tw-bg-opacity: 1;
3238
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3239
- }
3240
- .dark\:hover\:bg-gray-700:hover:where(.dark, .dark *) {
3241
- --tw-bg-opacity: 1;
3242
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3243
- }
3244
- .dark\:hover\:bg-gray-800:hover:where(.dark, .dark *) {
3245
- --tw-bg-opacity: 1;
3246
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3247
- }
3248
- .dark\:hover\:bg-green-600:hover:where(.dark, .dark *) {
3249
- --tw-bg-opacity: 1;
3250
- background-color: rgb(5 122 85 / var(--tw-bg-opacity));
3251
- }
3252
- .dark\:hover\:bg-green-700:hover:where(.dark, .dark *) {
3253
- --tw-bg-opacity: 1;
3254
- background-color: rgb(4 108 78 / var(--tw-bg-opacity));
3255
- }
3256
- .dark\:hover\:bg-primary-500:hover:where(.dark, .dark *) {
3257
- --tw-bg-opacity: 1;
3258
- background-color: rgb(70 145 235 / var(--tw-bg-opacity));
3259
- }
3260
- .dark\:hover\:bg-primary-700:hover:where(.dark, .dark *) {
3261
- --tw-bg-opacity: 1;
3262
- background-color: rgb(40 95 204 / var(--tw-bg-opacity));
3263
- }
3264
- .dark\:hover\:bg-purple-500:hover:where(.dark, .dark *) {
3265
- --tw-bg-opacity: 1;
3266
- background-color: rgb(144 97 249 / var(--tw-bg-opacity));
3267
- }
3268
- .dark\:hover\:bg-purple-700:hover:where(.dark, .dark *) {
3269
- --tw-bg-opacity: 1;
3270
- background-color: rgb(108 43 217 / var(--tw-bg-opacity));
3271
- }
3272
- .dark\:hover\:bg-red-500:hover:where(.dark, .dark *) {
3273
- --tw-bg-opacity: 1;
3274
- background-color: rgb(240 82 82 / var(--tw-bg-opacity));
3275
- }
3276
- .dark\:hover\:bg-red-600:hover:where(.dark, .dark *) {
3277
- --tw-bg-opacity: 1;
3278
- background-color: rgb(224 36 36 / var(--tw-bg-opacity));
3279
- }
3280
- .dark\:hover\:bg-red-700:hover:where(.dark, .dark *) {
3281
- --tw-bg-opacity: 1;
3282
- background-color: rgb(200 30 30 / var(--tw-bg-opacity));
3283
- }
3284
- .dark\:hover\:bg-violet-500:hover:where(.dark, .dark *) {
3285
- --tw-bg-opacity: 1;
3286
- background-color: rgb(139 92 246 / var(--tw-bg-opacity));
3287
- }
3288
- .dark\:hover\:bg-yellow-400:hover:where(.dark, .dark *) {
3289
- --tw-bg-opacity: 1;
3290
- background-color: rgb(227 160 8 / var(--tw-bg-opacity));
3291
- }
3292
- .dark\:hover\:text-blue-400:hover:where(.dark, .dark *) {
3293
- --tw-text-opacity: 1;
3294
- color: rgb(118 169 250 / var(--tw-text-opacity));
3295
- }
3296
- .dark\:hover\:text-blue-500:hover:where(.dark, .dark *) {
3297
- --tw-text-opacity: 1;
3298
- color: rgb(63 131 248 / var(--tw-text-opacity));
3299
- }
3300
- .dark\:hover\:text-gray-300:hover:where(.dark, .dark *) {
3301
- --tw-text-opacity: 1;
3302
- color: rgb(209 213 219 / var(--tw-text-opacity));
3303
- }
3304
- .dark\:hover\:text-white:hover:where(.dark, .dark *) {
3305
- --tw-text-opacity: 1;
3306
- color: rgb(255 255 255 / var(--tw-text-opacity));
3307
- }
3308
- .dark\:hover\:underline:hover:where(.dark, .dark *) {
3309
- text-decoration-line: underline;
3310
- }
3311
- .dark\:focus\:border-emerald-400:focus:where(.dark, .dark *) {
3312
- --tw-border-opacity: 1;
3313
- border-color: rgb(52 211 153 / var(--tw-border-opacity));
3314
- }
3315
- .dark\:focus\:border-primary-500:focus:where(.dark, .dark *) {
3316
- --tw-border-opacity: 1;
3317
- border-color: rgb(70 145 235 / var(--tw-border-opacity));
3318
- }
3319
- .focus\:dark\:border-emerald-400:where(.dark, .dark *):focus {
3320
- --tw-border-opacity: 1;
3321
- border-color: rgb(52 211 153 / var(--tw-border-opacity));
3322
- }
3323
- .dark\:focus\:bg-gray-700:focus:where(.dark, .dark *) {
3324
- --tw-bg-opacity: 1;
3325
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3326
- }
3327
- .dark\:focus\:bg-gray-800:focus:where(.dark, .dark *) {
3328
- --tw-bg-opacity: 1;
3329
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3330
- }
3331
- .focus\:dark\:bg-gray-700:where(.dark, .dark *):focus {
3332
- --tw-bg-opacity: 1;
3333
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3334
- }
3335
- .dark\:focus\:ring-blue-800:focus:where(.dark, .dark *) {
3336
- --tw-ring-opacity: 1;
3337
- --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
3338
- }
3339
- .dark\:focus\:ring-emerald-400:focus:where(.dark, .dark *) {
3340
- --tw-ring-opacity: 1;
3341
- --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
3342
- }
3343
- .dark\:focus\:ring-gray-600:focus:where(.dark, .dark *) {
3344
- --tw-ring-opacity: 1;
3345
- --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
3346
- }
3347
- .dark\:focus\:ring-gray-700:focus:where(.dark, .dark *) {
3348
- --tw-ring-opacity: 1;
3349
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
3350
- }
3351
- .dark\:focus\:ring-gray-800:focus:where(.dark, .dark *) {
3352
- --tw-ring-opacity: 1;
3353
- --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
3354
- }
3355
- .dark\:focus\:ring-green-800:focus:where(.dark, .dark *) {
3356
- --tw-ring-opacity: 1;
3357
- --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
3358
- }
3359
- .dark\:focus\:ring-primary-500:focus:where(.dark, .dark *) {
3360
- --tw-ring-opacity: 1;
3361
- --tw-ring-color: rgb(70 145 235 / var(--tw-ring-opacity));
3362
- }
3363
- .dark\:focus\:ring-primary-600:focus:where(.dark, .dark *) {
3364
- --tw-ring-opacity: 1;
3365
- --tw-ring-color: rgb(49 116 223 / var(--tw-ring-opacity));
3366
- }
3367
- .dark\:focus\:ring-primary-800:focus:where(.dark, .dark *) {
3368
- --tw-ring-opacity: 1;
3369
- --tw-ring-color: rgb(39 78 166 / var(--tw-ring-opacity));
3370
- }
3371
- .dark\:focus\:ring-purple-900:focus:where(.dark, .dark *) {
3372
- --tw-ring-opacity: 1;
3373
- --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
3374
- }
3375
- .dark\:focus\:ring-red-400:focus:where(.dark, .dark *) {
3376
- --tw-ring-opacity: 1;
3377
- --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
3378
- }
3379
- .dark\:focus\:ring-red-600:focus:where(.dark, .dark *) {
3380
- --tw-ring-opacity: 1;
3381
- --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
3382
- }
3383
- .dark\:focus\:ring-red-900:focus:where(.dark, .dark *) {
3384
- --tw-ring-opacity: 1;
3385
- --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
3386
- }
3387
- .dark\:focus\:ring-violet-400:focus:where(.dark, .dark *) {
3388
- --tw-ring-opacity: 1;
3389
- --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity));
3390
- }
3391
- .dark\:focus\:ring-yellow-900:focus:where(.dark, .dark *) {
3392
- --tw-ring-opacity: 1;
3393
- --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity));
3394
- }
3395
- .dark\:focus\:ring-offset-current:focus:where(.dark, .dark *) {
3396
- --tw-ring-offset-color: currentColor;
3397
- }
3398
- .dark\:focus\:ring-offset-gray-800:focus:where(.dark, .dark *) {
3399
- --tw-ring-offset-color: #1F2937;
3400
- }
3401
- .dark\:focus\:ring-offset-gray-900:focus:where(.dark, .dark *) {
3402
- --tw-ring-offset-color: #111827;
3403
- }
3404
- .dark\:focus-visible\:ring-2:focus-visible:where(.dark, .dark *) {
3405
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3406
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3407
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3408
- }
3409
- .dark\:focus-visible\:ring-blue-300:focus-visible:where(.dark, .dark *) {
3410
- --tw-ring-opacity: 1;
3411
- --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
3412
- }
3413
- .group:hover .dark\:group-hover\:text-gray-400:where(.dark, .dark *) {
3414
- --tw-text-opacity: 1;
3415
- color: rgb(156 163 175 / var(--tw-text-opacity));
3416
- }
3417
- .group:hover .dark\:group-hover\:text-white:where(.dark, .dark *) {
3418
- --tw-text-opacity: 1;
3419
- color: rgb(255 255 255 / var(--tw-text-opacity));
3420
- }