@ocelescope/filter 0.1.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.
package/dist/style.css ADDED
@@ -0,0 +1,1468 @@
1
+ .m_468e7eda {
2
+ appearance: none;
3
+ padding-top: 0;
4
+ padding-bottom: 0;
5
+ }
6
+
7
+ .m_468e7eda::-webkit-calendar-picker-indicator {
8
+ display: none;
9
+ }
10
+
11
+ .m_468e7eda::-webkit-clear-button {
12
+ display: none;
13
+ }
14
+
15
+ .m_468e7eda::-webkit-datetime-edit-hour-field, .m_468e7eda::-webkit-datetime-edit-minute-field, .m_468e7eda::-webkit-datetime-edit-second-field, .m_468e7eda::-webkit-datetime-edit-ampm-field {
16
+ max-height: calc(1.875rem * var(--mantine-scale));
17
+ padding-top: 0;
18
+ display: inline;
19
+ }
20
+
21
+ .m_468e7eda::-webkit-datetime-edit-hour-field:focus, .m_468e7eda::-webkit-datetime-edit-minute-field:focus, .m_468e7eda::-webkit-datetime-edit-second-field:focus, .m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
22
+ background-color: var(--mantine-primary-color-filled);
23
+ color: var(--mantine-color-white);
24
+ }
25
+
26
+ .m_7a8f1e6d {
27
+ align-items: center;
28
+ height: 100%;
29
+ display: flex;
30
+ overflow: hidden;
31
+ }
32
+
33
+ :where([dir="rtl"]) .m_7a8f1e6d {
34
+ flex-direction: row-reverse;
35
+ }
36
+
37
+ .m_d6bb0a54 {
38
+ height: calc(var(--input-height) - 15px);
39
+ align-items: center;
40
+ display: flex;
41
+ }
42
+
43
+ .m_b97ecb26 {
44
+ flex-direction: column;
45
+ display: flex;
46
+ }
47
+
48
+ .m_31fe42f9 {
49
+ gap: calc(.25rem * var(--mantine-scale));
50
+ display: flex;
51
+ }
52
+
53
+ .m_9c4817c3 {
54
+ padding: calc(.25rem * var(--mantine-scale));
55
+ }
56
+
57
+ .m_154c536b {
58
+ text-align: center;
59
+ border-radius: var(--mantine-radius-default);
60
+ width: max-content;
61
+ min-width: 2.5em;
62
+ height: 2em;
63
+ font-size: var(--control-font-size, var(--mantine-font-size-sm));
64
+ }
65
+
66
+ .m_154c536b:where([data-active]) {
67
+ background-color: var(--mantine-primary-color-filled);
68
+ color: var(--mantine-color-white);
69
+ }
70
+
71
+ @media (hover: hover) {
72
+ .m_154c536b:hover:where(:not([data-active])) {
73
+ color: var(--mantine-color-bright);
74
+ }
75
+
76
+ :where([data-mantine-color-scheme="dark"]) .m_154c536b:hover:where(:not([data-active])) {
77
+ background-color: var(--mantine-color-dark-5);
78
+ }
79
+
80
+ :where([data-mantine-color-scheme="light"]) .m_154c536b:hover:where(:not([data-active])) {
81
+ background-color: var(--mantine-color-gray-1);
82
+ }
83
+ }
84
+
85
+ @media (hover: none) {
86
+ .m_154c536b:active:where(:not([data-active])) {
87
+ color: var(--mantine-color-bright);
88
+ }
89
+
90
+ :where([data-mantine-color-scheme="dark"]) .m_154c536b:active:where(:not([data-active])) {
91
+ background-color: var(--mantine-color-dark-5);
92
+ }
93
+
94
+ :where([data-mantine-color-scheme="light"]) .m_154c536b:active:where(:not([data-active])) {
95
+ background-color: var(--mantine-color-gray-1);
96
+ }
97
+ }
98
+
99
+ .m_7be09d0c {
100
+ text-align: center;
101
+ border-radius: var(--mantine-radius-default);
102
+ height: 2em;
103
+ font-size: var(--control-font-size, var(--mantine-font-size-sm));
104
+ padding-inline: .5em;
105
+ }
106
+
107
+ .m_7be09d0c:where([data-active]) {
108
+ background-color: var(--mantine-primary-color-filled);
109
+ color: var(--mantine-color-white);
110
+ }
111
+
112
+ @media (hover: hover) {
113
+ .m_7be09d0c:hover:where(:not([data-active])) {
114
+ color: var(--mantine-color-bright);
115
+ }
116
+
117
+ :where([data-mantine-color-scheme="dark"]) .m_7be09d0c:hover:where(:not([data-active])) {
118
+ background-color: var(--mantine-color-dark-5);
119
+ }
120
+
121
+ :where([data-mantine-color-scheme="light"]) .m_7be09d0c:hover:where(:not([data-active])) {
122
+ background-color: var(--mantine-color-gray-1);
123
+ }
124
+ }
125
+
126
+ @media (hover: none) {
127
+ .m_7be09d0c:active:where(:not([data-active])) {
128
+ color: var(--mantine-color-bright);
129
+ }
130
+
131
+ :where([data-mantine-color-scheme="dark"]) .m_7be09d0c:active:where(:not([data-active])) {
132
+ background-color: var(--mantine-color-dark-5);
133
+ }
134
+
135
+ :where([data-mantine-color-scheme="light"]) .m_7be09d0c:active:where(:not([data-active])) {
136
+ background-color: var(--mantine-color-gray-1);
137
+ }
138
+ }
139
+
140
+ .m_7d00001d + .m_7d00001d {
141
+ margin-top: var(--mantine-spacing-sm);
142
+ }
143
+
144
+ .m_d8d918d7 {
145
+ margin-bottom: calc(.25rem * var(--mantine-scale));
146
+ color: var(--mantine-color-dimmed);
147
+ font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
148
+ font-weight: var(--mantine-font-weight-medium);
149
+ align-items: center;
150
+ padding-inline-start: calc(.4375rem * var(--mantine-scale));
151
+ display: flex;
152
+ }
153
+
154
+ .m_d8d918d7:after {
155
+ content: "";
156
+ width: 100%;
157
+ height: calc(.0625rem * var(--mantine-scale));
158
+ flex: 1;
159
+ margin-inline-start: var(--mantine-spacing-xs);
160
+ }
161
+
162
+ :where([data-mantine-color-scheme="light"]) .m_d8d918d7:after {
163
+ background-color: var(--mantine-color-gray-2);
164
+ }
165
+
166
+ :where([data-mantine-color-scheme="dark"]) .m_d8d918d7:after {
167
+ background-color: var(--mantine-color-dark-4);
168
+ }
169
+
170
+ .m_6b43ba88 {
171
+ caret-color: #0000;
172
+ font-variant-numeric: tabular-nums;
173
+ text-align: center;
174
+ text-align-last: center;
175
+ width: calc(2ch + .3em);
176
+ height: 100%;
177
+ color: var(--input-color);
178
+ border-radius: calc(.125rem * var(--mantine-scale));
179
+ appearance: none;
180
+ background-color: #0000;
181
+ border: 0;
182
+ padding-inline: .15em;
183
+ line-height: 1;
184
+ position: relative;
185
+ }
186
+
187
+ .m_6b43ba88:where([data-am-pm]) {
188
+ width: auto;
189
+ }
190
+
191
+ .m_6b43ba88:where(:disabled) {
192
+ cursor: not-allowed;
193
+ }
194
+
195
+ .m_6b43ba88::selection {
196
+ background-color: #0000;
197
+ }
198
+
199
+ .m_6b43ba88::placeholder {
200
+ opacity: 1;
201
+ color: inherit;
202
+ }
203
+
204
+ .m_6b43ba88:focus {
205
+ background-color: var(--mantine-primary-color-filled);
206
+ color: var(--mantine-color-white);
207
+ outline: 0;
208
+ }
209
+
210
+ .m_6b43ba88:focus::placeholder {
211
+ color: var(--mantine-color-white);
212
+ }
213
+
214
+ .m_396ce5cb {
215
+ --day-size-xs: calc(1.875rem * var(--mantine-scale));
216
+ --day-size-sm: calc(2.25rem * var(--mantine-scale));
217
+ --day-size-md: calc(2.625rem * var(--mantine-scale));
218
+ --day-size-lg: calc(3rem * var(--mantine-scale));
219
+ --day-size-xl: calc(3.375rem * var(--mantine-scale));
220
+ --day-size: var(--day-size-sm);
221
+ width: var(--day-size, var(--day-size-sm));
222
+ height: var(--day-size, var(--day-size-sm));
223
+ font-size: calc(var(--day-size) / 2.8);
224
+ user-select: none;
225
+ cursor: pointer;
226
+ border-radius: var(--mantine-radius-default);
227
+ color: var(--mantine-color-text);
228
+ opacity: 1;
229
+ background-color: #0000;
230
+ justify-content: center;
231
+ align-items: center;
232
+ display: inline-flex;
233
+ }
234
+
235
+ @media (hover: hover) {
236
+ [data-mantine-color-scheme="light"] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
237
+ background-color: var(--mantine-color-gray-0);
238
+ }
239
+
240
+ [data-mantine-color-scheme="dark"] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
241
+ background-color: var(--mantine-color-dark-5);
242
+ }
243
+ }
244
+
245
+ @media (hover: none) {
246
+ [data-mantine-color-scheme="light"] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
247
+ background-color: var(--mantine-color-gray-0);
248
+ }
249
+
250
+ [data-mantine-color-scheme="dark"] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
251
+ background-color: var(--mantine-color-dark-5);
252
+ }
253
+ }
254
+
255
+ .m_396ce5cb:where([data-static]) {
256
+ user-select: auto;
257
+ cursor: default;
258
+ }
259
+
260
+ .m_396ce5cb:where([data-weekend]) {
261
+ color: var(--mantine-color-red-6);
262
+ }
263
+
264
+ .m_396ce5cb:where([data-outside]) {
265
+ color: var(--mantine-color-dimmed);
266
+ opacity: .5;
267
+ }
268
+
269
+ .m_396ce5cb:where(:disabled, [data-disabled]) {
270
+ color: var(--mantine-color-disabled-color);
271
+ cursor: not-allowed;
272
+ opacity: .5;
273
+ }
274
+
275
+ .m_396ce5cb:where([data-hidden]) {
276
+ display: none;
277
+ }
278
+
279
+ :where([data-mantine-color-scheme="light"]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
280
+ border: 1px solid var(--mantine-color-gray-4);
281
+ }
282
+
283
+ :where([data-mantine-color-scheme="dark"]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
284
+ border: 1px solid var(--mantine-color-dark-4);
285
+ }
286
+
287
+ .m_396ce5cb:where([data-in-range]) {
288
+ background-color: var(--mantine-primary-color-light);
289
+ border-radius: 0;
290
+ }
291
+
292
+ @media (hover: hover) {
293
+ .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
294
+ background-color: var(--mantine-primary-color-light);
295
+ }
296
+ }
297
+
298
+ @media (hover: none) {
299
+ .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
300
+ background-color: var(--mantine-primary-color-light);
301
+ }
302
+ }
303
+
304
+ .m_396ce5cb:where([data-first-in-range]) {
305
+ border-radius: 0;
306
+ border-start-start-radius: var(--mantine-radius-default);
307
+ border-end-start-radius: var(--mantine-radius-default);
308
+ }
309
+
310
+ .m_396ce5cb:where([data-last-in-range]) {
311
+ border-radius: 0;
312
+ border-start-end-radius: var(--mantine-radius-default);
313
+ border-end-end-radius: var(--mantine-radius-default);
314
+ }
315
+
316
+ .m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
317
+ border-radius: var(--mantine-radius-default);
318
+ }
319
+
320
+ .m_396ce5cb:where([data-full-width]) {
321
+ width: 100%;
322
+ height: auto;
323
+ min-height: var(--day-size);
324
+ aspect-ratio: 1;
325
+ }
326
+
327
+ .m_396ce5cb:where([data-selected]) {
328
+ background-color: var(--mantine-primary-color-filled);
329
+ color: var(--mantine-primary-color-contrast);
330
+ }
331
+
332
+ @media (hover: hover) {
333
+ .m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
334
+ background-color: var(--mantine-primary-color-filled-hover);
335
+ }
336
+ }
337
+
338
+ @media (hover: none) {
339
+ .m_396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
340
+ background-color: var(--mantine-primary-color-filled-hover);
341
+ }
342
+ }
343
+
344
+ .m_18a3eca {
345
+ color: var(--mantine-color-dimmed);
346
+ font-weight: var(--mantine-font-weight-regular);
347
+ font-size: var(--wr-fz, var(--mantine-font-size-sm));
348
+ text-transform: capitalize;
349
+ padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
350
+ }
351
+
352
+ .m_cc9820d3 {
353
+ border-collapse: collapse;
354
+ table-layout: fixed;
355
+ }
356
+
357
+ .m_cc9820d3[data-full-width] {
358
+ width: 100%;
359
+ }
360
+
361
+ .m_8f457cd5 {
362
+ padding: 0;
363
+ }
364
+
365
+ .m_8f457cd5:where([data-with-spacing]) {
366
+ padding: calc(.03125rem * var(--mantine-scale));
367
+ }
368
+
369
+ .m_6cff9dea {
370
+ --wn-size-xs: calc(1.875rem * var(--mantine-scale));
371
+ --wn-size-sm: calc(2.25rem * var(--mantine-scale));
372
+ --wn-size-md: calc(2.625rem * var(--mantine-scale));
373
+ --wn-size-lg: calc(3rem * var(--mantine-scale));
374
+ --wn-size-xl: calc(3.375rem * var(--mantine-scale));
375
+ color: var(--mantine-color-dimmed);
376
+ font-weight: var(--mantine-font-weight-regular);
377
+ font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
378
+ text-align: center;
379
+ width: var(--wn-size, var(--wn-size-sm));
380
+ }
381
+
382
+ .m_dc6a3c71 {
383
+ --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
384
+ --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
385
+ --dpc-size-md: calc(2.625rem * var(--mantine-scale));
386
+ --dpc-size-lg: calc(3rem * var(--mantine-scale));
387
+ --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
388
+ --dpc-size: var(--dpc-size-sm);
389
+ font-size: var(--dpc-fz, var(--mantine-font-size-sm));
390
+ height: var(--dpc-size);
391
+ width: calc((var(--dpc-size) * 7) / 3 + calc(.09375rem * var(--mantine-scale)));
392
+ user-select: none;
393
+ cursor: pointer;
394
+ color: var(--mantine-color-text);
395
+ opacity: 1;
396
+ border-radius: var(--mantine-radius-default);
397
+ background-color: #0000;
398
+ justify-content: center;
399
+ align-items: center;
400
+ display: flex;
401
+ }
402
+
403
+ @media (hover: hover) {
404
+ :where([data-mantine-color-scheme="light"]) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
405
+ background-color: var(--mantine-color-gray-0);
406
+ }
407
+
408
+ :where([data-mantine-color-scheme="dark"]) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
409
+ background-color: var(--mantine-color-dark-5);
410
+ }
411
+ }
412
+
413
+ @media (hover: none) {
414
+ :where([data-mantine-color-scheme="light"]) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
415
+ background-color: var(--mantine-color-gray-0);
416
+ }
417
+
418
+ :where([data-mantine-color-scheme="dark"]) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
419
+ background-color: var(--mantine-color-dark-5);
420
+ }
421
+ }
422
+
423
+ .m_dc6a3c71:where(:disabled, [data-disabled]) {
424
+ color: var(--mantine-color-disabled-color);
425
+ cursor: not-allowed;
426
+ opacity: .5;
427
+ }
428
+
429
+ .m_dc6a3c71:where([data-selected]) {
430
+ background-color: var(--mantine-primary-color-filled);
431
+ color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
432
+ }
433
+
434
+ @media (hover: hover) {
435
+ .m_dc6a3c71:where([data-selected]):hover {
436
+ background-color: var(--mantine-primary-color-filled-hover);
437
+ }
438
+ }
439
+
440
+ @media (hover: none) {
441
+ .m_dc6a3c71:where([data-selected]):active {
442
+ background-color: var(--mantine-primary-color-filled-hover);
443
+ }
444
+ }
445
+
446
+ .m_dc6a3c71:where([data-in-range]) {
447
+ background-color: var(--mantine-primary-color-light-hover);
448
+ border-radius: 0;
449
+ }
450
+
451
+ @media (hover: hover) {
452
+ .m_dc6a3c71:where([data-in-range]):hover {
453
+ background-color: var(--mantine-primary-color-light);
454
+ }
455
+ }
456
+
457
+ @media (hover: none) {
458
+ .m_dc6a3c71:where([data-in-range]):active {
459
+ background-color: var(--mantine-primary-color-light);
460
+ }
461
+ }
462
+
463
+ .m_dc6a3c71:where([data-first-in-range]) {
464
+ border-radius: 0;
465
+ border-start-start-radius: var(--mantine-radius-default);
466
+ border-end-start-radius: var(--mantine-radius-default);
467
+ }
468
+
469
+ .m_dc6a3c71:where([data-last-in-range]) {
470
+ border-radius: 0;
471
+ border-start-end-radius: var(--mantine-radius-default);
472
+ border-end-end-radius: var(--mantine-radius-default);
473
+ }
474
+
475
+ .m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
476
+ border-radius: var(--mantine-radius-default);
477
+ }
478
+
479
+ .m_dc6a3c71:where([data-full-width]) {
480
+ width: 100%;
481
+ }
482
+
483
+ .m_9206547b {
484
+ border-collapse: collapse;
485
+ border-width: 0;
486
+ }
487
+
488
+ .m_9206547b[data-full-width] {
489
+ width: 100%;
490
+ }
491
+
492
+ .m_c5a19c7d {
493
+ padding: 0;
494
+ }
495
+
496
+ .m_c5a19c7d:where([data-with-spacing]) {
497
+ padding: calc(.03125rem * var(--mantine-scale));
498
+ }
499
+
500
+ .m_2a6c32d {
501
+ border-collapse: collapse;
502
+ cursor: pointer;
503
+ border-width: 0;
504
+ }
505
+
506
+ .m_2a6c32d[data-full-width] {
507
+ width: 100%;
508
+ }
509
+
510
+ .m_fe27622f {
511
+ padding: 0;
512
+ }
513
+
514
+ .m_fe27622f:where([data-with-spacing]) {
515
+ padding: calc(.03125rem * var(--mantine-scale));
516
+ }
517
+
518
+ .m_730a79ed {
519
+ --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
520
+ --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
521
+ --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
522
+ --dch-control-size-lg: calc(3rem * var(--mantine-scale));
523
+ --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
524
+ --dch-control-size: var(--dch-control-size-sm);
525
+ max-width: calc(var(--dch-control-size) * 8 + calc(.4375rem * var(--mantine-scale)));
526
+ margin-bottom: var(--mantine-spacing-xs);
527
+ display: flex;
528
+ }
529
+
530
+ .m_730a79ed[data-full-width] {
531
+ width: 100%;
532
+ max-width: none;
533
+ }
534
+
535
+ .m_f6645d97, .m_2351eeb0 {
536
+ height: var(--dch-control-size);
537
+ border-radius: var(--mantine-radius-default);
538
+ user-select: none;
539
+ opacity: 1;
540
+ cursor: pointer;
541
+ justify-content: center;
542
+ align-items: center;
543
+ display: flex;
544
+ }
545
+
546
+ .m_f6645d97:where([data-static]), .m_2351eeb0:where([data-static]) {
547
+ cursor: default;
548
+ }
549
+
550
+ @media (hover: hover) {
551
+ [data-mantine-color-scheme="light"] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme="light"] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
552
+ background-color: var(--mantine-color-gray-0);
553
+ }
554
+
555
+ [data-mantine-color-scheme="dark"] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme="dark"] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
556
+ background-color: var(--mantine-color-dark-5);
557
+ }
558
+ }
559
+
560
+ @media (hover: none) {
561
+ [data-mantine-color-scheme="light"] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme="light"] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
562
+ background-color: var(--mantine-color-gray-0);
563
+ }
564
+
565
+ [data-mantine-color-scheme="dark"] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme="dark"] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
566
+ background-color: var(--mantine-color-dark-5);
567
+ }
568
+ }
569
+
570
+ .m_f6645d97:where(:disabled, [data-disabled]), .m_2351eeb0:where(:disabled, [data-disabled]) {
571
+ opacity: .2;
572
+ cursor: not-allowed;
573
+ }
574
+
575
+ .m_2351eeb0 {
576
+ width: var(--dch-control-size);
577
+ }
578
+
579
+ .m_f6645d97 {
580
+ font-size: var(--dch-fz, var(--mantine-font-size-sm));
581
+ font-weight: var(--mantine-font-weight-medium);
582
+ text-transform: capitalize;
583
+ flex: 1;
584
+ }
585
+
586
+ .m_367dc749 {
587
+ width: 60%;
588
+ height: 60%;
589
+ }
590
+
591
+ .m_367dc749:where([data-direction="next"]) {
592
+ transform: rotate(270deg);
593
+ }
594
+
595
+ :where([dir="rtl"]) .m_367dc749:where([data-direction="next"]), .m_367dc749:where([data-direction="previous"]) {
596
+ transform: rotate(90deg);
597
+ }
598
+
599
+ :where([dir="rtl"]) .m_367dc749:where([data-direction="previous"]) {
600
+ transform: rotate(270deg);
601
+ }
602
+
603
+ .m_30b26e33 {
604
+ gap: var(--mantine-spacing-md);
605
+ display: flex;
606
+ }
607
+
608
+ .m_30b26e33[data-full-width] {
609
+ width: 100%;
610
+ }
611
+
612
+ .m_30b26e33[data-full-width] > * {
613
+ flex: 1;
614
+ }
615
+
616
+ .m_6fa5e2aa {
617
+ cursor: pointer;
618
+ line-height: unset;
619
+ }
620
+
621
+ .m_6fa5e2aa:where([data-read-only]) {
622
+ cursor: default;
623
+ }
624
+
625
+ .m_d01e596f {
626
+ font-size: var(--preset-font-size);
627
+ display: flex;
628
+ }
629
+
630
+ .m_52a6b4b0 {
631
+ border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
632
+ flex-direction: column;
633
+ margin-inline-end: .5em;
634
+ padding-inline-end: .5em;
635
+ display: flex;
636
+ }
637
+
638
+ :where([data-mantine-color-scheme="light"]) .m_52a6b4b0 {
639
+ border-color: var(--mantine-color-gray-2);
640
+ }
641
+
642
+ :where([data-mantine-color-scheme="dark"]) .m_52a6b4b0 {
643
+ border-color: var(--mantine-color-dark-5);
644
+ }
645
+
646
+ .m_b0d93233 {
647
+ border-radius: var(--mantine-radius-default);
648
+ font-size: var(--preset-font-size);
649
+ white-space: nowrap;
650
+ padding: .52em .8em;
651
+ }
652
+
653
+ @media (hover: hover) {
654
+ :where([data-mantine-color-scheme="light"]) .m_b0d93233:hover {
655
+ background-color: var(--mantine-color-gray-0);
656
+ }
657
+
658
+ :where([data-mantine-color-scheme="dark"]) .m_b0d93233:hover {
659
+ background-color: var(--mantine-color-dark-5);
660
+ }
661
+ }
662
+
663
+ @media (hover: none) {
664
+ :where([data-mantine-color-scheme="light"]) .m_b0d93233:active {
665
+ background-color: var(--mantine-color-gray-0);
666
+ }
667
+
668
+ :where([data-mantine-color-scheme="dark"]) .m_b0d93233:active {
669
+ background-color: var(--mantine-color-dark-5);
670
+ }
671
+ }
672
+
673
+ .m_53c9e871 {
674
+ font-size: var(--preset-font-size);
675
+ display: flex;
676
+ }
677
+
678
+ .m_cccb8ff3 {
679
+ border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
680
+ flex-direction: column;
681
+ margin-inline-end: .5em;
682
+ padding-inline-end: .5em;
683
+ display: flex;
684
+ }
685
+
686
+ :where([data-mantine-color-scheme="light"]) .m_cccb8ff3 {
687
+ border-color: var(--mantine-color-gray-2);
688
+ }
689
+
690
+ :where([data-mantine-color-scheme="dark"]) .m_cccb8ff3 {
691
+ border-color: var(--mantine-color-dark-5);
692
+ }
693
+
694
+ .m_7b4fbf50 {
695
+ border-radius: var(--mantine-radius-default);
696
+ font-size: var(--preset-font-size);
697
+ white-space: nowrap;
698
+ padding: .52em .8em;
699
+ }
700
+
701
+ @media (hover: hover) {
702
+ :where([data-mantine-color-scheme="light"]) .m_7b4fbf50:hover {
703
+ background-color: var(--mantine-color-gray-0);
704
+ }
705
+
706
+ :where([data-mantine-color-scheme="dark"]) .m_7b4fbf50:hover {
707
+ background-color: var(--mantine-color-dark-5);
708
+ }
709
+ }
710
+
711
+ @media (hover: none) {
712
+ :where([data-mantine-color-scheme="light"]) .m_7b4fbf50:active {
713
+ background-color: var(--mantine-color-gray-0);
714
+ }
715
+
716
+ :where([data-mantine-color-scheme="dark"]) .m_7b4fbf50:active {
717
+ background-color: var(--mantine-color-dark-5);
718
+ }
719
+ }
720
+
721
+ .m_765a40cf {
722
+ font-size: var(--preset-font-size);
723
+ display: flex;
724
+ }
725
+
726
+ .m_d6a681e1 {
727
+ border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
728
+ flex-direction: column;
729
+ margin-inline-end: .5em;
730
+ padding-inline-end: .5em;
731
+ display: flex;
732
+ }
733
+
734
+ :where([data-mantine-color-scheme="light"]) .m_d6a681e1 {
735
+ border-color: var(--mantine-color-gray-2);
736
+ }
737
+
738
+ :where([data-mantine-color-scheme="dark"]) .m_d6a681e1 {
739
+ border-color: var(--mantine-color-dark-5);
740
+ }
741
+
742
+ .m_acd30b22 {
743
+ border-radius: var(--mantine-radius-default);
744
+ font-size: var(--preset-font-size);
745
+ white-space: nowrap;
746
+ padding: .52em .8em;
747
+ }
748
+
749
+ @media (hover: hover) {
750
+ :where([data-mantine-color-scheme="light"]) .m_acd30b22:hover {
751
+ background-color: var(--mantine-color-gray-0);
752
+ }
753
+
754
+ :where([data-mantine-color-scheme="dark"]) .m_acd30b22:hover {
755
+ background-color: var(--mantine-color-dark-5);
756
+ }
757
+ }
758
+
759
+ @media (hover: none) {
760
+ :where([data-mantine-color-scheme="light"]) .m_acd30b22:active {
761
+ background-color: var(--mantine-color-gray-0);
762
+ }
763
+
764
+ :where([data-mantine-color-scheme="dark"]) .m_acd30b22:active {
765
+ background-color: var(--mantine-color-dark-5);
766
+ }
767
+ }
768
+
769
+ .m_1f4d0c5 {
770
+ font-size: var(--preset-font-size);
771
+ display: flex;
772
+ }
773
+
774
+ .m_1f20081 {
775
+ border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
776
+ flex-direction: column;
777
+ margin-inline-end: .5em;
778
+ padding-inline-end: .5em;
779
+ display: flex;
780
+ }
781
+
782
+ :where([data-mantine-color-scheme="light"]) .m_1f20081 {
783
+ border-color: var(--mantine-color-gray-2);
784
+ }
785
+
786
+ :where([data-mantine-color-scheme="dark"]) .m_1f20081 {
787
+ border-color: var(--mantine-color-dark-5);
788
+ }
789
+
790
+ .m_eaf76082 {
791
+ border-radius: var(--mantine-radius-default);
792
+ font-size: var(--preset-font-size);
793
+ white-space: nowrap;
794
+ padding: .52em .8em;
795
+ }
796
+
797
+ @media (hover: hover) {
798
+ :where([data-mantine-color-scheme="light"]) .m_eaf76082:hover {
799
+ background-color: var(--mantine-color-gray-0);
800
+ }
801
+
802
+ :where([data-mantine-color-scheme="dark"]) .m_eaf76082:hover {
803
+ background-color: var(--mantine-color-dark-5);
804
+ }
805
+ }
806
+
807
+ @media (hover: none) {
808
+ :where([data-mantine-color-scheme="light"]) .m_eaf76082:active {
809
+ background-color: var(--mantine-color-gray-0);
810
+ }
811
+
812
+ :where([data-mantine-color-scheme="dark"]) .m_eaf76082:active {
813
+ background-color: var(--mantine-color-dark-5);
814
+ }
815
+ }
816
+
817
+ .m_43bf4edb {
818
+ margin-top: var(--mantine-spacing-md);
819
+ align-items: stretch;
820
+ display: flex;
821
+ }
822
+
823
+ .m_49f1412 {
824
+ flex: 1;
825
+ margin-inline-end: var(--mantine-spacing-md);
826
+ }
827
+
828
+ .m_d6d672a0 {
829
+ margin-top: var(--mantine-spacing-md);
830
+ font-size: calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale)));
831
+ color: var(--mantine-color-text);
832
+ height: calc((var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))) * 1.4);
833
+ text-overflow: ellipsis;
834
+ white-space: nowrap;
835
+ line-height: 1.4;
836
+ overflow: hidden;
837
+ }
838
+
839
+ .m_80eb36d4 {
840
+ align-items: stretch;
841
+ gap: var(--mantine-spacing-md);
842
+ margin-top: var(--mantine-spacing-md);
843
+ display: flex;
844
+ }
845
+
846
+ .m_5566a64b {
847
+ flex: 1;
848
+ }
849
+
850
+ .m_208d2562 {
851
+ margin-top: var(--mantine-spacing-md);
852
+ align-items: stretch;
853
+ display: flex;
854
+ }
855
+
856
+ .m_62ee059 {
857
+ flex: 1;
858
+ margin-inline-end: var(--mantine-spacing-md);
859
+ }
860
+
861
+ .m_d8663ee7 {
862
+ margin-top: var(--mantine-spacing-md);
863
+ font-size: calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale)));
864
+ color: var(--mantine-color-text);
865
+ height: calc((var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))) * 1.4);
866
+ text-overflow: ellipsis;
867
+ white-space: nowrap;
868
+ line-height: 1.4;
869
+ overflow: hidden;
870
+ }
871
+
872
+ .m_afb15cad {
873
+ align-items: stretch;
874
+ gap: var(--mantine-spacing-md);
875
+ margin-top: var(--mantine-spacing-md);
876
+ display: flex;
877
+ }
878
+
879
+ .m_8afe6e64 {
880
+ flex: 1;
881
+ }
882
+
883
+ .m_ac3f4d63 {
884
+ text-align: center;
885
+ border: 1px solid var(--mantine-color-default-border);
886
+ background-color: var(--mantine-color-default);
887
+ color: var(--mantine-color-default-color);
888
+ border-radius: var(--time-grid-radius, var(--mantine-radius-default));
889
+ font-size: var(--time-grid-fz, var(--mantine-font-size-sm));
890
+ padding-block: .25em;
891
+ padding-inline: 1em;
892
+ }
893
+
894
+ @media (hover: hover) {
895
+ .m_ac3f4d63:hover:where(:not([data-disabled])) {
896
+ background-color: var(--mantine-color-default-hover);
897
+ }
898
+ }
899
+
900
+ @media (hover: none) {
901
+ .m_ac3f4d63:active:where(:not([data-disabled])) {
902
+ background-color: var(--mantine-color-default-hover);
903
+ }
904
+ }
905
+
906
+ .m_ac3f4d63:where([data-active]) {
907
+ background-color: var(--mantine-primary-color-filled);
908
+ color: var(--mantine-color-white);
909
+ border-color: #0000;
910
+ }
911
+
912
+ @media (hover: hover) {
913
+ .m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])) {
914
+ background-color: var(--mantine-primary-color-filled-hover);
915
+ }
916
+ }
917
+
918
+ @media (hover: none) {
919
+ .m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])) {
920
+ background-color: var(--mantine-primary-color-filled-hover);
921
+ }
922
+ }
923
+
924
+ .m_ac3f4d63:where(:disabled, [data-disabled]) {
925
+ opacity: .5;
926
+ cursor: not-allowed;
927
+ }
928
+
929
+ .m_2a0c4eda {
930
+ width: fit-content;
931
+ font-size: var(--mini-calendar-font-size);
932
+ align-items: center;
933
+ display: flex;
934
+ }
935
+
936
+ .m_2a05be4f {
937
+ font-size: inherit;
938
+ display: flex;
939
+ }
940
+
941
+ .m_99d16a4 {
942
+ min-width: 3em;
943
+ font-size: inherit;
944
+ border-radius: var(--mantine-radius-default);
945
+ flex-direction: column;
946
+ align-items: center;
947
+ gap: .5em;
948
+ padding: .75em;
949
+ line-height: 1;
950
+ display: flex;
951
+ }
952
+
953
+ .m_99d16a4:where([data-selected]) {
954
+ color: var(--mantine-primary-color-contrast);
955
+ background-color: var(--mantine-primary-color-filled);
956
+ }
957
+
958
+ @media (hover: hover) {
959
+ .m_99d16a4:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
960
+ background-color: var(--mantine-primary-color-filled-hover);
961
+ }
962
+ }
963
+
964
+ @media (hover: none) {
965
+ .m_99d16a4:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
966
+ background-color: var(--mantine-primary-color-filled-hover);
967
+ }
968
+ }
969
+
970
+ .m_99d16a4:where([data-disabled]) {
971
+ opacity: .3;
972
+ cursor: not-allowed;
973
+ }
974
+
975
+ @media (hover: hover) {
976
+ :where([data-mantine-color-scheme="light"]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
977
+ background-color: var(--mantine-color-gray-1);
978
+ }
979
+ }
980
+
981
+ @media (hover: none) {
982
+ :where([data-mantine-color-scheme="light"]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
983
+ background-color: var(--mantine-color-gray-1);
984
+ }
985
+ }
986
+
987
+ @media (hover: hover) {
988
+ :where([data-mantine-color-scheme="dark"]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
989
+ background-color: var(--mantine-color-dark-5);
990
+ }
991
+ }
992
+
993
+ @media (hover: none) {
994
+ :where([data-mantine-color-scheme="dark"]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
995
+ background-color: var(--mantine-color-dark-5);
996
+ }
997
+ }
998
+
999
+ .m_176ca23c {
1000
+ font-size: .75em;
1001
+ font-weight: var(--mantine-font-weight-medium);
1002
+ opacity: .65;
1003
+ }
1004
+
1005
+ .m_d830530d {
1006
+ font-size: .9em;
1007
+ font-weight: var(--mantine-font-weight-medium);
1008
+ }
1009
+
1010
+ .m_14c23465 {
1011
+ font-size: inherit;
1012
+ border-radius: var(--mantine-radius-default);
1013
+ width: 2em;
1014
+ color: var(--mantine-color-bright);
1015
+ justify-content: center;
1016
+ align-self: stretch;
1017
+ align-items: center;
1018
+ display: flex;
1019
+ }
1020
+
1021
+ .m_14c23465:where([data-disabled]) {
1022
+ opacity: .3;
1023
+ cursor: not-allowed;
1024
+ }
1025
+
1026
+ .m_14c23465 [data-chevron] {
1027
+ font-size: inherit;
1028
+ width: 60%;
1029
+ }
1030
+
1031
+ .m_14c23465[data-direction="previous"] [data-chevron] {
1032
+ transform: rotate(90deg);
1033
+ }
1034
+
1035
+ [dir="rtl"] .m_14c23465[data-direction="previous"] [data-chevron], .m_14c23465[data-direction="next"] [data-chevron] {
1036
+ transform: rotate(-90deg);
1037
+ }
1038
+
1039
+ [dir="rtl"] .m_14c23465[data-direction="next"] [data-chevron] {
1040
+ transform: rotate(90deg);
1041
+ }
1042
+
1043
+ @media (hover: hover) {
1044
+ :where([data-mantine-color-scheme="light"]) .m_14c23465:hover:where(:not([data-disabled])) {
1045
+ background-color: var(--mantine-color-gray-1);
1046
+ }
1047
+ }
1048
+
1049
+ @media (hover: none) {
1050
+ :where([data-mantine-color-scheme="light"]) .m_14c23465:active:where(:not([data-disabled])) {
1051
+ background-color: var(--mantine-color-gray-1);
1052
+ }
1053
+ }
1054
+
1055
+ @media (hover: hover) {
1056
+ :where([data-mantine-color-scheme="dark"]) .m_14c23465:hover:where(:not([data-disabled])) {
1057
+ background-color: var(--mantine-color-dark-5);
1058
+ }
1059
+ }
1060
+
1061
+ @media (hover: none) {
1062
+ :where([data-mantine-color-scheme="dark"]) .m_14c23465:active:where(:not([data-disabled])) {
1063
+ background-color: var(--mantine-color-dark-5);
1064
+ }
1065
+ }
1066
+
1067
+ .m_e4d36c9b {
1068
+ min-width: calc(12.5rem * var(--mantine-scale));
1069
+ background-color: var(--mantine-color-body);
1070
+ box-shadow: var(--mantine-shadow-md);
1071
+ border-radius: var(--mantine-radius-default);
1072
+ }
1073
+
1074
+ :where([data-mantine-color-scheme="light"]) .m_e4d36c9b {
1075
+ border: 1px solid var(--mantine-color-gray-3);
1076
+ }
1077
+
1078
+ :where([data-mantine-color-scheme="dark"]) .m_e4d36c9b {
1079
+ border: 1px solid var(--mantine-color-dark-4);
1080
+ }
1081
+
1082
+ .m_7f4bcb19 {
1083
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
1084
+ font-size: var(--mantine-font-size-md);
1085
+ font-weight: var(--mantine-font-weight-medium);
1086
+ color: var(--mantine-color-bright);
1087
+ }
1088
+
1089
+ .m_3de554dd {
1090
+ padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
1091
+ padding-top: 0;
1092
+ }
1093
+
1094
+ .m_e4d36c9b:where([data-type="radial"]) :where(.m_3de554dd) {
1095
+ padding-top: var(--mantine-spacing-sm);
1096
+ }
1097
+
1098
+ .m_b30369b5 {
1099
+ width: calc(.75rem * var(--mantine-scale));
1100
+ height: calc(.75rem * var(--mantine-scale));
1101
+ min-width: calc(.75rem * var(--mantine-scale));
1102
+ min-height: calc(.75rem * var(--mantine-scale));
1103
+ }
1104
+
1105
+ .m_3de8964e {
1106
+ font-size: var(--mantine-font-size-sm);
1107
+ justify-content: space-between;
1108
+ align-items: center;
1109
+ display: flex;
1110
+ }
1111
+
1112
+ .m_3de8964e:where(.m_3de8964e + .m_3de8964e) {
1113
+ margin-top: calc(var(--mantine-spacing-sm) / 2);
1114
+ }
1115
+
1116
+ .m_3de8964e[data-type="scatter"] .m_b30369b5 {
1117
+ display: none;
1118
+ }
1119
+
1120
+ .m_50186d10 {
1121
+ align-items: center;
1122
+ gap: var(--mantine-spacing-sm);
1123
+ margin-inline-end: var(--mantine-spacing-xl);
1124
+ display: flex;
1125
+ }
1126
+
1127
+ .m_501dadf9 {
1128
+ color: var(--mantine-color-text);
1129
+ font-size: var(--mantine-font-size-sm);
1130
+ }
1131
+
1132
+ .m_50192318 {
1133
+ color: var(--mantine-color-bright);
1134
+ }
1135
+
1136
+ .m_847eaf {
1137
+ flex-wrap: wrap;
1138
+ justify-content: flex-end;
1139
+ align-items: center;
1140
+ height: 100%;
1141
+ display: flex;
1142
+ }
1143
+
1144
+ .m_847eaf:where([data-centered]) {
1145
+ justify-content: center;
1146
+ }
1147
+
1148
+ .m_847eaf:where([data-position="top"]) {
1149
+ padding-bottom: var(--mantine-spacing-md);
1150
+ }
1151
+
1152
+ .m_847eaf:where([data-position="bottom"]) {
1153
+ padding-top: var(--mantine-spacing-md);
1154
+ }
1155
+
1156
+ .m_17da7e62 {
1157
+ align-items: center;
1158
+ gap: calc(.4375rem * var(--mantine-scale));
1159
+ padding: 7px var(--mantine-spacing-xs);
1160
+ border-radius: var(--mantine-radius-default);
1161
+ line-height: 1;
1162
+ display: flex;
1163
+ }
1164
+
1165
+ @media (hover: hover) {
1166
+ :where([data-mantine-color-scheme="light"]) .m_17da7e62:where(:hover) {
1167
+ background-color: var(--mantine-color-gray-0);
1168
+ }
1169
+
1170
+ :where([data-mantine-color-scheme="dark"]) .m_17da7e62:where(:hover) {
1171
+ background-color: var(--mantine-color-dark-5);
1172
+ }
1173
+ }
1174
+
1175
+ @media (hover: none) {
1176
+ :where([data-mantine-color-scheme="light"]) .m_17da7e62:where(:active) {
1177
+ background-color: var(--mantine-color-gray-0);
1178
+ }
1179
+
1180
+ :where([data-mantine-color-scheme="dark"]) .m_17da7e62:where(:active) {
1181
+ background-color: var(--mantine-color-dark-5);
1182
+ }
1183
+ }
1184
+
1185
+ .m_17da7e62[data-without-color] .m_6e236e21 {
1186
+ display: none;
1187
+ }
1188
+
1189
+ .m_8ff56c0d {
1190
+ font-size: var(--mantine-font-size-sm);
1191
+ margin: 0;
1192
+ padding: 0;
1193
+ }
1194
+
1195
+ .m_a50f3e58 {
1196
+ --chart-bar-label-color: var(--mantine-color-dimmed);
1197
+ width: 100%;
1198
+ display: block;
1199
+ }
1200
+
1201
+ .m_a50f3e58 svg {
1202
+ outline: 0;
1203
+ overflow: visible;
1204
+ }
1205
+
1206
+ :where([data-mantine-color-scheme="light"]) .m_a50f3e58 {
1207
+ --chart-grid-color: #adb5bd99;
1208
+ --chart-cursor-fill: #adb5bd26;
1209
+ }
1210
+
1211
+ :where([data-mantine-color-scheme="dark"]) .m_a50f3e58 {
1212
+ --chart-cursor-fill: #69696926;
1213
+ --chart-grid-color: #69696999;
1214
+ }
1215
+
1216
+ .m_a50f3e58 :where(text) {
1217
+ font-family: var(--mantine-font-family);
1218
+ color: var(--chart-text-color, var(--mantine-color-dimmed));
1219
+ }
1220
+
1221
+ .m_af9188cb {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .m_a50a48bc {
1227
+ stroke: var(--chart-grid-color);
1228
+ }
1229
+
1230
+ .m_a507a517 {
1231
+ color: var(--chart-grid-color);
1232
+ }
1233
+
1234
+ .m_2293801d {
1235
+ color: var(--chart-text-color, var(--mantine-color-dimmed));
1236
+ }
1237
+
1238
+ .m_92b296cd {
1239
+ min-width: calc(12.5rem * var(--mantine-scale));
1240
+ background-color: var(--mantine-color-body);
1241
+ box-shadow: var(--mantine-shadow-md);
1242
+ border-radius: var(--mantine-radius-default);
1243
+ padding: var(--mantine-spacing-sm);
1244
+ }
1245
+
1246
+ :where([data-mantine-color-scheme="light"]) .m_92b296cd {
1247
+ border: 1px solid var(--mantine-color-gray-3);
1248
+ }
1249
+
1250
+ :where([data-mantine-color-scheme="dark"]) .m_92b296cd {
1251
+ border: 1px solid var(--mantine-color-dark-4);
1252
+ }
1253
+
1254
+ .m_f9458cfe svg {
1255
+ outline: 0;
1256
+ }
1257
+
1258
+ .m_a410e613 {
1259
+ min-height: var(--chart-size, auto);
1260
+ height: var(--chart-size, auto);
1261
+ width: var(--chart-size, auto);
1262
+ min-width: var(--chart-size, auto);
1263
+ }
1264
+
1265
+ .m_a410e613 :where(*) {
1266
+ outline: 0;
1267
+ }
1268
+
1269
+ .m_a410e613 :where(.recharts-surface) {
1270
+ overflow: visible;
1271
+ }
1272
+
1273
+ .m_ddb0bfe3 {
1274
+ fill: var(--mantine-color-text);
1275
+ font-size: var(--mantine-font-size-sm);
1276
+ }
1277
+
1278
+ .m_cd8943fd {
1279
+ min-height: var(--chart-size, auto);
1280
+ height: var(--chart-size, auto);
1281
+ width: var(--chart-size, auto);
1282
+ min-width: var(--chart-size, auto);
1283
+ }
1284
+
1285
+ .m_cd8943fd :where(*) {
1286
+ outline: 0;
1287
+ }
1288
+
1289
+ .m_cd8943fd :where(.recharts-surface) {
1290
+ overflow: visible;
1291
+ }
1292
+
1293
+ :where([data-mantine-color-scheme="light"]) .m_1f271cf7 {
1294
+ --chart-grid-color: #adb5bd99;
1295
+ --chart-text-color: var(--mantine-color-gray-7);
1296
+ }
1297
+
1298
+ :where([data-mantine-color-scheme="dark"]) .m_1f271cf7 {
1299
+ --chart-grid-color: #69696999;
1300
+ --chart-text-color: var(--mantine-color-dark-1);
1301
+ }
1302
+
1303
+ .m_1f271cf7 :where(text) {
1304
+ font-size: var(--mantine-font-size-xs);
1305
+ fill: var(--chart-text-color, var(--mantine-color-dimmed));
1306
+ user-select: none;
1307
+ }
1308
+
1309
+ .m_1f271cf7 :where(svg) {
1310
+ outline: 0;
1311
+ }
1312
+
1313
+ .m_cf06f58c {
1314
+ width: 100%;
1315
+ height: 100%;
1316
+ }
1317
+
1318
+ :where([data-mantine-color-scheme="light"]) .m_cd2bd9e5 {
1319
+ --chart-empty-background: var(--mantine-color-gray-1);
1320
+ --chart-cursor-color: var(--mantine-color-gray-4);
1321
+ }
1322
+
1323
+ :where([data-mantine-color-scheme="dark"]) .m_cd2bd9e5 {
1324
+ --chart-empty-background: var(--mantine-color-dark-6);
1325
+ --chart-cursor-color: var(--mantine-color-dark-4);
1326
+ }
1327
+
1328
+ .m_cd2bd9e5 :where(svg) {
1329
+ outline: 0;
1330
+ }
1331
+
1332
+ .m_6bcc3420 {
1333
+ padding: var(--mantine-spacing-md);
1334
+ box-shadow: var(--mantine-shadow-md);
1335
+ min-width: calc(12.5rem * var(--mantine-scale));
1336
+ font-size: var(--mantine-font-size-sm);
1337
+ justify-content: space-between;
1338
+ align-items: center;
1339
+ display: flex;
1340
+ }
1341
+
1342
+ :where([data-mantine-color-scheme="light"]) .m_6bcc3420 {
1343
+ border: 1px solid var(--mantine-color-gray-2);
1344
+ }
1345
+
1346
+ :where([data-mantine-color-scheme="dark"]) .m_6bcc3420 {
1347
+ border: 1px solid var(--mantine-color-dark-4);
1348
+ }
1349
+
1350
+ .m_80d531e7 {
1351
+ min-height: var(--chart-size, auto);
1352
+ height: var(--chart-size, auto);
1353
+ width: var(--chart-size, auto);
1354
+ min-width: var(--chart-size, auto);
1355
+ }
1356
+
1357
+ .m_80d531e7 :where(*) {
1358
+ outline: 0;
1359
+ }
1360
+
1361
+ .m_2ef228c3 {
1362
+ width: fit-content;
1363
+ display: block;
1364
+ }
1365
+
1366
+ :where([data-mantine-color-scheme="light"]) .m_2ef228c3 {
1367
+ --heatmap-level-1: #51cf664d;
1368
+ --heatmap-level-2: #40c05773;
1369
+ --heatmap-level-3: #37b24dbf;
1370
+ --heatmap-level-4: #2b8a3e;
1371
+ --heatmap-empty-rect-bg: var(--mantine-color-gray-2);
1372
+ }
1373
+
1374
+ :where([data-mantine-color-scheme="dark"]) .m_2ef228c3 {
1375
+ --heatmap-level-1: #2b8a3e4d;
1376
+ --heatmap-level-2: #2f9e4473;
1377
+ --heatmap-level-3: #37b24dbf;
1378
+ --heatmap-level-4: #51cf66;
1379
+ --heatmap-empty-rect-bg: var(--mantine-color-dark-5);
1380
+ }
1381
+
1382
+ .m_2ef201c5 {
1383
+ stroke-width: calc(.0625rem * var(--mantine-scale));
1384
+ }
1385
+
1386
+ .m_2ef201c5:where([data-empty]) {
1387
+ fill: var(--heatmap-empty-rect-bg);
1388
+ }
1389
+
1390
+ .m_7e977775, .m_c4b68f8d, .m_75b4f3e6 {
1391
+ cursor: default;
1392
+ user-select: none;
1393
+ fill: var(--mantine-color-dimmed);
1394
+ }
1395
+
1396
+ .m_da847eb2:where([data-empty]) {
1397
+ fill: var(--heatmap-empty-rect-bg);
1398
+ }
1399
+
1400
+ .m_1ea785b1 {
1401
+ gap: var(--bars-list-gap);
1402
+ flex-direction: column;
1403
+ width: 100%;
1404
+ display: flex;
1405
+ }
1406
+
1407
+ .m_294011ec {
1408
+ font-size: var(--mantine-font-size-sm);
1409
+ font-weight: var(--mantine-font-weight-medium);
1410
+ padding-bottom: var(--bars-list-gap);
1411
+ justify-content: space-between;
1412
+ display: flex;
1413
+ }
1414
+
1415
+ .m_9de42164 {
1416
+ justify-content: space-between;
1417
+ align-items: center;
1418
+ gap: var(--mantine-spacing-md);
1419
+ display: flex;
1420
+ }
1421
+
1422
+ .m_6f89abf0 {
1423
+ min-width: var(--bars-list-min-bar-size);
1424
+ height: var(--bars-list-bar-height);
1425
+ padding: 0 var(--mantine-spacing-sm);
1426
+ font-size: var(--mantine-font-size-sm);
1427
+ color: var(--mantine-color-white);
1428
+ border-radius: var(--mantine-radius-sm);
1429
+ align-items: center;
1430
+ font-weight: 500;
1431
+ transition: width .3s;
1432
+ display: flex;
1433
+ }
1434
+
1435
+ :where([data-mantine-color-scheme="light"]) .m_6f89abf0, :where([data-mantine-color-scheme="dark"]) .m_6f89abf0 {
1436
+ background-color: var(--mantine-primary-color-filled);
1437
+ }
1438
+
1439
+ .m_7016be6d {
1440
+ font-size: var(--mantine-font-size-sm);
1441
+ font-weight: var(--mantine-font-weight-medium);
1442
+ white-space: nowrap;
1443
+ color: var(--mantine-color-text);
1444
+ }
1445
+
1446
+ .m_3c064071 {
1447
+ min-height: var(--chart-height, auto);
1448
+ }
1449
+
1450
+ .m_3c064071 :where(*) {
1451
+ outline: 0;
1452
+ }
1453
+
1454
+ .m_b42d2970 {
1455
+ min-height: var(--chart-height, auto);
1456
+ }
1457
+
1458
+ .m_b42d2970 :where(*) {
1459
+ outline: 0;
1460
+ }
1461
+
1462
+ :where([data-mantine-color-scheme="light"]) .m_b42d2970 {
1463
+ --chart-link-color: var(--mantine-color-gray-1);
1464
+ }
1465
+
1466
+ :where([data-mantine-color-scheme="dark"]) .m_b42d2970 {
1467
+ --chart-link-color: var(--mantine-color-dark-5);
1468
+ }