@powerhousedao/builder-tools 0.3.5 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist/connect-studio/helpers.d.ts +1 -1
  2. package/dist/connect-studio/helpers.d.ts.map +1 -1
  3. package/dist/connect-studio/hmr.d.ts +1 -11
  4. package/dist/connect-studio/hmr.d.ts.map +1 -1
  5. package/dist/connect-studio/hmr.js +1 -8
  6. package/dist/connect-studio/index.d.ts +1 -1
  7. package/dist/connect-studio/index.d.ts.map +1 -1
  8. package/dist/connect-studio/index.js +1 -1
  9. package/dist/connect-studio/server.d.ts +1 -1
  10. package/dist/connect-studio/server.d.ts.map +1 -1
  11. package/dist/connect-studio/server.js +1 -1
  12. package/dist/connect-studio/studio.d.ts +1 -1
  13. package/dist/connect-studio/studio.d.ts.map +1 -1
  14. package/dist/connect-studio/vite-plugins/base.d.ts +3 -3
  15. package/dist/connect-studio/vite-plugins/base.d.ts.map +1 -1
  16. package/dist/connect-studio/vite-plugins/base.js +2 -2
  17. package/dist/connect-studio/vite-plugins/external-packages.d.ts +2 -2
  18. package/dist/connect-studio/vite-plugins/external-packages.d.ts.map +1 -1
  19. package/dist/connect-studio/vite-plugins/external-packages.js +1 -1
  20. package/dist/connect-studio/vite-plugins/hmr.d.ts +1 -1
  21. package/dist/connect-studio/vite-plugins/hmr.d.ts.map +1 -1
  22. package/dist/connect-studio/vite-plugins/importmap.d.ts +2 -2
  23. package/dist/connect-studio/vite-plugins/importmap.d.ts.map +1 -1
  24. package/dist/connect-studio/vite-plugins/importmap.js +25 -23
  25. package/dist/connect-studio/vite-plugins/studio.d.ts +1 -1
  26. package/dist/connect-studio/vite-plugins/studio.d.ts.map +1 -1
  27. package/dist/connect-studio/vite-plugins/studio.js +15 -1
  28. package/dist/document-model-editor/components/code-editors/graphql-editor.d.ts +1 -1
  29. package/dist/document-model-editor/components/code-editors/graphql-editor.d.ts.map +1 -1
  30. package/dist/document-model-editor/components/code-editors/utils.d.ts +2 -2
  31. package/dist/document-model-editor/components/code-editors/utils.d.ts.map +1 -1
  32. package/dist/document-model-editor/components/code-editors/utils.js +1 -1
  33. package/dist/document-model-editor/components/form.d.ts +2 -2
  34. package/dist/document-model-editor/components/form.d.ts.map +1 -1
  35. package/dist/document-model-editor/components/input.js +1 -1
  36. package/dist/document-model-editor/components/model-metadata-form.d.ts +1 -1
  37. package/dist/document-model-editor/components/model-metadata-form.d.ts.map +1 -1
  38. package/dist/document-model-editor/components/modules.d.ts +1 -1
  39. package/dist/document-model-editor/components/modules.d.ts.map +1 -1
  40. package/dist/document-model-editor/components/operation.d.ts +1 -1
  41. package/dist/document-model-editor/components/operation.d.ts.map +1 -1
  42. package/dist/document-model-editor/components/state-schemas.d.ts +1 -1
  43. package/dist/document-model-editor/components/state-schemas.d.ts.map +1 -1
  44. package/dist/document-model-editor/context/form-context.d.ts +1 -1
  45. package/dist/document-model-editor/context/form-context.d.ts.map +1 -1
  46. package/dist/document-model-editor/document-model-editor.stories.d.ts +1 -1
  47. package/dist/document-model-editor/document-model-editor.stories.d.ts.map +1 -1
  48. package/dist/document-model-editor/editor.d.ts +1 -1
  49. package/dist/document-model-editor/editor.d.ts.map +1 -1
  50. package/dist/document-model-editor/module.d.ts +1 -1
  51. package/dist/document-model-editor/module.d.ts.map +1 -1
  52. package/dist/document-model-editor/types/documents.d.ts +1 -1
  53. package/dist/document-model-editor/types/documents.d.ts.map +1 -1
  54. package/dist/document-model-editor/utils/helpers.d.ts +2 -2
  55. package/dist/document-model-editor/utils/helpers.d.ts.map +1 -1
  56. package/dist/document-model-editor/utils/linting.d.ts +1 -1
  57. package/dist/document-model-editor/utils/linting.d.ts.map +1 -1
  58. package/dist/editor-utils/components/documentEditor.d.ts +1 -1
  59. package/dist/editor-utils/components/documentEditor.d.ts.map +1 -1
  60. package/dist/editor-utils/components/editorToolbar.d.ts +1 -1
  61. package/dist/editor-utils/components/editorToolbar.d.ts.map +1 -1
  62. package/dist/editor-utils/components/editorWorksheet.d.ts +1 -1
  63. package/dist/editor-utils/components/editorWorksheet.d.ts.map +1 -1
  64. package/dist/editor-utils/components/styles.d.ts +1 -1
  65. package/dist/editor-utils/components/styles.d.ts.map +1 -1
  66. package/dist/editor-utils/components/stylesVariant.d.ts +1 -1
  67. package/dist/editor-utils/components/stylesVariant.d.ts.map +1 -1
  68. package/dist/editor-utils/components/textInput.d.ts +1 -1
  69. package/dist/editor-utils/components/textInput.d.ts.map +1 -1
  70. package/dist/editor-utils/components/textInputVariant.d.ts +1 -1
  71. package/dist/editor-utils/components/textInputVariant.d.ts.map +1 -1
  72. package/dist/editor-utils/components/toolbarButton.d.ts +1 -1
  73. package/dist/editor-utils/components/toolbarButton.d.ts.map +1 -1
  74. package/dist/editor-utils/hooks/useEnsInfo.d.ts +1 -1
  75. package/dist/editor-utils/hooks/useEnsInfo.d.ts.map +1 -1
  76. package/dist/editor-utils/hooks/useEnsInfo.js +1 -1
  77. package/dist/editor-utils/storybook.d.ts +2 -2
  78. package/dist/editor-utils/storybook.d.ts.map +1 -1
  79. package/dist/style.css +1661 -0
  80. package/dist/tsconfig.tsbuildinfo +1 -1
  81. package/package.json +9 -8
  82. package/dist/styles.css +0 -786
package/dist/style.css ADDED
@@ -0,0 +1,1661 @@
1
+ /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
2
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
3
+ :root {
4
+ --toastify-color-light: #fff;
5
+ --toastify-color-dark: #121212;
6
+ --toastify-color-info: #3498db;
7
+ --toastify-color-success: #07bc0c;
8
+ --toastify-color-warning: #f1c40f;
9
+ --toastify-color-error: #e74c3c;
10
+ --toastify-color-transparent: rgba(255, 255, 255, 0.7);
11
+ --toastify-icon-color-info: var(--toastify-color-info);
12
+ --toastify-icon-color-success: var(--toastify-color-success);
13
+ --toastify-icon-color-warning: var(--toastify-color-warning);
14
+ --toastify-icon-color-error: var(--toastify-color-error);
15
+ --toastify-toast-width: 320px;
16
+ --toastify-toast-offset: 16px;
17
+ --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
18
+ --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
19
+ --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
20
+ --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
21
+ --toastify-toast-background: #fff;
22
+ --toastify-toast-min-height: 64px;
23
+ --toastify-toast-max-height: 800px;
24
+ --toastify-toast-bd-radius: 6px;
25
+ --toastify-font-family: sans-serif;
26
+ --toastify-z-index: 9999;
27
+ --toastify-text-color-light: #757575;
28
+ --toastify-text-color-dark: #fff;
29
+ --toastify-text-color-info: #fff;
30
+ --toastify-text-color-success: #fff;
31
+ --toastify-text-color-warning: #fff;
32
+ --toastify-text-color-error: #fff;
33
+ --toastify-spinner-color: #616161;
34
+ --toastify-spinner-color-empty-area: #e0e0e0;
35
+ --toastify-color-progress-light: linear-gradient(
36
+ to right,
37
+ #4cd964,
38
+ #5ac8fa,
39
+ #007aff,
40
+ #34aadc,
41
+ #5856d6,
42
+ #ff2d55
43
+ );
44
+ --toastify-color-progress-dark: #bb86fc;
45
+ --toastify-color-progress-info: var(--toastify-color-info);
46
+ --toastify-color-progress-success: var(--toastify-color-success);
47
+ --toastify-color-progress-warning: var(--toastify-color-warning);
48
+ --toastify-color-progress-error: var(--toastify-color-error);
49
+ --toastify-color-progress-bgo: 0.2;
50
+ }
51
+ .Toastify__toast-container {
52
+ z-index: var(--toastify-z-index);
53
+ -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
54
+ position: fixed;
55
+ padding: 4px;
56
+ width: var(--toastify-toast-width);
57
+ box-sizing: border-box;
58
+ color: #fff;
59
+ }
60
+ .Toastify__toast-container--top-left {
61
+ top: var(--toastify-toast-top);
62
+ left: var(--toastify-toast-left);
63
+ }
64
+ .Toastify__toast-container--top-center {
65
+ top: var(--toastify-toast-top);
66
+ left: 50%;
67
+ transform: translateX(-50%);
68
+ }
69
+ .Toastify__toast-container--top-right {
70
+ top: var(--toastify-toast-top);
71
+ right: var(--toastify-toast-right);
72
+ }
73
+ .Toastify__toast-container--bottom-left {
74
+ bottom: var(--toastify-toast-bottom);
75
+ left: var(--toastify-toast-left);
76
+ }
77
+ .Toastify__toast-container--bottom-center {
78
+ bottom: var(--toastify-toast-bottom);
79
+ left: 50%;
80
+ transform: translateX(-50%);
81
+ }
82
+ .Toastify__toast-container--bottom-right {
83
+ bottom: var(--toastify-toast-bottom);
84
+ right: var(--toastify-toast-right);
85
+ }
86
+ @media only screen and (max-width : 480px) {
87
+ .Toastify__toast-container {
88
+ width: 100vw;
89
+ padding: 0;
90
+ left: env(safe-area-inset-left);
91
+ margin: 0;
92
+ }
93
+ .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
94
+ top: env(safe-area-inset-top);
95
+ transform: translateX(0);
96
+ }
97
+ .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
98
+ bottom: env(safe-area-inset-bottom);
99
+ transform: translateX(0);
100
+ }
101
+ .Toastify__toast-container--rtl {
102
+ right: env(safe-area-inset-right);
103
+ left: initial;
104
+ }
105
+ }
106
+ .Toastify__toast {
107
+ --y: 0;
108
+ position: relative;
109
+ -ms-touch-action: none;
110
+ touch-action: none;
111
+ min-height: var(--toastify-toast-min-height);
112
+ box-sizing: border-box;
113
+ margin-bottom: 1rem;
114
+ padding: 8px;
115
+ border-radius: var(--toastify-toast-bd-radius);
116
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
117
+ display: -ms-flexbox;
118
+ display: flex;
119
+ -ms-flex-pack: justify;
120
+ justify-content: space-between;
121
+ max-height: var(--toastify-toast-max-height);
122
+ font-family: var(--toastify-font-family);
123
+ cursor: default;
124
+ direction: ltr;
125
+ z-index: 0;
126
+ overflow: hidden;
127
+ }
128
+ .Toastify__toast--stacked {
129
+ position: absolute;
130
+ width: 100%;
131
+ transform: translate3d(0, var(--y), 0) scale(var(--s));
132
+ transition: transform 0.3s;
133
+ }
134
+ .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
135
+ transition: opacity 0.1s;
136
+ }
137
+ .Toastify__toast--stacked[data-collapsed=false] {
138
+ overflow: visible;
139
+ }
140
+ .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
141
+ opacity: 0;
142
+ }
143
+ .Toastify__toast--stacked:after {
144
+ content: "";
145
+ position: absolute;
146
+ left: 0;
147
+ right: 0;
148
+ height: calc(var(--g) * 1px);
149
+ bottom: 100%;
150
+ }
151
+ .Toastify__toast--stacked[data-pos=top] {
152
+ top: 0;
153
+ }
154
+ .Toastify__toast--stacked[data-pos=bot] {
155
+ bottom: 0;
156
+ }
157
+ .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
158
+ transform-origin: top;
159
+ }
160
+ .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
161
+ transform-origin: bottom;
162
+ }
163
+ .Toastify__toast--stacked:before {
164
+ content: "";
165
+ position: absolute;
166
+ left: 0;
167
+ right: 0;
168
+ bottom: 0;
169
+ height: 100%;
170
+ transform: scaleY(3);
171
+ z-index: -1;
172
+ }
173
+ .Toastify__toast--rtl {
174
+ direction: rtl;
175
+ }
176
+ .Toastify__toast--close-on-click {
177
+ cursor: pointer;
178
+ }
179
+ .Toastify__toast-body {
180
+ margin: auto 0;
181
+ -ms-flex: 1 1 auto;
182
+ flex: 1 1 auto;
183
+ padding: 6px;
184
+ display: -ms-flexbox;
185
+ display: flex;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ }
189
+ .Toastify__toast-body > div:last-child {
190
+ word-break: break-word;
191
+ -ms-flex: 1;
192
+ flex: 1;
193
+ }
194
+ .Toastify__toast-icon {
195
+ -webkit-margin-end: 10px;
196
+ margin-inline-end: 10px;
197
+ width: 20px;
198
+ -ms-flex-negative: 0;
199
+ flex-shrink: 0;
200
+ display: -ms-flexbox;
201
+ display: flex;
202
+ }
203
+ .Toastify--animate {
204
+ animation-fill-mode: both;
205
+ animation-duration: 0.5s;
206
+ }
207
+ .Toastify--animate-icon {
208
+ animation-fill-mode: both;
209
+ animation-duration: 0.3s;
210
+ }
211
+ @media only screen and (max-width : 480px) {
212
+ .Toastify__toast {
213
+ margin-bottom: 0;
214
+ border-radius: 0;
215
+ }
216
+ }
217
+ .Toastify__toast-theme--dark {
218
+ background: var(--toastify-color-dark);
219
+ color: var(--toastify-text-color-dark);
220
+ }
221
+ .Toastify__toast-theme--light {
222
+ background: var(--toastify-color-light);
223
+ color: var(--toastify-text-color-light);
224
+ }
225
+ .Toastify__toast-theme--colored.Toastify__toast--default {
226
+ background: var(--toastify-color-light);
227
+ color: var(--toastify-text-color-light);
228
+ }
229
+ .Toastify__toast-theme--colored.Toastify__toast--info {
230
+ color: var(--toastify-text-color-info);
231
+ background: var(--toastify-color-info);
232
+ }
233
+ .Toastify__toast-theme--colored.Toastify__toast--success {
234
+ color: var(--toastify-text-color-success);
235
+ background: var(--toastify-color-success);
236
+ }
237
+ .Toastify__toast-theme--colored.Toastify__toast--warning {
238
+ color: var(--toastify-text-color-warning);
239
+ background: var(--toastify-color-warning);
240
+ }
241
+ .Toastify__toast-theme--colored.Toastify__toast--error {
242
+ color: var(--toastify-text-color-error);
243
+ background: var(--toastify-color-error);
244
+ }
245
+ .Toastify__progress-bar-theme--light {
246
+ background: var(--toastify-color-progress-light);
247
+ }
248
+ .Toastify__progress-bar-theme--dark {
249
+ background: var(--toastify-color-progress-dark);
250
+ }
251
+ .Toastify__progress-bar--info {
252
+ background: var(--toastify-color-progress-info);
253
+ }
254
+ .Toastify__progress-bar--success {
255
+ background: var(--toastify-color-progress-success);
256
+ }
257
+ .Toastify__progress-bar--warning {
258
+ background: var(--toastify-color-progress-warning);
259
+ }
260
+ .Toastify__progress-bar--error {
261
+ background: var(--toastify-color-progress-error);
262
+ }
263
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
264
+ background: var(--toastify-color-transparent);
265
+ }
266
+ .Toastify__close-button {
267
+ color: #fff;
268
+ background: transparent;
269
+ outline: none;
270
+ border: none;
271
+ padding: 0;
272
+ cursor: pointer;
273
+ opacity: 0.7;
274
+ transition: 0.3s ease;
275
+ -ms-flex-item-align: start;
276
+ align-self: flex-start;
277
+ z-index: 1;
278
+ }
279
+ .Toastify__close-button--light {
280
+ color: #000;
281
+ opacity: 0.3;
282
+ }
283
+ .Toastify__close-button > svg {
284
+ fill: currentColor;
285
+ height: 16px;
286
+ width: 14px;
287
+ }
288
+ .Toastify__close-button:hover, .Toastify__close-button:focus {
289
+ opacity: 1;
290
+ }
291
+ @keyframes Toastify__trackProgress {
292
+ 0% {
293
+ transform: scaleX(1);
294
+ }
295
+ 100% {
296
+ transform: scaleX(0);
297
+ }
298
+ }
299
+ .Toastify__progress-bar {
300
+ position: absolute;
301
+ bottom: 0;
302
+ left: 0;
303
+ width: 100%;
304
+ height: 100%;
305
+ z-index: var(--toastify-z-index);
306
+ opacity: 0.7;
307
+ transform-origin: left;
308
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
309
+ }
310
+ .Toastify__progress-bar--animated {
311
+ animation: Toastify__trackProgress linear 1 forwards;
312
+ }
313
+ .Toastify__progress-bar--controlled {
314
+ transition: transform 0.2s;
315
+ }
316
+ .Toastify__progress-bar--rtl {
317
+ right: 0;
318
+ left: initial;
319
+ transform-origin: right;
320
+ border-bottom-left-radius: initial;
321
+ border-bottom-right-radius: var(--toastify-toast-bd-radius);
322
+ }
323
+ .Toastify__progress-bar--wrp {
324
+ position: absolute;
325
+ bottom: 0;
326
+ left: 0;
327
+ width: 100%;
328
+ height: 5px;
329
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
330
+ }
331
+ .Toastify__progress-bar--wrp[data-hidden=true] {
332
+ opacity: 0;
333
+ }
334
+ .Toastify__progress-bar--bg {
335
+ opacity: var(--toastify-color-progress-bgo);
336
+ width: 100%;
337
+ height: 100%;
338
+ }
339
+ .Toastify__spinner {
340
+ width: 20px;
341
+ height: 20px;
342
+ box-sizing: border-box;
343
+ border: 2px solid;
344
+ border-radius: 100%;
345
+ border-color: var(--toastify-spinner-color-empty-area);
346
+ border-right-color: var(--toastify-spinner-color);
347
+ animation: Toastify__spin 0.65s linear infinite;
348
+ }
349
+ @keyframes Toastify__bounceInRight {
350
+ from, 60%, 75%, 90%, to {
351
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
352
+ }
353
+ from {
354
+ opacity: 0;
355
+ transform: translate3d(3000px, 0, 0);
356
+ }
357
+ 60% {
358
+ opacity: 1;
359
+ transform: translate3d(-25px, 0, 0);
360
+ }
361
+ 75% {
362
+ transform: translate3d(10px, 0, 0);
363
+ }
364
+ 90% {
365
+ transform: translate3d(-5px, 0, 0);
366
+ }
367
+ to {
368
+ transform: none;
369
+ }
370
+ }
371
+ @keyframes Toastify__bounceOutRight {
372
+ 20% {
373
+ opacity: 1;
374
+ transform: translate3d(-20px, var(--y), 0);
375
+ }
376
+ to {
377
+ opacity: 0;
378
+ transform: translate3d(2000px, var(--y), 0);
379
+ }
380
+ }
381
+ @keyframes Toastify__bounceInLeft {
382
+ from, 60%, 75%, 90%, to {
383
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
384
+ }
385
+ 0% {
386
+ opacity: 0;
387
+ transform: translate3d(-3000px, 0, 0);
388
+ }
389
+ 60% {
390
+ opacity: 1;
391
+ transform: translate3d(25px, 0, 0);
392
+ }
393
+ 75% {
394
+ transform: translate3d(-10px, 0, 0);
395
+ }
396
+ 90% {
397
+ transform: translate3d(5px, 0, 0);
398
+ }
399
+ to {
400
+ transform: none;
401
+ }
402
+ }
403
+ @keyframes Toastify__bounceOutLeft {
404
+ 20% {
405
+ opacity: 1;
406
+ transform: translate3d(20px, var(--y), 0);
407
+ }
408
+ to {
409
+ opacity: 0;
410
+ transform: translate3d(-2000px, var(--y), 0);
411
+ }
412
+ }
413
+ @keyframes Toastify__bounceInUp {
414
+ from, 60%, 75%, 90%, to {
415
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
416
+ }
417
+ from {
418
+ opacity: 0;
419
+ transform: translate3d(0, 3000px, 0);
420
+ }
421
+ 60% {
422
+ opacity: 1;
423
+ transform: translate3d(0, -20px, 0);
424
+ }
425
+ 75% {
426
+ transform: translate3d(0, 10px, 0);
427
+ }
428
+ 90% {
429
+ transform: translate3d(0, -5px, 0);
430
+ }
431
+ to {
432
+ transform: translate3d(0, 0, 0);
433
+ }
434
+ }
435
+ @keyframes Toastify__bounceOutUp {
436
+ 20% {
437
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
438
+ }
439
+ 40%, 45% {
440
+ opacity: 1;
441
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
442
+ }
443
+ to {
444
+ opacity: 0;
445
+ transform: translate3d(0, -2000px, 0);
446
+ }
447
+ }
448
+ @keyframes Toastify__bounceInDown {
449
+ from, 60%, 75%, 90%, to {
450
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
451
+ }
452
+ 0% {
453
+ opacity: 0;
454
+ transform: translate3d(0, -3000px, 0);
455
+ }
456
+ 60% {
457
+ opacity: 1;
458
+ transform: translate3d(0, 25px, 0);
459
+ }
460
+ 75% {
461
+ transform: translate3d(0, -10px, 0);
462
+ }
463
+ 90% {
464
+ transform: translate3d(0, 5px, 0);
465
+ }
466
+ to {
467
+ transform: none;
468
+ }
469
+ }
470
+ @keyframes Toastify__bounceOutDown {
471
+ 20% {
472
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
473
+ }
474
+ 40%, 45% {
475
+ opacity: 1;
476
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
477
+ }
478
+ to {
479
+ opacity: 0;
480
+ transform: translate3d(0, 2000px, 0);
481
+ }
482
+ }
483
+ .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
484
+ animation-name: Toastify__bounceInLeft;
485
+ }
486
+ .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
487
+ animation-name: Toastify__bounceInRight;
488
+ }
489
+ .Toastify__bounce-enter--top-center {
490
+ animation-name: Toastify__bounceInDown;
491
+ }
492
+ .Toastify__bounce-enter--bottom-center {
493
+ animation-name: Toastify__bounceInUp;
494
+ }
495
+ .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
496
+ animation-name: Toastify__bounceOutLeft;
497
+ }
498
+ .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
499
+ animation-name: Toastify__bounceOutRight;
500
+ }
501
+ .Toastify__bounce-exit--top-center {
502
+ animation-name: Toastify__bounceOutUp;
503
+ }
504
+ .Toastify__bounce-exit--bottom-center {
505
+ animation-name: Toastify__bounceOutDown;
506
+ }
507
+ @keyframes Toastify__zoomIn {
508
+ from {
509
+ opacity: 0;
510
+ transform: scale3d(0.3, 0.3, 0.3);
511
+ }
512
+ 50% {
513
+ opacity: 1;
514
+ }
515
+ }
516
+ @keyframes Toastify__zoomOut {
517
+ from {
518
+ opacity: 1;
519
+ }
520
+ 50% {
521
+ opacity: 0;
522
+ transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
523
+ }
524
+ to {
525
+ opacity: 0;
526
+ }
527
+ }
528
+ .Toastify__zoom-enter {
529
+ animation-name: Toastify__zoomIn;
530
+ }
531
+ .Toastify__zoom-exit {
532
+ animation-name: Toastify__zoomOut;
533
+ }
534
+ @keyframes Toastify__flipIn {
535
+ from {
536
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
537
+ animation-timing-function: ease-in;
538
+ opacity: 0;
539
+ }
540
+ 40% {
541
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
542
+ animation-timing-function: ease-in;
543
+ }
544
+ 60% {
545
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
546
+ opacity: 1;
547
+ }
548
+ 80% {
549
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
550
+ }
551
+ to {
552
+ transform: perspective(400px);
553
+ }
554
+ }
555
+ @keyframes Toastify__flipOut {
556
+ from {
557
+ transform: translate3d(0, var(--y), 0) perspective(400px);
558
+ }
559
+ 30% {
560
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
561
+ opacity: 1;
562
+ }
563
+ to {
564
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
565
+ opacity: 0;
566
+ }
567
+ }
568
+ .Toastify__flip-enter {
569
+ animation-name: Toastify__flipIn;
570
+ }
571
+ .Toastify__flip-exit {
572
+ animation-name: Toastify__flipOut;
573
+ }
574
+ @keyframes Toastify__slideInRight {
575
+ from {
576
+ transform: translate3d(110%, 0, 0);
577
+ visibility: visible;
578
+ }
579
+ to {
580
+ transform: translate3d(0, var(--y), 0);
581
+ }
582
+ }
583
+ @keyframes Toastify__slideInLeft {
584
+ from {
585
+ transform: translate3d(-110%, 0, 0);
586
+ visibility: visible;
587
+ }
588
+ to {
589
+ transform: translate3d(0, var(--y), 0);
590
+ }
591
+ }
592
+ @keyframes Toastify__slideInUp {
593
+ from {
594
+ transform: translate3d(0, 110%, 0);
595
+ visibility: visible;
596
+ }
597
+ to {
598
+ transform: translate3d(0, var(--y), 0);
599
+ }
600
+ }
601
+ @keyframes Toastify__slideInDown {
602
+ from {
603
+ transform: translate3d(0, -110%, 0);
604
+ visibility: visible;
605
+ }
606
+ to {
607
+ transform: translate3d(0, var(--y), 0);
608
+ }
609
+ }
610
+ @keyframes Toastify__slideOutRight {
611
+ from {
612
+ transform: translate3d(0, var(--y), 0);
613
+ }
614
+ to {
615
+ visibility: hidden;
616
+ transform: translate3d(110%, var(--y), 0);
617
+ }
618
+ }
619
+ @keyframes Toastify__slideOutLeft {
620
+ from {
621
+ transform: translate3d(0, var(--y), 0);
622
+ }
623
+ to {
624
+ visibility: hidden;
625
+ transform: translate3d(-110%, var(--y), 0);
626
+ }
627
+ }
628
+ @keyframes Toastify__slideOutDown {
629
+ from {
630
+ transform: translate3d(0, var(--y), 0);
631
+ }
632
+ to {
633
+ visibility: hidden;
634
+ transform: translate3d(0, 500px, 0);
635
+ }
636
+ }
637
+ @keyframes Toastify__slideOutUp {
638
+ from {
639
+ transform: translate3d(0, var(--y), 0);
640
+ }
641
+ to {
642
+ visibility: hidden;
643
+ transform: translate3d(0, -500px, 0);
644
+ }
645
+ }
646
+ .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
647
+ animation-name: Toastify__slideInLeft;
648
+ }
649
+ .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
650
+ animation-name: Toastify__slideInRight;
651
+ }
652
+ .Toastify__slide-enter--top-center {
653
+ animation-name: Toastify__slideInDown;
654
+ }
655
+ .Toastify__slide-enter--bottom-center {
656
+ animation-name: Toastify__slideInUp;
657
+ }
658
+ .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
659
+ animation-name: Toastify__slideOutLeft;
660
+ animation-timing-function: ease-in;
661
+ animation-duration: 0.3s;
662
+ }
663
+ .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
664
+ animation-name: Toastify__slideOutRight;
665
+ animation-timing-function: ease-in;
666
+ animation-duration: 0.3s;
667
+ }
668
+ .Toastify__slide-exit--top-center {
669
+ animation-name: Toastify__slideOutUp;
670
+ animation-timing-function: ease-in;
671
+ animation-duration: 0.3s;
672
+ }
673
+ .Toastify__slide-exit--bottom-center {
674
+ animation-name: Toastify__slideOutDown;
675
+ animation-timing-function: ease-in;
676
+ animation-duration: 0.3s;
677
+ }
678
+ @keyframes Toastify__spin {
679
+ from {
680
+ transform: rotate(0deg);
681
+ }
682
+ to {
683
+ transform: rotate(360deg);
684
+ }
685
+ }
686
+ @layer theme, base, components, utilities;
687
+ @layer theme {
688
+ :root, :host {
689
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
690
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
691
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
692
+ "Courier New", monospace;
693
+ --color-red-800: hsl(5 81% 61%);
694
+ --color-red-900: hsl(5 81% 56%);
695
+ --color-slate-50: hsl(210 20% 96%);
696
+ --color-gray-50: hsl(0 0% 99%);
697
+ --color-gray-100: hsl(0 0% 96%);
698
+ --color-gray-200: hsl(0 0% 94%);
699
+ --color-gray-300: hsl(210 3% 85%);
700
+ --color-gray-400: hsl(180 2% 78%);
701
+ --color-gray-500: hsl(200 2% 63%);
702
+ --color-gray-600: hsl(200 4% 44%);
703
+ --color-gray-700: hsl(189 5% 29%);
704
+ --color-gray-800: hsl(200 4% 26%);
705
+ --color-gray-900: hsl(192 5% 21%);
706
+ --spacing: 0.25rem;
707
+ --container-sm: 24rem;
708
+ --container-6xl: 72rem;
709
+ --text-sm: 0.875rem;
710
+ --text-sm--line-height: calc(1.25 / 0.875);
711
+ --text-lg: 1.125rem;
712
+ --text-lg--line-height: calc(1.75 / 1.125);
713
+ --text-xl: 1.25rem;
714
+ --text-xl--line-height: calc(1.75 / 1.25);
715
+ --font-weight-medium: 500;
716
+ --font-weight-semibold: 600;
717
+ --font-weight-bold: 700;
718
+ --radius-md: 0.375rem;
719
+ --radius-lg: 0.5rem;
720
+ --radius-xl: 0.75rem;
721
+ --radius-3xl: 1.5rem;
722
+ --default-transition-duration: 150ms;
723
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
724
+ --default-font-family: var(--font-sans);
725
+ --default-font-feature-settings: var(--font-sans--font-feature-settings);
726
+ --default-font-variation-settings: var(
727
+ --font-sans--font-variation-settings
728
+ );
729
+ --default-mono-font-family: var(--font-mono);
730
+ --default-mono-font-feature-settings: var(
731
+ --font-mono--font-feature-settings
732
+ );
733
+ --default-mono-font-variation-settings: var(
734
+ --font-mono--font-variation-settings
735
+ );
736
+ }
737
+ }
738
+ @layer base {
739
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
740
+ box-sizing: border-box;
741
+ margin: 0;
742
+ padding: 0;
743
+ border: 0 solid;
744
+ }
745
+ html, :host {
746
+ line-height: 1.5;
747
+ -webkit-text-size-adjust: 100%;
748
+ tab-size: 4;
749
+ font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
750
+ font-feature-settings: var(--default-font-feature-settings, normal);
751
+ font-variation-settings: var( --default-font-variation-settings, normal );
752
+ -webkit-tap-highlight-color: transparent;
753
+ }
754
+ body {
755
+ line-height: inherit;
756
+ }
757
+ hr {
758
+ height: 0;
759
+ color: inherit;
760
+ border-top-width: 1px;
761
+ }
762
+ abbr:where([title]) {
763
+ -webkit-text-decoration: underline dotted;
764
+ text-decoration: underline dotted;
765
+ }
766
+ h1, h2, h3, h4, h5, h6 {
767
+ font-size: inherit;
768
+ font-weight: inherit;
769
+ }
770
+ a {
771
+ color: inherit;
772
+ -webkit-text-decoration: inherit;
773
+ text-decoration: inherit;
774
+ }
775
+ b, strong {
776
+ font-weight: bolder;
777
+ }
778
+ code, kbd, samp, pre {
779
+ font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
780
+ font-feature-settings: var( --default-mono-font-feature-settings, normal );
781
+ font-variation-settings: var( --default-mono-font-variation-settings, normal );
782
+ font-size: 1em;
783
+ }
784
+ small {
785
+ font-size: 80%;
786
+ }
787
+ sub, sup {
788
+ font-size: 75%;
789
+ line-height: 0;
790
+ position: relative;
791
+ vertical-align: baseline;
792
+ }
793
+ sub {
794
+ bottom: -0.25em;
795
+ }
796
+ sup {
797
+ top: -0.5em;
798
+ }
799
+ table {
800
+ text-indent: 0;
801
+ border-color: inherit;
802
+ border-collapse: collapse;
803
+ }
804
+ :-moz-focusring {
805
+ outline: auto;
806
+ }
807
+ progress {
808
+ vertical-align: baseline;
809
+ }
810
+ summary {
811
+ display: list-item;
812
+ }
813
+ ol, ul, menu {
814
+ list-style: none;
815
+ }
816
+ img, svg, video, canvas, audio, iframe, embed, object {
817
+ display: block;
818
+ vertical-align: middle;
819
+ }
820
+ img, video {
821
+ max-width: 100%;
822
+ height: auto;
823
+ }
824
+ button, input, select, optgroup, textarea, ::file-selector-button {
825
+ font: inherit;
826
+ font-feature-settings: inherit;
827
+ font-variation-settings: inherit;
828
+ letter-spacing: inherit;
829
+ color: inherit;
830
+ border-radius: 0;
831
+ background-color: transparent;
832
+ opacity: 1;
833
+ }
834
+ :where(select:is([multiple], [size])) optgroup {
835
+ font-weight: bolder;
836
+ }
837
+ :where(select:is([multiple], [size])) optgroup option {
838
+ padding-inline-start: 20px;
839
+ }
840
+ ::file-selector-button {
841
+ margin-inline-end: 4px;
842
+ }
843
+ ::placeholder {
844
+ opacity: 1;
845
+ color: color-mix(in oklab, currentColor 50%, transparent);
846
+ }
847
+ textarea {
848
+ resize: vertical;
849
+ }
850
+ ::-webkit-search-decoration {
851
+ -webkit-appearance: none;
852
+ }
853
+ ::-webkit-date-and-time-value {
854
+ min-height: 1lh;
855
+ text-align: inherit;
856
+ }
857
+ ::-webkit-datetime-edit {
858
+ display: inline-flex;
859
+ }
860
+ ::-webkit-datetime-edit-fields-wrapper {
861
+ padding: 0;
862
+ }
863
+ ::-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 {
864
+ padding-block: 0;
865
+ }
866
+ :-moz-ui-invalid {
867
+ box-shadow: none;
868
+ }
869
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
870
+ appearance: button;
871
+ }
872
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
873
+ height: auto;
874
+ }
875
+ [hidden]:where(:not([hidden="until-found"])) {
876
+ display: none !important;
877
+ }
878
+ }
879
+ @layer utilities {
880
+ .absolute {
881
+ position: absolute;
882
+ }
883
+ .fixed {
884
+ position: fixed;
885
+ }
886
+ .relative {
887
+ position: relative;
888
+ }
889
+ .top-1 {
890
+ top: calc(var(--spacing) * 1);
891
+ }
892
+ .top-8 {
893
+ top: calc(var(--spacing) * 8);
894
+ }
895
+ .right-1 {
896
+ right: calc(var(--spacing) * 1);
897
+ }
898
+ .col-span-1 {
899
+ grid-column: span 1 / span 1;
900
+ }
901
+ .col-span-2 {
902
+ grid-column: span 2 / span 2;
903
+ }
904
+ .mx-auto {
905
+ margin-inline: auto;
906
+ }
907
+ .my-2 {
908
+ margin-block: calc(var(--spacing) * 2);
909
+ }
910
+ .my-4 {
911
+ margin-block: calc(var(--spacing) * 4);
912
+ }
913
+ .my-6 {
914
+ margin-block: calc(var(--spacing) * 6);
915
+ }
916
+ .my-8 {
917
+ margin-block: calc(var(--spacing) * 8);
918
+ }
919
+ .mt-1 {
920
+ margin-top: calc(var(--spacing) * 1);
921
+ }
922
+ .mt-4 {
923
+ margin-top: calc(var(--spacing) * 4);
924
+ }
925
+ .mt-6 {
926
+ margin-top: calc(var(--spacing) * 6);
927
+ }
928
+ .mb-2 {
929
+ margin-bottom: calc(var(--spacing) * 2);
930
+ }
931
+ .mb-6 {
932
+ margin-bottom: calc(var(--spacing) * 6);
933
+ }
934
+ .ml-4 {
935
+ margin-left: calc(var(--spacing) * 4);
936
+ }
937
+ .block {
938
+ display: block;
939
+ }
940
+ .flex {
941
+ display: flex;
942
+ }
943
+ .grid {
944
+ display: grid;
945
+ }
946
+ .hidden {
947
+ display: none;
948
+ }
949
+ .inline-block {
950
+ display: inline-block;
951
+ }
952
+ .table {
953
+ display: table;
954
+ }
955
+ .size-0 {
956
+ width: calc(var(--spacing) * 0);
957
+ height: calc(var(--spacing) * 0);
958
+ }
959
+ .size-6 {
960
+ width: calc(var(--spacing) * 6);
961
+ height: calc(var(--spacing) * 6);
962
+ }
963
+ .h-1 {
964
+ height: calc(var(--spacing) * 1);
965
+ }
966
+ .h-1\.5 {
967
+ height: calc(var(--spacing) * 1.5);
968
+ }
969
+ .h-9 {
970
+ height: calc(var(--spacing) * 9);
971
+ }
972
+ .h-10 {
973
+ height: calc(var(--spacing) * 10);
974
+ }
975
+ .h-full {
976
+ height: 100%;
977
+ }
978
+ .h-px {
979
+ height: 1px;
980
+ }
981
+ .min-h-0 {
982
+ min-height: calc(var(--spacing) * 0);
983
+ }
984
+ .min-h-10 {
985
+ min-height: calc(var(--spacing) * 10);
986
+ }
987
+ .min-h-dvh {
988
+ min-height: 100dvh;
989
+ }
990
+ .w-1\/2 {
991
+ width: calc(1/2 * 100%);
992
+ }
993
+ .w-fit {
994
+ width: fit-content;
995
+ }
996
+ .w-full {
997
+ width: 100%;
998
+ }
999
+ .max-w-6xl {
1000
+ max-width: var(--container-6xl);
1001
+ }
1002
+ .max-w-sm {
1003
+ max-width: var(--container-sm);
1004
+ }
1005
+ .flex-1 {
1006
+ flex: 1;
1007
+ }
1008
+ .shrink-0 {
1009
+ flex-shrink: 0;
1010
+ }
1011
+ .rotate-0 {
1012
+ rotate: 0deg;
1013
+ }
1014
+ .rotate-180 {
1015
+ rotate: 180deg;
1016
+ }
1017
+ .transform {
1018
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
1019
+ }
1020
+ .resize {
1021
+ resize: both;
1022
+ }
1023
+ .resize-none {
1024
+ resize: none;
1025
+ }
1026
+ .list-disc {
1027
+ list-style-type: disc;
1028
+ }
1029
+ .grid-cols-2 {
1030
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1031
+ }
1032
+ .grid-cols-3 {
1033
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1034
+ }
1035
+ .grid-rows-\[auto\,1fr\] {
1036
+ grid-template-rows: auto,1fr;
1037
+ }
1038
+ .flex-col {
1039
+ flex-direction: column;
1040
+ }
1041
+ .items-center {
1042
+ align-items: center;
1043
+ }
1044
+ .items-end {
1045
+ align-items: flex-end;
1046
+ }
1047
+ .items-start {
1048
+ align-items: flex-start;
1049
+ }
1050
+ .justify-center {
1051
+ justify-content: center;
1052
+ }
1053
+ .gap-2 {
1054
+ gap: calc(var(--spacing) * 2);
1055
+ }
1056
+ .gap-4 {
1057
+ gap: calc(var(--spacing) * 4);
1058
+ }
1059
+ .gap-x-12 {
1060
+ column-gap: calc(var(--spacing) * 12);
1061
+ }
1062
+ .overflow-hidden {
1063
+ overflow: hidden;
1064
+ }
1065
+ .overflow-visible {
1066
+ overflow: visible;
1067
+ }
1068
+ .rounded-3xl {
1069
+ border-radius: var(--radius-3xl);
1070
+ }
1071
+ .rounded-lg {
1072
+ border-radius: var(--radius-lg);
1073
+ }
1074
+ .rounded-md {
1075
+ border-radius: var(--radius-md);
1076
+ }
1077
+ .rounded-xl {
1078
+ border-radius: var(--radius-xl);
1079
+ }
1080
+ .border {
1081
+ border-style: var(--tw-border-style);
1082
+ border-width: 1px;
1083
+ }
1084
+ .border-none {
1085
+ --tw-border-style: none;
1086
+ border-style: none;
1087
+ }
1088
+ .border-gray-200 {
1089
+ border-color: var(--color-gray-200);
1090
+ }
1091
+ .border-gray-400 {
1092
+ border-color: var(--color-gray-400);
1093
+ }
1094
+ .bg-gray-50 {
1095
+ background-color: var(--color-gray-50);
1096
+ }
1097
+ .bg-gray-100 {
1098
+ background-color: var(--color-gray-100);
1099
+ }
1100
+ .bg-gray-200 {
1101
+ background-color: var(--color-gray-200);
1102
+ }
1103
+ .bg-slate-50 {
1104
+ background-color: var(--color-slate-50);
1105
+ }
1106
+ .bg-transparent {
1107
+ background-color: transparent;
1108
+ }
1109
+ .p-1 {
1110
+ padding: calc(var(--spacing) * 1);
1111
+ }
1112
+ .p-2 {
1113
+ padding: calc(var(--spacing) * 2);
1114
+ }
1115
+ .p-6 {
1116
+ padding: calc(var(--spacing) * 6);
1117
+ }
1118
+ .px-3 {
1119
+ padding-inline: calc(var(--spacing) * 3);
1120
+ }
1121
+ .px-4 {
1122
+ padding-inline: calc(var(--spacing) * 4);
1123
+ }
1124
+ .py-1 {
1125
+ padding-block: calc(var(--spacing) * 1);
1126
+ }
1127
+ .py-2 {
1128
+ padding-block: calc(var(--spacing) * 2);
1129
+ }
1130
+ .pt-8 {
1131
+ padding-top: calc(var(--spacing) * 8);
1132
+ }
1133
+ .pr-6 {
1134
+ padding-right: calc(var(--spacing) * 6);
1135
+ }
1136
+ .pb-8 {
1137
+ padding-bottom: calc(var(--spacing) * 8);
1138
+ }
1139
+ .pl-0 {
1140
+ padding-left: calc(var(--spacing) * 0);
1141
+ }
1142
+ .text-right {
1143
+ text-align: right;
1144
+ }
1145
+ .text-lg {
1146
+ font-size: var(--text-lg);
1147
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1148
+ }
1149
+ .text-sm {
1150
+ font-size: var(--text-sm);
1151
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1152
+ }
1153
+ .text-xl {
1154
+ font-size: var(--text-xl);
1155
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1156
+ }
1157
+ .text-\[0\.8rem\] {
1158
+ font-size: 0.8rem;
1159
+ }
1160
+ .leading-none {
1161
+ --tw-leading: 1;
1162
+ line-height: 1;
1163
+ }
1164
+ .font-bold {
1165
+ --tw-font-weight: var(--font-weight-bold);
1166
+ font-weight: var(--font-weight-bold);
1167
+ }
1168
+ .font-medium {
1169
+ --tw-font-weight: var(--font-weight-medium);
1170
+ font-weight: var(--font-weight-medium);
1171
+ }
1172
+ .font-semibold {
1173
+ --tw-font-weight: var(--font-weight-semibold);
1174
+ font-weight: var(--font-weight-semibold);
1175
+ }
1176
+ .whitespace-nowrap {
1177
+ white-space: nowrap;
1178
+ }
1179
+ .text-gray-500 {
1180
+ color: var(--color-gray-500);
1181
+ }
1182
+ .text-gray-600 {
1183
+ color: var(--color-gray-600);
1184
+ }
1185
+ .text-gray-700 {
1186
+ color: var(--color-gray-700);
1187
+ }
1188
+ .text-gray-800 {
1189
+ color: var(--color-gray-800);
1190
+ }
1191
+ .text-gray-900 {
1192
+ color: var(--color-gray-900);
1193
+ }
1194
+ .text-red-800 {
1195
+ color: var(--color-red-800);
1196
+ }
1197
+ .text-red-900 {
1198
+ color: var(--color-red-900);
1199
+ }
1200
+ .capitalize {
1201
+ text-transform: capitalize;
1202
+ }
1203
+ .lowercase {
1204
+ text-transform: lowercase;
1205
+ }
1206
+ .uppercase {
1207
+ text-transform: uppercase;
1208
+ }
1209
+ .shadow {
1210
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1211
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1212
+ }
1213
+ .shadow-\[inset_0px_0px_2px_rgba\(255\,255\,255\,0\.50\)\] {
1214
+ --tw-shadow: inset 0px 0px 2px var(--tw-shadow-color, rgba(255,255,255,0.50));
1215
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1216
+ }
1217
+ .outline {
1218
+ outline-style: var(--tw-outline-style);
1219
+ outline-width: 1px;
1220
+ }
1221
+ .blur {
1222
+ --tw-blur: blur(8px);
1223
+ 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,);
1224
+ }
1225
+ .filter {
1226
+ 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,);
1227
+ }
1228
+ .transition-all {
1229
+ transition-property: all;
1230
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1231
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1232
+ }
1233
+ .transition-colors {
1234
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1235
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1236
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1237
+ }
1238
+ .transition-transform {
1239
+ transition-property: transform, translate, scale, rotate;
1240
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1241
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1242
+ }
1243
+ .peer-disabled\:cursor-not-allowed {
1244
+ &:is(:where(.peer):disabled ~ *) {
1245
+ cursor: not-allowed;
1246
+ }
1247
+ }
1248
+ .peer-disabled\:opacity-70 {
1249
+ &:is(:where(.peer):disabled ~ *) {
1250
+ opacity: 70%;
1251
+ }
1252
+ }
1253
+ .placeholder\:text-gray-600 {
1254
+ &::placeholder {
1255
+ color: var(--color-gray-600);
1256
+ }
1257
+ }
1258
+ .hover\:bg-gray-100 {
1259
+ &:hover {
1260
+ @media (hover: hover) {
1261
+ background-color: var(--color-gray-100);
1262
+ }
1263
+ }
1264
+ }
1265
+ .hover\:text-gray-500 {
1266
+ &:hover {
1267
+ @media (hover: hover) {
1268
+ color: var(--color-gray-500);
1269
+ }
1270
+ }
1271
+ }
1272
+ .hover\:text-gray-900 {
1273
+ &:hover {
1274
+ @media (hover: hover) {
1275
+ color: var(--color-gray-900);
1276
+ }
1277
+ }
1278
+ }
1279
+ .focus-visible\:bg-gray-200 {
1280
+ &:focus-visible {
1281
+ background-color: var(--color-gray-200);
1282
+ }
1283
+ }
1284
+ .focus-visible\:ring-2 {
1285
+ &:focus-visible {
1286
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1287
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1288
+ }
1289
+ }
1290
+ .focus-visible\:ring-offset-2 {
1291
+ &:focus-visible {
1292
+ --tw-ring-offset-width: 2px;
1293
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1294
+ }
1295
+ }
1296
+ .focus-visible\:outline-none {
1297
+ &:focus-visible {
1298
+ --tw-outline-style: none;
1299
+ outline-style: none;
1300
+ }
1301
+ }
1302
+ .disabled\:pointer-events-none {
1303
+ &:disabled {
1304
+ pointer-events: none;
1305
+ }
1306
+ }
1307
+ .disabled\:cursor-not-allowed {
1308
+ &:disabled {
1309
+ cursor: not-allowed;
1310
+ }
1311
+ }
1312
+ .disabled\:opacity-50 {
1313
+ &:disabled {
1314
+ opacity: 50%;
1315
+ }
1316
+ }
1317
+ .data-\[state\=active\]\:bg-gray-50 {
1318
+ &[data-state="active"] {
1319
+ background-color: var(--color-gray-50);
1320
+ }
1321
+ }
1322
+ .data-\[state\=active\]\:text-gray-800 {
1323
+ &[data-state="active"] {
1324
+ color: var(--color-gray-800);
1325
+ }
1326
+ }
1327
+ .data-\[state\=active\]\:shadow-\[0px_16px_16px_-4px_rgba\(0\,0\,0\,0\.10\)\] {
1328
+ &[data-state="active"] {
1329
+ --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.10));
1330
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1331
+ }
1332
+ }
1333
+ }
1334
+ :root {
1335
+ --toastify-toast-min-height: 48px;
1336
+ --toastify-toast-bd-radius: 8px;
1337
+ --toastify-text-color-light: var(--color-gray-800);
1338
+ --toastify-color-progress-info: var(--color-gray-300);
1339
+ --toastify-color-progress-success: var(--color-gray-300);
1340
+ --toastify-color-progress-warning: var(--color-gray-300);
1341
+ --toastify-color-progress-error: var(--color-gray-300);
1342
+ --toastify-color-progress-light: var(--color-gray-300);
1343
+ }
1344
+ html:has(dialog[open]) {
1345
+ overflow: hidden;
1346
+ }
1347
+ .checkbox-container input[type="checkbox"] {
1348
+ accent-color: var(--color-gray-900);
1349
+ }
1350
+ .rmsc {
1351
+ --rmsc-main: var(--color-gray-300) !important;
1352
+ --rmsc-hover: var(--color-gray-100) !important;
1353
+ --rmsc-selected: var(--color-gray-300) !important;
1354
+ }
1355
+ .Toastify__toast-body {
1356
+ padding: 0;
1357
+ margin: 0;
1358
+ font-size: 14px;
1359
+ font-weight: 600;
1360
+ }
1361
+ .Toastify__toast {
1362
+ box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.32);
1363
+ padding: 12px 16px 12px 16px;
1364
+ }
1365
+ .Toastify__progress-bar--wrp {
1366
+ height: 2px;
1367
+ }
1368
+ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
1369
+ -webkit-appearance: none;
1370
+ -moz-appearance: none;
1371
+ appearance: none;
1372
+ margin: 0;
1373
+ }
1374
+ input[type="number"] {
1375
+ -moz-appearance: textfield;
1376
+ }
1377
+ h1, h2, h3, h4, h5, h6, p {
1378
+ color: var(--color-gray-900);
1379
+ }
1380
+ @layer theme, base, components, utilities;
1381
+ @layer theme;
1382
+ @layer base {
1383
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
1384
+ box-sizing: border-box;
1385
+ margin: 0;
1386
+ padding: 0;
1387
+ border: 0 solid;
1388
+ }
1389
+ html, :host {
1390
+ line-height: 1.5;
1391
+ -webkit-text-size-adjust: 100%;
1392
+ tab-size: 4;
1393
+ font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
1394
+ font-feature-settings: var(--default-font-feature-settings, normal);
1395
+ font-variation-settings: var( --default-font-variation-settings, normal );
1396
+ -webkit-tap-highlight-color: transparent;
1397
+ }
1398
+ body {
1399
+ line-height: inherit;
1400
+ }
1401
+ hr {
1402
+ height: 0;
1403
+ color: inherit;
1404
+ border-top-width: 1px;
1405
+ }
1406
+ abbr:where([title]) {
1407
+ -webkit-text-decoration: underline dotted;
1408
+ text-decoration: underline dotted;
1409
+ }
1410
+ h1, h2, h3, h4, h5, h6 {
1411
+ font-size: inherit;
1412
+ font-weight: inherit;
1413
+ }
1414
+ a {
1415
+ color: inherit;
1416
+ -webkit-text-decoration: inherit;
1417
+ text-decoration: inherit;
1418
+ }
1419
+ b, strong {
1420
+ font-weight: bolder;
1421
+ }
1422
+ code, kbd, samp, pre {
1423
+ font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
1424
+ font-feature-settings: var( --default-mono-font-feature-settings, normal );
1425
+ font-variation-settings: var( --default-mono-font-variation-settings, normal );
1426
+ font-size: 1em;
1427
+ }
1428
+ small {
1429
+ font-size: 80%;
1430
+ }
1431
+ sub, sup {
1432
+ font-size: 75%;
1433
+ line-height: 0;
1434
+ position: relative;
1435
+ vertical-align: baseline;
1436
+ }
1437
+ sub {
1438
+ bottom: -0.25em;
1439
+ }
1440
+ sup {
1441
+ top: -0.5em;
1442
+ }
1443
+ table {
1444
+ text-indent: 0;
1445
+ border-color: inherit;
1446
+ border-collapse: collapse;
1447
+ }
1448
+ :-moz-focusring {
1449
+ outline: auto;
1450
+ }
1451
+ progress {
1452
+ vertical-align: baseline;
1453
+ }
1454
+ summary {
1455
+ display: list-item;
1456
+ }
1457
+ ol, ul, menu {
1458
+ list-style: none;
1459
+ }
1460
+ img, svg, video, canvas, audio, iframe, embed, object {
1461
+ display: block;
1462
+ vertical-align: middle;
1463
+ }
1464
+ img, video {
1465
+ max-width: 100%;
1466
+ height: auto;
1467
+ }
1468
+ button, input, select, optgroup, textarea, ::file-selector-button {
1469
+ font: inherit;
1470
+ font-feature-settings: inherit;
1471
+ font-variation-settings: inherit;
1472
+ letter-spacing: inherit;
1473
+ color: inherit;
1474
+ border-radius: 0;
1475
+ background-color: transparent;
1476
+ opacity: 1;
1477
+ }
1478
+ :where(select:is([multiple], [size])) optgroup {
1479
+ font-weight: bolder;
1480
+ }
1481
+ :where(select:is([multiple], [size])) optgroup option {
1482
+ padding-inline-start: 20px;
1483
+ }
1484
+ ::file-selector-button {
1485
+ margin-inline-end: 4px;
1486
+ }
1487
+ ::placeholder {
1488
+ opacity: 1;
1489
+ color: color-mix(in oklab, currentColor 50%, transparent);
1490
+ }
1491
+ textarea {
1492
+ resize: vertical;
1493
+ }
1494
+ ::-webkit-search-decoration {
1495
+ -webkit-appearance: none;
1496
+ }
1497
+ ::-webkit-date-and-time-value {
1498
+ min-height: 1lh;
1499
+ text-align: inherit;
1500
+ }
1501
+ ::-webkit-datetime-edit {
1502
+ display: inline-flex;
1503
+ }
1504
+ ::-webkit-datetime-edit-fields-wrapper {
1505
+ padding: 0;
1506
+ }
1507
+ ::-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 {
1508
+ padding-block: 0;
1509
+ }
1510
+ :-moz-ui-invalid {
1511
+ box-shadow: none;
1512
+ }
1513
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
1514
+ appearance: button;
1515
+ }
1516
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
1517
+ height: auto;
1518
+ }
1519
+ [hidden]:where(:not([hidden="until-found"])) {
1520
+ display: none !important;
1521
+ }
1522
+ }
1523
+ @layer utilities;
1524
+ @property --tw-rotate-x {
1525
+ syntax: "*";
1526
+ inherits: false;
1527
+ initial-value: rotateX(0);
1528
+ }
1529
+ @property --tw-rotate-y {
1530
+ syntax: "*";
1531
+ inherits: false;
1532
+ initial-value: rotateY(0);
1533
+ }
1534
+ @property --tw-rotate-z {
1535
+ syntax: "*";
1536
+ inherits: false;
1537
+ initial-value: rotateZ(0);
1538
+ }
1539
+ @property --tw-skew-x {
1540
+ syntax: "*";
1541
+ inherits: false;
1542
+ initial-value: skewX(0);
1543
+ }
1544
+ @property --tw-skew-y {
1545
+ syntax: "*";
1546
+ inherits: false;
1547
+ initial-value: skewY(0);
1548
+ }
1549
+ @property --tw-border-style {
1550
+ syntax: "*";
1551
+ inherits: false;
1552
+ initial-value: solid;
1553
+ }
1554
+ @property --tw-leading {
1555
+ syntax: "*";
1556
+ inherits: false;
1557
+ }
1558
+ @property --tw-font-weight {
1559
+ syntax: "*";
1560
+ inherits: false;
1561
+ }
1562
+ @property --tw-shadow {
1563
+ syntax: "*";
1564
+ inherits: false;
1565
+ initial-value: 0 0 #0000;
1566
+ }
1567
+ @property --tw-shadow-color {
1568
+ syntax: "*";
1569
+ inherits: false;
1570
+ }
1571
+ @property --tw-inset-shadow {
1572
+ syntax: "*";
1573
+ inherits: false;
1574
+ initial-value: 0 0 #0000;
1575
+ }
1576
+ @property --tw-inset-shadow-color {
1577
+ syntax: "*";
1578
+ inherits: false;
1579
+ }
1580
+ @property --tw-ring-color {
1581
+ syntax: "*";
1582
+ inherits: false;
1583
+ }
1584
+ @property --tw-ring-shadow {
1585
+ syntax: "*";
1586
+ inherits: false;
1587
+ initial-value: 0 0 #0000;
1588
+ }
1589
+ @property --tw-inset-ring-color {
1590
+ syntax: "*";
1591
+ inherits: false;
1592
+ }
1593
+ @property --tw-inset-ring-shadow {
1594
+ syntax: "*";
1595
+ inherits: false;
1596
+ initial-value: 0 0 #0000;
1597
+ }
1598
+ @property --tw-ring-inset {
1599
+ syntax: "*";
1600
+ inherits: false;
1601
+ }
1602
+ @property --tw-ring-offset-width {
1603
+ syntax: "<length>";
1604
+ inherits: false;
1605
+ initial-value: 0px;
1606
+ }
1607
+ @property --tw-ring-offset-color {
1608
+ syntax: "*";
1609
+ inherits: false;
1610
+ initial-value: #fff;
1611
+ }
1612
+ @property --tw-ring-offset-shadow {
1613
+ syntax: "*";
1614
+ inherits: false;
1615
+ initial-value: 0 0 #0000;
1616
+ }
1617
+ @property --tw-outline-style {
1618
+ syntax: "*";
1619
+ inherits: false;
1620
+ initial-value: solid;
1621
+ }
1622
+ @property --tw-blur {
1623
+ syntax: "*";
1624
+ inherits: false;
1625
+ }
1626
+ @property --tw-brightness {
1627
+ syntax: "*";
1628
+ inherits: false;
1629
+ }
1630
+ @property --tw-contrast {
1631
+ syntax: "*";
1632
+ inherits: false;
1633
+ }
1634
+ @property --tw-grayscale {
1635
+ syntax: "*";
1636
+ inherits: false;
1637
+ }
1638
+ @property --tw-hue-rotate {
1639
+ syntax: "*";
1640
+ inherits: false;
1641
+ }
1642
+ @property --tw-invert {
1643
+ syntax: "*";
1644
+ inherits: false;
1645
+ }
1646
+ @property --tw-opacity {
1647
+ syntax: "*";
1648
+ inherits: false;
1649
+ }
1650
+ @property --tw-saturate {
1651
+ syntax: "*";
1652
+ inherits: false;
1653
+ }
1654
+ @property --tw-sepia {
1655
+ syntax: "*";
1656
+ inherits: false;
1657
+ }
1658
+ @property --tw-drop-shadow {
1659
+ syntax: "*";
1660
+ inherits: false;
1661
+ }