@orbe-agro/client-core 5.6.165 → 5.6.166
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/@ecme/assets/styles/app.css +622 -104
- package/dist/@ecme/assets/styles/components/index.css +352 -11
- package/dist/@ecme/assets/styles/template/index.css +0 -6
- package/dist/@ecme/assets/styles/vendors/index.css +0 -75
- package/dist/@ecme/components/template/Footer.js +1 -1
- package/dist/@types/base/@types/models/performance/ppr.d.ts +65 -0
- package/dist/@types/base/@types/models/performance/ppr.d.ts.map +1 -1
- package/dist/@types/base/configs/endpoints.config/endpoints.navigation.d.ts +4 -0
- package/dist/@types/base/configs/endpoints.config/endpoints.navigation.d.ts.map +1 -1
- package/dist/@types/base/configs/endpoints.config/performance/config/ppr.d.ts +4 -0
- package/dist/@types/base/configs/endpoints.config/performance/config/ppr.d.ts.map +1 -1
- package/dist/@types/base/configs/endpoints.config/performance/performance.d.ts +4 -0
- package/dist/@types/base/configs/endpoints.config/performance/performance.d.ts.map +1 -1
- package/dist/@types/base/configs/navigation.config/modules.navigation.d.ts.map +1 -1
- package/dist/@types/base/configs/navigation.config/modules.submenu/gestao-processos/submenu.gestao-processos.d.ts +4 -0
- package/dist/@types/base/configs/navigation.config/modules.submenu/gestao-processos/submenu.gestao-processos.d.ts.map +1 -0
- package/dist/@types/base/configs/navigation.config/submenu/performance/config/ppr.submenu.d.ts.map +1 -1
- package/dist/@types/base/configs/navigation.config/submenu/performance/config/preenchimentoResultadosPpr.submenu.d.ts +4 -0
- package/dist/@types/base/configs/navigation.config/submenu/performance/config/preenchimentoResultadosPpr.submenu.d.ts.map +1 -0
- package/dist/@types/base/services/modules/performance/PerformanceService.d.ts +9 -1
- package/dist/@types/base/services/modules/performance/PerformanceService.d.ts.map +1 -1
- package/dist/base/assets/styles/init.css +1125 -356
- package/dist/base/configs/endpoints.config/performance/config/ppr.js +5 -1
- package/dist/base/configs/endpoints.config/performance/config/ppr.js.map +1 -1
- package/dist/base/configs/navigation.config/modules.navigation.js +3 -1
- package/dist/base/configs/navigation.config/modules.navigation.js.map +1 -1
- package/dist/base/configs/navigation.config/modules.submenu/gestao-processos/submenu.gestao-processos.js +27 -0
- package/dist/base/configs/navigation.config/modules.submenu/gestao-processos/submenu.gestao-processos.js.map +1 -0
- package/dist/base/configs/navigation.config/submenu/performance/config/ppr.submenu.js +3 -1
- package/dist/base/configs/navigation.config/submenu/performance/config/ppr.submenu.js.map +1 -1
- package/dist/base/configs/navigation.config/submenu/performance/config/preenchimentoResultadosPpr.submenu.js +17 -0
- package/dist/base/configs/navigation.config/submenu/performance/config/preenchimentoResultadosPpr.submenu.js.map +1 -0
- package/dist/base/index.js +6 -1
- package/dist/base/services/index.js +6 -1
- package/dist/base/services/modules/index.js +6 -1
- package/dist/base/services/modules/performance/PerformanceService.js +40 -0
- package/dist/base/services/modules/performance/PerformanceService.js.map +1 -1
- package/dist/base/services/modules/performance/index.js +6 -1
- package/lib/base/@types/models/performance/ppr.ts +71 -0
- package/lib/base/configs/endpoints.config/performance/config/ppr.ts +4 -0
- package/lib/base/configs/navigation.config/modules.navigation.ts +2 -0
- package/lib/base/configs/navigation.config/modules.submenu/gestao-processos/submenu.gestao-processos.ts +27 -0
- package/lib/base/configs/navigation.config/submenu/performance/config/ppr.submenu.ts +2 -0
- package/lib/base/configs/navigation.config/submenu/performance/config/preenchimentoResultadosPpr.submenu.ts +17 -0
- package/lib/base/services/modules/performance/PerformanceService.ts +45 -0
- package/package.json +1 -1
|
@@ -12,30 +12,37 @@
|
|
|
12
12
|
.avatar:is(.dark *) {
|
|
13
13
|
background-color: var(--gray-600);
|
|
14
14
|
}
|
|
15
|
+
|
|
15
16
|
.avatar-sm {
|
|
16
17
|
height: 2rem;
|
|
17
18
|
width: 2rem;
|
|
18
19
|
line-height: 2rem;
|
|
19
20
|
}
|
|
21
|
+
|
|
20
22
|
.avatar-md {
|
|
21
23
|
height: 2.5rem;
|
|
22
24
|
width: 2.5rem;
|
|
23
25
|
line-height: 2.5rem;
|
|
24
26
|
}
|
|
27
|
+
|
|
25
28
|
.avatar-lg {
|
|
26
29
|
height: 3rem;
|
|
27
30
|
width: 3rem;
|
|
28
31
|
line-height: 2.5rem;
|
|
29
32
|
}
|
|
33
|
+
|
|
30
34
|
.avatar-round {
|
|
31
35
|
border-radius: 0.5rem;
|
|
32
36
|
}
|
|
37
|
+
|
|
33
38
|
.avatar-square {
|
|
34
39
|
border-radius: 0px;
|
|
35
40
|
}
|
|
41
|
+
|
|
36
42
|
.avatar-circle {
|
|
37
43
|
border-radius: 9999px;
|
|
38
44
|
}
|
|
45
|
+
|
|
39
46
|
.avatar-img {
|
|
40
47
|
display: block;
|
|
41
48
|
height: 100%;
|
|
@@ -43,6 +50,7 @@
|
|
|
43
50
|
-o-object-fit: cover;
|
|
44
51
|
object-fit: cover;
|
|
45
52
|
}
|
|
53
|
+
|
|
46
54
|
.avatar-string {
|
|
47
55
|
position: absolute;
|
|
48
56
|
left: 50%;
|
|
@@ -51,47 +59,59 @@
|
|
|
51
59
|
align-items: center;
|
|
52
60
|
font-weight: 600;
|
|
53
61
|
}
|
|
62
|
+
|
|
54
63
|
.avatar-inner-sm {
|
|
55
64
|
height: 2rem;
|
|
56
65
|
}
|
|
66
|
+
|
|
57
67
|
.avatar-inner-md {
|
|
58
68
|
height: 2.5rem;
|
|
59
69
|
}
|
|
70
|
+
|
|
60
71
|
.avatar-inner-lg {
|
|
61
72
|
height: 3rem;
|
|
62
73
|
}
|
|
74
|
+
|
|
63
75
|
.avatar-icon {
|
|
64
76
|
display: flex;
|
|
65
77
|
height: 100%;
|
|
66
78
|
align-items: center;
|
|
67
79
|
justify-content: center;
|
|
68
80
|
}
|
|
81
|
+
|
|
69
82
|
.avatar-icon-sm {
|
|
70
83
|
font-size: 1.125rem;
|
|
71
84
|
line-height: 1.75rem;
|
|
72
85
|
}
|
|
86
|
+
|
|
73
87
|
.avatar-icon-md {
|
|
74
88
|
font-size: 1.25rem;
|
|
75
89
|
line-height: 1.75rem;
|
|
76
90
|
}
|
|
91
|
+
|
|
77
92
|
.avatar-icon-lg {
|
|
78
93
|
font-size: 1.5rem;
|
|
79
94
|
line-height: 2rem;
|
|
80
95
|
}
|
|
96
|
+
|
|
81
97
|
.avatar-group {
|
|
82
98
|
display: inline-flex;
|
|
83
99
|
}
|
|
100
|
+
|
|
84
101
|
.avatar-group-chained > .avatar,
|
|
85
102
|
.avatar-group-chained > .tooltip-wrapper {
|
|
86
103
|
margin-left: -0.5rem;
|
|
87
104
|
}
|
|
105
|
+
|
|
88
106
|
.avatar-group-chained > .avatar:where([dir="rtl"], [dir="rtl"] *),
|
|
89
107
|
.avatar-group-chained > .tooltip-wrapper:where([dir="rtl"], [dir="rtl"] *) {
|
|
90
108
|
margin-right: -0.5rem;
|
|
91
109
|
}
|
|
110
|
+
|
|
92
111
|
.avatar-group-chained > .avatar:first-child, .avatar-group-chained > .tooltip-wrapper:first-child {
|
|
93
112
|
margin-left: 0px;
|
|
94
113
|
}
|
|
114
|
+
|
|
95
115
|
.avatar-group-chained > .avatar:first-child:where([dir="rtl"], [dir="rtl"] *), .avatar-group-chained > .tooltip-wrapper:first-child:where([dir="rtl"], [dir="rtl"] *) {
|
|
96
116
|
margin-right: 0px;
|
|
97
117
|
}
|
|
@@ -119,11 +139,13 @@
|
|
|
119
139
|
outline: 2px solid transparent;
|
|
120
140
|
outline-offset: 2px;
|
|
121
141
|
}
|
|
142
|
+
|
|
122
143
|
.button-press-feedback {
|
|
123
144
|
transition-property: transform;
|
|
124
145
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
125
146
|
transition-duration: 150ms;
|
|
126
147
|
}
|
|
148
|
+
|
|
127
149
|
.button-press-feedback:active {
|
|
128
150
|
--tw-scale-x: 0.98;
|
|
129
151
|
--tw-scale-y: 0.98;
|
|
@@ -137,13 +159,16 @@
|
|
|
137
159
|
.card:is(.dark *) {
|
|
138
160
|
background-color: var(--gray-800);
|
|
139
161
|
}
|
|
162
|
+
|
|
140
163
|
.card-border {
|
|
141
164
|
border-width: 1px;
|
|
142
165
|
border-color: var(--gray-200);
|
|
143
166
|
}
|
|
167
|
+
|
|
144
168
|
.card-border:is(.dark *) {
|
|
145
169
|
border-color: var(--gray-800);
|
|
146
170
|
}
|
|
171
|
+
|
|
147
172
|
.card-shadow {
|
|
148
173
|
border-bottom-width: 1px;
|
|
149
174
|
border-color: var(--gray-200);
|
|
@@ -151,6 +176,7 @@
|
|
|
151
176
|
--tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color);
|
|
152
177
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
153
178
|
}
|
|
179
|
+
|
|
154
180
|
.card-shadow:is(.dark *) {
|
|
155
181
|
border-style: none;
|
|
156
182
|
border-color: var(--gray-600);
|
|
@@ -158,31 +184,38 @@
|
|
|
158
184
|
--tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color), inset 0 0 0 0.0625rem var(--tw-shadow-color);
|
|
159
185
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
160
186
|
}
|
|
187
|
+
|
|
161
188
|
.card-header-border {
|
|
162
189
|
border-top-left-radius: 1rem;
|
|
163
190
|
border-top-right-radius: 1rem;
|
|
164
191
|
border-bottom-width: 1px;
|
|
165
192
|
border-color: var(--gray-200);
|
|
166
193
|
}
|
|
194
|
+
|
|
167
195
|
.card-header-border:is(.dark *) {
|
|
168
196
|
border-color: var(--gray-700);
|
|
169
197
|
}
|
|
198
|
+
|
|
170
199
|
.card-header-extra {
|
|
171
200
|
display: flex;
|
|
172
201
|
align-items: center;
|
|
173
202
|
justify-content: space-between;
|
|
174
203
|
}
|
|
204
|
+
|
|
175
205
|
.card-footer {
|
|
176
206
|
border-bottom-left-radius: 0.5rem;
|
|
177
207
|
border-bottom-right-radius: 0.5rem;
|
|
178
208
|
}
|
|
209
|
+
|
|
179
210
|
.card-footer-border {
|
|
180
211
|
border-top-width: 1px;
|
|
181
212
|
border-color: var(--gray-200);
|
|
182
213
|
}
|
|
214
|
+
|
|
183
215
|
.card-footer-border:is(.dark *) {
|
|
184
216
|
border-color: var(--gray-600);
|
|
185
217
|
}
|
|
218
|
+
|
|
186
219
|
.card-header,
|
|
187
220
|
.card-footer {
|
|
188
221
|
padding-top: 0.75rem;
|
|
@@ -190,9 +223,11 @@
|
|
|
190
223
|
padding-left: 1.25rem;
|
|
191
224
|
padding-right: 1.25rem;
|
|
192
225
|
}
|
|
226
|
+
|
|
193
227
|
.card-body {
|
|
194
228
|
padding: 1.25rem;
|
|
195
229
|
}
|
|
230
|
+
|
|
196
231
|
.card-gutterless {
|
|
197
232
|
padding: 0px;
|
|
198
233
|
}
|
|
@@ -243,16 +278,19 @@
|
|
|
243
278
|
color: var(--gray-600);
|
|
244
279
|
--tw-ring-color: var(--gray-600);
|
|
245
280
|
}
|
|
281
|
+
|
|
246
282
|
.checkbox-label {
|
|
247
283
|
display: inline-flex;
|
|
248
284
|
cursor: pointer;
|
|
249
285
|
gap: 0.625rem;
|
|
250
286
|
font-weight: 600;
|
|
251
287
|
}
|
|
288
|
+
|
|
252
289
|
.checkbox-label:hover .checkbox {
|
|
253
290
|
border-color: currentColor;
|
|
254
291
|
--tw-ring-color: currentColor;
|
|
255
292
|
}
|
|
293
|
+
|
|
256
294
|
.checkbox-label.disabled {
|
|
257
295
|
cursor: not-allowed;
|
|
258
296
|
}
|
|
@@ -297,9 +335,11 @@
|
|
|
297
335
|
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
298
336
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
299
337
|
}
|
|
338
|
+
|
|
300
339
|
.date-picker-panel {
|
|
301
340
|
border-radius: 0.5rem;
|
|
302
341
|
}
|
|
342
|
+
|
|
303
343
|
.date-picker-header-label {
|
|
304
344
|
margin-left: 0.125rem;
|
|
305
345
|
margin-right: 0.125rem;
|
|
@@ -309,6 +349,7 @@
|
|
|
309
349
|
user-select: none;
|
|
310
350
|
color: var(--gray-900);
|
|
311
351
|
}
|
|
352
|
+
|
|
312
353
|
.date-picker-header-label:is(.dark *) {
|
|
313
354
|
color: var(--gray-100);
|
|
314
355
|
}
|
|
@@ -318,34 +359,42 @@
|
|
|
318
359
|
.date-picker-current-month:is(.dark *) {
|
|
319
360
|
color: var(--gray-100);
|
|
320
361
|
}
|
|
362
|
+
|
|
321
363
|
.date-picker-other-month {
|
|
322
364
|
color: var(--gray-400);
|
|
323
365
|
}
|
|
366
|
+
|
|
324
367
|
.date-picker-other-month:is(.dark *) {
|
|
325
368
|
color: var(--gray-600);
|
|
326
369
|
}
|
|
370
|
+
|
|
327
371
|
.date-picker-selected-date {
|
|
328
372
|
--tw-text-opacity: 1;
|
|
329
373
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
330
374
|
}
|
|
375
|
+
|
|
331
376
|
.date-picker-available:hover {
|
|
332
377
|
--tw-text-opacity: 1;
|
|
333
378
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
334
379
|
}
|
|
380
|
+
|
|
335
381
|
.date-picker-today {
|
|
336
382
|
border-width: 1px;
|
|
337
383
|
}
|
|
384
|
+
|
|
338
385
|
.date-picker-month-cell {
|
|
339
386
|
padding-top: 1.5rem;
|
|
340
387
|
padding-bottom: 1.5rem;
|
|
341
388
|
text-align: center;
|
|
342
389
|
font-weight: 600;
|
|
343
390
|
}
|
|
391
|
+
|
|
344
392
|
.date-picker-month-cell-disabled {
|
|
345
393
|
cursor: not-allowed;
|
|
346
394
|
background-color: var(--gray-300);
|
|
347
395
|
opacity: 0.3;
|
|
348
396
|
}
|
|
397
|
+
|
|
349
398
|
.date-picker-month-cell-inner {
|
|
350
399
|
cursor: pointer;
|
|
351
400
|
-webkit-user-select: none;
|
|
@@ -357,11 +406,13 @@
|
|
|
357
406
|
padding-top: 0.5rem;
|
|
358
407
|
padding-bottom: 0.5rem;
|
|
359
408
|
}
|
|
409
|
+
|
|
360
410
|
.date-picker-year-cell {
|
|
361
411
|
padding-top: 1.5rem;
|
|
362
412
|
padding-bottom: 1.5rem;
|
|
363
413
|
text-align: center;
|
|
364
414
|
}
|
|
415
|
+
|
|
365
416
|
.date-picker-year-cell-inner {
|
|
366
417
|
cursor: pointer;
|
|
367
418
|
-webkit-user-select: none;
|
|
@@ -374,14 +425,17 @@
|
|
|
374
425
|
padding-bottom: 0.5rem;
|
|
375
426
|
font-weight: 600;
|
|
376
427
|
}
|
|
428
|
+
|
|
377
429
|
.date-picker-year-cell-disabled {
|
|
378
430
|
cursor: not-allowed;
|
|
379
431
|
background-color: var(--gray-300);
|
|
380
432
|
opacity: 0.3;
|
|
381
433
|
}
|
|
434
|
+
|
|
382
435
|
.picker {
|
|
383
436
|
z-index: 40;
|
|
384
437
|
}
|
|
438
|
+
|
|
385
439
|
.picker-panel {
|
|
386
440
|
border-radius: 1rem;
|
|
387
441
|
--tw-bg-opacity: 1;
|
|
@@ -391,6 +445,7 @@
|
|
|
391
445
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
392
446
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
393
447
|
}
|
|
448
|
+
|
|
394
449
|
.picker-panel:is(.dark *) {
|
|
395
450
|
border-width: 2px;
|
|
396
451
|
border-color: var(--gray-700);
|
|
@@ -399,18 +454,21 @@
|
|
|
399
454
|
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
400
455
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
401
456
|
}
|
|
457
|
+
|
|
402
458
|
.picker-view {
|
|
403
459
|
display: flex;
|
|
404
460
|
width: 100%;
|
|
405
461
|
min-width: 280px;
|
|
406
462
|
gap: 1.5rem;
|
|
407
463
|
}
|
|
464
|
+
|
|
408
465
|
.picker-table {
|
|
409
466
|
width: 100%;
|
|
410
467
|
border-collapse: separate;
|
|
411
468
|
--tw-border-spacing-y: 0.375rem;
|
|
412
469
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
413
470
|
}
|
|
471
|
+
|
|
414
472
|
.picker-header-arrow {
|
|
415
473
|
display: flex;
|
|
416
474
|
height: 2.5rem;
|
|
@@ -424,10 +482,12 @@
|
|
|
424
482
|
font-size: 1.125rem;
|
|
425
483
|
line-height: 1.75rem;
|
|
426
484
|
}
|
|
485
|
+
|
|
427
486
|
.picker-header-arrow:where([dir="rtl"], [dir="rtl"] *) {
|
|
428
487
|
--tw-rotate: 180deg;
|
|
429
488
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
430
489
|
}
|
|
490
|
+
|
|
431
491
|
.picker-direction-button {
|
|
432
492
|
display: flex;
|
|
433
493
|
height: 2.5rem;
|
|
@@ -438,14 +498,17 @@
|
|
|
438
498
|
font-size: 1.5rem;
|
|
439
499
|
line-height: 2rem;
|
|
440
500
|
}
|
|
501
|
+
|
|
441
502
|
.picker-direction-button:hover {
|
|
442
503
|
background-color: var(--gray-100);
|
|
443
504
|
color: var(--gray-800);
|
|
444
505
|
}
|
|
506
|
+
|
|
445
507
|
.picker-direction-button:is(.dark *):hover {
|
|
446
508
|
background-color: var(--gray-700);
|
|
447
509
|
color: var(--gray-100);
|
|
448
510
|
}
|
|
511
|
+
|
|
449
512
|
.picker-header-label {
|
|
450
513
|
margin-left: 0.125rem;
|
|
451
514
|
margin-right: 0.125rem;
|
|
@@ -458,28 +521,34 @@
|
|
|
458
521
|
font-weight: 600;
|
|
459
522
|
color: var(--gray-900);
|
|
460
523
|
}
|
|
524
|
+
|
|
461
525
|
.picker-header-label:is(.dark *) {
|
|
462
526
|
color: var(--gray-100);
|
|
463
527
|
}
|
|
528
|
+
|
|
464
529
|
.year-table,
|
|
465
530
|
.month-table {
|
|
466
531
|
display: grid;
|
|
467
532
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
468
533
|
gap: 1rem;
|
|
469
534
|
}
|
|
535
|
+
|
|
470
536
|
.date-picker-cell {
|
|
471
537
|
height: 2.5rem;
|
|
472
538
|
width: 2.5rem;
|
|
473
539
|
padding: 0px;
|
|
474
540
|
text-align: center;
|
|
475
541
|
}
|
|
542
|
+
|
|
476
543
|
.date-picker-cell-selected {
|
|
477
544
|
color: var(--gray-100);
|
|
478
545
|
}
|
|
546
|
+
|
|
479
547
|
.date-picker-cell-selected-start {
|
|
480
548
|
position: relative;
|
|
481
549
|
border-radius: 9999px;
|
|
482
550
|
}
|
|
551
|
+
|
|
483
552
|
.date-picker-cell-selected-start::before {
|
|
484
553
|
position: absolute;
|
|
485
554
|
left: 0px;
|
|
@@ -490,20 +559,24 @@
|
|
|
490
559
|
--tw-content: '';
|
|
491
560
|
content: var(--tw-content);
|
|
492
561
|
}
|
|
562
|
+
|
|
493
563
|
.date-picker-cell-selected-start:where([dir="ltr"], [dir="ltr"] *)::before {
|
|
494
564
|
border-top-left-radius: 9999px;
|
|
495
565
|
content: var(--tw-content);
|
|
496
566
|
border-bottom-left-radius: 9999px;
|
|
497
567
|
}
|
|
568
|
+
|
|
498
569
|
.date-picker-cell-selected-start:where([dir="rtl"], [dir="rtl"] *)::before {
|
|
499
570
|
border-top-right-radius: 9999px;
|
|
500
571
|
content: var(--tw-content);
|
|
501
572
|
border-bottom-right-radius: 9999px;
|
|
502
573
|
}
|
|
574
|
+
|
|
503
575
|
.date-picker-cell-selected-end {
|
|
504
576
|
position: relative;
|
|
505
577
|
border-radius: 9999px;
|
|
506
578
|
}
|
|
579
|
+
|
|
507
580
|
.date-picker-cell-selected-end::before {
|
|
508
581
|
position: absolute;
|
|
509
582
|
left: 0px;
|
|
@@ -514,20 +587,24 @@
|
|
|
514
587
|
--tw-content: '';
|
|
515
588
|
content: var(--tw-content);
|
|
516
589
|
}
|
|
590
|
+
|
|
517
591
|
.date-picker-cell-selected-end:where([dir="ltr"], [dir="ltr"] *)::before {
|
|
518
592
|
border-top-right-radius: 9999px;
|
|
519
593
|
content: var(--tw-content);
|
|
520
594
|
border-bottom-right-radius: 9999px;
|
|
521
595
|
}
|
|
596
|
+
|
|
522
597
|
.date-picker-cell-selected-end:where([dir="rtl"], [dir="rtl"] *)::before {
|
|
523
598
|
border-top-left-radius: 9999px;
|
|
524
599
|
content: var(--tw-content);
|
|
525
600
|
border-bottom-left-radius: 9999px;
|
|
526
601
|
}
|
|
602
|
+
|
|
527
603
|
.date-picker-cell-inrange-today {
|
|
528
604
|
position: relative;
|
|
529
605
|
border-radius: 9999px;
|
|
530
606
|
}
|
|
607
|
+
|
|
531
608
|
.date-picker-cell-inrange-today::before {
|
|
532
609
|
position: absolute;
|
|
533
610
|
left: 0px;
|
|
@@ -538,43 +615,54 @@
|
|
|
538
615
|
--tw-content: '';
|
|
539
616
|
content: var(--tw-content);
|
|
540
617
|
}
|
|
618
|
+
|
|
541
619
|
.date-picker-cell-content {
|
|
542
620
|
height: 100%;
|
|
543
621
|
width: 100%;
|
|
544
622
|
}
|
|
623
|
+
|
|
545
624
|
.date-picker-cell-current-month {
|
|
546
625
|
color: var(--gray-700);
|
|
547
626
|
}
|
|
627
|
+
|
|
548
628
|
.date-picker-cell-current-month:is(.dark *) {
|
|
549
629
|
color: var(--gray-400);
|
|
550
630
|
}
|
|
631
|
+
|
|
551
632
|
.date-picker-cell-hoverable:hover {
|
|
552
633
|
background-color: var(--gray-100);
|
|
553
634
|
}
|
|
635
|
+
|
|
554
636
|
.date-picker-cell-hoverable:hover:is(.dark *) {
|
|
555
637
|
background-color: var(--gray-600);
|
|
556
638
|
color: var(--gray-300);
|
|
557
639
|
}
|
|
640
|
+
|
|
558
641
|
.date-picker-cell-disabled {
|
|
559
642
|
cursor: not-allowed;
|
|
560
643
|
background-color: var(--gray-300);
|
|
561
644
|
opacity: 0.3;
|
|
562
645
|
}
|
|
646
|
+
|
|
563
647
|
.date-picker-week-cell {
|
|
564
648
|
font-weight: 600;
|
|
565
649
|
}
|
|
650
|
+
|
|
566
651
|
.week-day-cell {
|
|
567
652
|
height: 1.75rem;
|
|
568
653
|
}
|
|
654
|
+
|
|
569
655
|
.week-day-cell-content {
|
|
570
656
|
font-size: 0.75rem;
|
|
571
657
|
line-height: 1rem;
|
|
572
658
|
}
|
|
659
|
+
|
|
573
660
|
.day-picker,
|
|
574
661
|
.month-picker,
|
|
575
662
|
.year-picker {
|
|
576
663
|
width: 100%;
|
|
577
664
|
}
|
|
665
|
+
|
|
578
666
|
.month-picker-cell,
|
|
579
667
|
.year-picker-cell {
|
|
580
668
|
border-radius: 0.5rem;
|
|
@@ -584,11 +672,13 @@
|
|
|
584
672
|
font-weight: 600;
|
|
585
673
|
color: var(--gray-800);
|
|
586
674
|
}
|
|
675
|
+
|
|
587
676
|
.month-picker-cell-active,
|
|
588
677
|
.year-picker-cell-active {
|
|
589
678
|
--tw-text-opacity: 1;
|
|
590
679
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
591
680
|
}
|
|
681
|
+
|
|
592
682
|
.month-picker-cell-disabled,
|
|
593
683
|
.year-picker-cell-disabled {
|
|
594
684
|
cursor: not-allowed;
|
|
@@ -600,26 +690,31 @@
|
|
|
600
690
|
margin-left: auto;
|
|
601
691
|
margin-right: auto;
|
|
602
692
|
}
|
|
693
|
+
|
|
603
694
|
@media (min-width: 640px) {
|
|
604
695
|
.dialog {
|
|
605
696
|
max-width: 36rem;
|
|
606
697
|
}
|
|
607
698
|
}
|
|
699
|
+
|
|
608
700
|
@media (min-width: 768px) {
|
|
609
701
|
.dialog {
|
|
610
702
|
max-width: 42rem;
|
|
611
703
|
}
|
|
612
704
|
}
|
|
705
|
+
|
|
613
706
|
@media (min-width: 1024px) {
|
|
614
707
|
.dialog {
|
|
615
708
|
max-width: 56rem;
|
|
616
709
|
}
|
|
617
710
|
}
|
|
711
|
+
|
|
618
712
|
@media (min-width: 1280px) {
|
|
619
713
|
.dialog {
|
|
620
714
|
max-width: 72rem;
|
|
621
715
|
}
|
|
622
716
|
}
|
|
717
|
+
|
|
623
718
|
.dialog-content {
|
|
624
719
|
position: relative;
|
|
625
720
|
margin-left: 1rem;
|
|
@@ -635,9 +730,11 @@
|
|
|
635
730
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
636
731
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
637
732
|
}
|
|
733
|
+
|
|
638
734
|
.dialog-content:is(.dark *) {
|
|
639
735
|
background-color: var(--gray-800);
|
|
640
736
|
}
|
|
737
|
+
|
|
641
738
|
@media (min-width: 640px) {
|
|
642
739
|
.dialog-content {
|
|
643
740
|
margin-left: 0px;
|
|
@@ -646,6 +743,7 @@
|
|
|
646
743
|
margin-bottom: 4rem;
|
|
647
744
|
}
|
|
648
745
|
}
|
|
746
|
+
|
|
649
747
|
.dialog-overlay {
|
|
650
748
|
transition: all 0.15s ease-in-out;
|
|
651
749
|
position: fixed;
|
|
@@ -656,12 +754,15 @@
|
|
|
656
754
|
--tw-backdrop-blur: blur(12px);
|
|
657
755
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
658
756
|
}
|
|
757
|
+
|
|
659
758
|
.dialog-overlay:is(.dark *) {
|
|
660
759
|
--tw-bg-opacity: 0.8;
|
|
661
760
|
}
|
|
761
|
+
|
|
662
762
|
.dialog-overlay-after-open {
|
|
663
763
|
opacity: 1;
|
|
664
764
|
}
|
|
765
|
+
|
|
665
766
|
.dialog-overlay-before-close {
|
|
666
767
|
opacity: 0;
|
|
667
768
|
}
|
|
@@ -684,6 +785,7 @@
|
|
|
684
785
|
.drawer-content.horizontal {
|
|
685
786
|
width: 100%;
|
|
686
787
|
}
|
|
788
|
+
|
|
687
789
|
.drawer-header {
|
|
688
790
|
display: flex;
|
|
689
791
|
align-items: center;
|
|
@@ -695,14 +797,17 @@
|
|
|
695
797
|
padding-left: 1.5rem;
|
|
696
798
|
padding-right: 1.5rem;
|
|
697
799
|
}
|
|
800
|
+
|
|
698
801
|
.drawer-header:is(.dark *) {
|
|
699
802
|
border-color: var(--gray-700);
|
|
700
803
|
}
|
|
804
|
+
|
|
701
805
|
.drawer-body {
|
|
702
806
|
height: 100%;
|
|
703
807
|
overflow-y: auto;
|
|
704
808
|
padding: 1.5rem;
|
|
705
809
|
}
|
|
810
|
+
|
|
706
811
|
.drawer-footer {
|
|
707
812
|
display: flex;
|
|
708
813
|
align-items: center;
|
|
@@ -714,12 +819,15 @@
|
|
|
714
819
|
padding-left: 1.5rem;
|
|
715
820
|
padding-right: 1.5rem;
|
|
716
821
|
}
|
|
822
|
+
|
|
717
823
|
.drawer-footer:is(.dark *) {
|
|
718
824
|
border-color: var(--gray-700);
|
|
719
825
|
}
|
|
826
|
+
|
|
720
827
|
.drawer-open.drawer-lock-scroll {
|
|
721
828
|
overflow: hidden;
|
|
722
829
|
}
|
|
830
|
+
|
|
723
831
|
.drawer-overlay {
|
|
724
832
|
transition: all 0.3s ease-in-out;
|
|
725
833
|
position: fixed;
|
|
@@ -728,9 +836,11 @@
|
|
|
728
836
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
729
837
|
--tw-bg-opacity: 0.8;
|
|
730
838
|
}
|
|
839
|
+
|
|
731
840
|
.drawer-overlay-after-open {
|
|
732
841
|
opacity: 1;
|
|
733
842
|
}
|
|
843
|
+
|
|
734
844
|
.drawer-overlay-before-close {
|
|
735
845
|
opacity: 0;
|
|
736
846
|
}
|
|
@@ -738,6 +848,7 @@
|
|
|
738
848
|
position: relative;
|
|
739
849
|
display: inline-block;
|
|
740
850
|
}
|
|
851
|
+
|
|
741
852
|
.dropdown-menu {
|
|
742
853
|
z-index: 30;
|
|
743
854
|
border-radius: 1rem;
|
|
@@ -755,96 +866,120 @@
|
|
|
755
866
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
756
867
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
757
868
|
}
|
|
869
|
+
|
|
758
870
|
.dropdown-menu:focus {
|
|
759
871
|
outline: 2px solid transparent;
|
|
760
872
|
outline-offset: 2px;
|
|
761
873
|
}
|
|
874
|
+
|
|
762
875
|
.dropdown-menu:is(.dark *) {
|
|
763
876
|
border-color: var(--gray-800);
|
|
764
877
|
background-color: var(--gray-900);
|
|
765
878
|
}
|
|
879
|
+
|
|
766
880
|
.dropdown-menu.top-start {
|
|
767
881
|
bottom: 100%;
|
|
768
882
|
transform-origin: bottom;
|
|
769
883
|
}
|
|
884
|
+
|
|
770
885
|
.dropdown-menu.top-start:where([dir="ltr"], [dir="ltr"] *) {
|
|
771
886
|
left: 0px;
|
|
772
887
|
}
|
|
888
|
+
|
|
773
889
|
.dropdown-menu.top-start:where([dir="rtl"], [dir="rtl"] *) {
|
|
774
890
|
right: 0px;
|
|
775
891
|
}
|
|
892
|
+
|
|
776
893
|
.dropdown-menu.top-center {
|
|
777
894
|
bottom: 100%;
|
|
778
895
|
left: 50%;
|
|
779
896
|
transform-origin: bottom;
|
|
780
897
|
}
|
|
898
|
+
|
|
781
899
|
.dropdown-menu.top-end {
|
|
782
900
|
bottom: 100%;
|
|
783
901
|
transform-origin: bottom;
|
|
784
902
|
}
|
|
903
|
+
|
|
785
904
|
.dropdown-menu.top-end:where([dir="ltr"], [dir="ltr"] *) {
|
|
786
905
|
right: 0px;
|
|
787
906
|
}
|
|
907
|
+
|
|
788
908
|
.dropdown-menu.top-end:where([dir="rtl"], [dir="rtl"] *) {
|
|
789
909
|
left: 0px;
|
|
790
910
|
}
|
|
911
|
+
|
|
791
912
|
.dropdown-menu.bottom-start {
|
|
792
913
|
top: 100%;
|
|
793
914
|
transform-origin: top;
|
|
794
915
|
}
|
|
916
|
+
|
|
795
917
|
.dropdown-menu.bottom-start:where([dir="ltr"], [dir="ltr"] *) {
|
|
796
918
|
left: 0px;
|
|
797
919
|
}
|
|
920
|
+
|
|
798
921
|
.dropdown-menu.bottom-start:where([dir="rtl"], [dir="rtl"] *) {
|
|
799
922
|
right: 0px;
|
|
800
923
|
}
|
|
924
|
+
|
|
801
925
|
.dropdown-menu.bottom-center {
|
|
802
926
|
left: 50%;
|
|
803
927
|
top: 100%;
|
|
804
928
|
transform-origin: top;
|
|
805
929
|
}
|
|
930
|
+
|
|
806
931
|
.dropdown-menu.bottom-end {
|
|
807
932
|
top: 100%;
|
|
808
933
|
transform-origin: top;
|
|
809
934
|
}
|
|
935
|
+
|
|
810
936
|
.dropdown-menu.bottom-end:where([dir="ltr"], [dir="ltr"] *) {
|
|
811
937
|
right: 0px;
|
|
812
938
|
}
|
|
939
|
+
|
|
813
940
|
.dropdown-menu.bottom-end:where([dir="rtl"], [dir="rtl"] *) {
|
|
814
941
|
left: 0px;
|
|
815
942
|
}
|
|
943
|
+
|
|
816
944
|
.dropdown-menu.middle-start-top {
|
|
817
945
|
left: 100%;
|
|
818
946
|
top: 0px;
|
|
819
947
|
transform-origin: top;
|
|
820
948
|
}
|
|
949
|
+
|
|
821
950
|
.dropdown-menu.middle-start-bottom {
|
|
822
951
|
left: 100%;
|
|
823
952
|
bottom: 0px;
|
|
824
953
|
transform-origin: bottom;
|
|
825
954
|
}
|
|
955
|
+
|
|
826
956
|
.dropdown-menu.middle-end-top {
|
|
827
957
|
right: 100%;
|
|
828
958
|
top: 0px;
|
|
829
959
|
transform-origin: top;
|
|
830
960
|
}
|
|
961
|
+
|
|
831
962
|
.dropdown-menu.middle-end-bottom {
|
|
832
963
|
right: 100%;
|
|
833
964
|
bottom: 0px;
|
|
834
965
|
transform-origin: bottom;
|
|
835
966
|
}
|
|
967
|
+
|
|
836
968
|
.dropdown-toggle-default {
|
|
837
969
|
display: inline-block;
|
|
838
970
|
cursor: pointer;
|
|
839
971
|
padding: 0.5rem;
|
|
840
972
|
font-weight: 600;
|
|
841
973
|
}
|
|
974
|
+
|
|
842
975
|
.dropdown-toggle-default.dropdown-toggle-disabled {
|
|
843
976
|
opacity: 0.6;
|
|
844
977
|
}
|
|
978
|
+
|
|
845
979
|
.dropdown-submenu-item {
|
|
846
980
|
justify-content: space-between;
|
|
847
981
|
}
|
|
982
|
+
|
|
848
983
|
.dropdown-toggle-disabled {
|
|
849
984
|
cursor: not-allowed;
|
|
850
985
|
}
|
|
@@ -871,22 +1006,27 @@
|
|
|
871
1006
|
.form-item.inline:where([dir="rtl"], [dir="rtl"] *) {
|
|
872
1007
|
margin-left: 0.75rem;
|
|
873
1008
|
}
|
|
1009
|
+
|
|
874
1010
|
.form-label {
|
|
875
1011
|
display: flex;
|
|
876
1012
|
align-items: center;
|
|
877
1013
|
font-weight: 600;
|
|
878
1014
|
}
|
|
1015
|
+
|
|
879
1016
|
.form-label.invalid {
|
|
880
1017
|
color: var(--error);
|
|
881
1018
|
}
|
|
1019
|
+
|
|
882
1020
|
.form-explain {
|
|
883
1021
|
position: absolute;
|
|
884
1022
|
font-weight: 600;
|
|
885
1023
|
color: var(--error);
|
|
886
1024
|
}
|
|
1025
|
+
|
|
887
1026
|
.form-container.inline {
|
|
888
1027
|
align-items: center;
|
|
889
1028
|
}
|
|
1029
|
+
|
|
890
1030
|
@media (min-width: 768px) {
|
|
891
1031
|
.form-container.inline {
|
|
892
1032
|
display: flex;
|
|
@@ -1083,6 +1223,7 @@
|
|
|
1083
1223
|
font-size: 1.125rem;
|
|
1084
1224
|
line-height: 1.75rem;
|
|
1085
1225
|
}
|
|
1226
|
+
|
|
1086
1227
|
.input-addon {
|
|
1087
1228
|
display: flex;
|
|
1088
1229
|
align-items: center;
|
|
@@ -1093,34 +1234,42 @@
|
|
|
1093
1234
|
padding-left: 1rem;
|
|
1094
1235
|
padding-right: 1rem;
|
|
1095
1236
|
}
|
|
1237
|
+
|
|
1096
1238
|
.input-addon:is(.dark *) {
|
|
1097
1239
|
border-color: var(--gray-700);
|
|
1098
1240
|
background-color: var(--gray-600);
|
|
1099
1241
|
}
|
|
1242
|
+
|
|
1100
1243
|
.input-textarea {
|
|
1101
1244
|
min-height: 7rem;
|
|
1102
1245
|
}
|
|
1246
|
+
|
|
1103
1247
|
.input-wrapper {
|
|
1104
1248
|
position: relative;
|
|
1105
1249
|
display: flex;
|
|
1106
1250
|
width: 100%;
|
|
1107
1251
|
}
|
|
1252
|
+
|
|
1108
1253
|
.input-disabled {
|
|
1109
1254
|
cursor: not-allowed !important;
|
|
1110
1255
|
opacity: 0.5;
|
|
1111
1256
|
}
|
|
1257
|
+
|
|
1112
1258
|
.input-suffix-start {
|
|
1113
1259
|
position: absolute;
|
|
1114
1260
|
top: 50%;
|
|
1115
1261
|
--tw-translate-y: -50%;
|
|
1116
1262
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1117
1263
|
}
|
|
1264
|
+
|
|
1118
1265
|
.input-suffix-start:where([dir="ltr"], [dir="ltr"] *) {
|
|
1119
1266
|
left: 0.625rem;
|
|
1120
1267
|
}
|
|
1268
|
+
|
|
1121
1269
|
.input-suffix-start:where([dir="rtl"], [dir="rtl"] *) {
|
|
1122
1270
|
right: 0.625rem;
|
|
1123
1271
|
}
|
|
1272
|
+
|
|
1124
1273
|
.input-suffix-end {
|
|
1125
1274
|
position: absolute;
|
|
1126
1275
|
top: 50%;
|
|
@@ -1128,9 +1277,11 @@
|
|
|
1128
1277
|
--tw-translate-y: -50%;
|
|
1129
1278
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1130
1279
|
}
|
|
1280
|
+
|
|
1131
1281
|
.input-suffix-end:where([dir="ltr"], [dir="ltr"] *) {
|
|
1132
1282
|
right: 0.625rem;
|
|
1133
1283
|
}
|
|
1284
|
+
|
|
1134
1285
|
.input-suffix-end:where([dir="rtl"], [dir="rtl"] *) {
|
|
1135
1286
|
left: 0.625rem;
|
|
1136
1287
|
}
|
|
@@ -1171,6 +1322,7 @@
|
|
|
1171
1322
|
.menu-item a {
|
|
1172
1323
|
outline-width: 0px;
|
|
1173
1324
|
}
|
|
1325
|
+
|
|
1174
1326
|
.menu-collapse-item {
|
|
1175
1327
|
display: flex;
|
|
1176
1328
|
height: 3rem;
|
|
@@ -1189,37 +1341,46 @@
|
|
|
1189
1341
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1190
1342
|
transition-duration: 200ms;
|
|
1191
1343
|
}
|
|
1344
|
+
|
|
1192
1345
|
.menu-collapse-item:hover {
|
|
1193
1346
|
background-color: var(--gray-100);
|
|
1194
1347
|
color: var(--gray-900);
|
|
1195
1348
|
}
|
|
1349
|
+
|
|
1196
1350
|
.menu-collapse-item:is(.dark *) {
|
|
1197
1351
|
color: var(--gray-400);
|
|
1198
1352
|
}
|
|
1353
|
+
|
|
1199
1354
|
.menu-collapse-item:hover:is(.dark *) {
|
|
1200
1355
|
background-color: var(--gray-700);
|
|
1201
1356
|
color: var(--gray-100);
|
|
1202
1357
|
}
|
|
1358
|
+
|
|
1203
1359
|
.menu-collapse-item.menu-collapse-item-active {
|
|
1204
1360
|
background-color: var(--primary-subtle);
|
|
1205
1361
|
color: var(--primary);
|
|
1206
1362
|
}
|
|
1363
|
+
|
|
1207
1364
|
.menu-collapse-item.menu-collapse-item-active:hover {
|
|
1208
1365
|
background-color: var(--primary-subtle);
|
|
1209
1366
|
}
|
|
1367
|
+
|
|
1210
1368
|
.menu-item-divider {
|
|
1211
1369
|
margin-top: 0.5rem;
|
|
1212
1370
|
margin-bottom: 0.5rem;
|
|
1213
1371
|
border-bottom-width: 1px;
|
|
1214
1372
|
border-color: var(--gray-200);
|
|
1215
1373
|
}
|
|
1374
|
+
|
|
1216
1375
|
.menu-item-divider:is(.dark *) {
|
|
1217
1376
|
border-color: var(--gray-700);
|
|
1218
1377
|
}
|
|
1378
|
+
|
|
1219
1379
|
.menu-item-disabled {
|
|
1220
1380
|
cursor: not-allowed;
|
|
1221
1381
|
opacity: 0.6;
|
|
1222
1382
|
}
|
|
1383
|
+
|
|
1223
1384
|
.menu-item-link {
|
|
1224
1385
|
display: flex;
|
|
1225
1386
|
height: 100%;
|
|
@@ -1244,13 +1405,16 @@
|
|
|
1244
1405
|
color: var(--gray-100);
|
|
1245
1406
|
--tw-text-opacity: 0.5;
|
|
1246
1407
|
}
|
|
1408
|
+
|
|
1247
1409
|
.menu-light {
|
|
1248
1410
|
--tw-bg-opacity: 1;
|
|
1249
1411
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
1250
1412
|
}
|
|
1413
|
+
|
|
1251
1414
|
.menu-dark {
|
|
1252
1415
|
background-color: var(--gray-800);
|
|
1253
1416
|
}
|
|
1417
|
+
|
|
1254
1418
|
.menu-transparent {
|
|
1255
1419
|
background-color: transparent;
|
|
1256
1420
|
}
|
|
@@ -1274,6 +1438,7 @@
|
|
|
1274
1438
|
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
1275
1439
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1276
1440
|
}
|
|
1441
|
+
|
|
1277
1442
|
.notification-content {
|
|
1278
1443
|
display: flex;
|
|
1279
1444
|
padding-top: 1.25rem;
|
|
@@ -1281,25 +1446,31 @@
|
|
|
1281
1446
|
padding-left: 1.5rem;
|
|
1282
1447
|
padding-right: 1.5rem;
|
|
1283
1448
|
}
|
|
1449
|
+
|
|
1284
1450
|
.notification-content.no-child {
|
|
1285
1451
|
align-items: center;
|
|
1286
1452
|
}
|
|
1453
|
+
|
|
1287
1454
|
.notification-title {
|
|
1288
1455
|
font-size: 1rem;
|
|
1289
1456
|
line-height: 1.5rem;
|
|
1290
1457
|
font-weight: 700;
|
|
1291
1458
|
color: var(--gray-800);
|
|
1292
1459
|
}
|
|
1460
|
+
|
|
1293
1461
|
.notification-title:is(.dark *) {
|
|
1294
1462
|
--tw-text-opacity: 1;
|
|
1295
1463
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
1296
1464
|
}
|
|
1465
|
+
|
|
1297
1466
|
.notification-close {
|
|
1298
1467
|
top: 1.25rem;
|
|
1299
1468
|
}
|
|
1469
|
+
|
|
1300
1470
|
.notification-close:where([dir="ltr"], [dir="ltr"] *) {
|
|
1301
1471
|
right: 1rem;
|
|
1302
1472
|
}
|
|
1473
|
+
|
|
1303
1474
|
.notification-close:where([dir="rtl"], [dir="rtl"] *) {
|
|
1304
1475
|
left: 1rem;
|
|
1305
1476
|
}
|
|
@@ -1310,6 +1481,7 @@
|
|
|
1310
1481
|
align-items: center;
|
|
1311
1482
|
border-radius: 0.5rem;
|
|
1312
1483
|
}
|
|
1484
|
+
|
|
1313
1485
|
.pagination-pager {
|
|
1314
1486
|
position: relative;
|
|
1315
1487
|
margin-left: 0.25rem;
|
|
@@ -1328,44 +1500,56 @@
|
|
|
1328
1500
|
line-height: 1.25rem;
|
|
1329
1501
|
font-weight: 600;
|
|
1330
1502
|
}
|
|
1503
|
+
|
|
1331
1504
|
.pagination-pager-inactive {
|
|
1332
1505
|
color: var(--gray-500);
|
|
1333
1506
|
}
|
|
1507
|
+
|
|
1334
1508
|
.pagination-pager-inactive:hover {
|
|
1335
1509
|
background-color: var(--gray-100);
|
|
1336
1510
|
}
|
|
1511
|
+
|
|
1337
1512
|
.pagination-pager-inactive:is(.dark *) {
|
|
1338
1513
|
color: var(--gray-400);
|
|
1339
1514
|
}
|
|
1515
|
+
|
|
1340
1516
|
.pagination-pager-inactive:hover:is(.dark *) {
|
|
1341
1517
|
background-color: var(--gray-600);
|
|
1342
1518
|
color: var(--gray-100);
|
|
1343
1519
|
}
|
|
1520
|
+
|
|
1344
1521
|
.pagination-pager-disabled {
|
|
1345
1522
|
cursor: not-allowed;
|
|
1346
1523
|
color: var(--gray-300);
|
|
1347
1524
|
}
|
|
1525
|
+
|
|
1348
1526
|
.pagination-pager-disabled:is(.dark *) {
|
|
1349
1527
|
color: var(--gray-600);
|
|
1350
1528
|
}
|
|
1529
|
+
|
|
1351
1530
|
.pagination-total {
|
|
1352
1531
|
margin-right: 0.75rem;
|
|
1353
1532
|
font-weight: 600;
|
|
1354
1533
|
color: var(--gray-500);
|
|
1355
1534
|
}
|
|
1535
|
+
|
|
1356
1536
|
.pagination-total:is(.dark *) {
|
|
1357
1537
|
color: var(--gray-400);
|
|
1358
1538
|
}
|
|
1539
|
+
|
|
1359
1540
|
.pagination-pager-next {
|
|
1360
1541
|
margin-right: 0.25rem;
|
|
1361
1542
|
}
|
|
1543
|
+
|
|
1362
1544
|
.pagination-pager-next:where([dir="rtl"], [dir="rtl"] *) {
|
|
1363
1545
|
--tw-rotate: 180deg;
|
|
1364
1546
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1365
1547
|
}
|
|
1548
|
+
|
|
1366
1549
|
.pagination-pager-prev {
|
|
1367
1550
|
margin-left: 0.25rem;
|
|
1368
1551
|
}
|
|
1552
|
+
|
|
1369
1553
|
.pagination-pager-prev:where([dir="rtl"], [dir="rtl"] *) {
|
|
1370
1554
|
--tw-rotate: 180deg;
|
|
1371
1555
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1383,18 +1567,22 @@
|
|
|
1383
1567
|
width: 100%;
|
|
1384
1568
|
align-items: center;
|
|
1385
1569
|
}
|
|
1570
|
+
|
|
1386
1571
|
.progress-bg {
|
|
1387
1572
|
border-radius: 9999px;
|
|
1388
1573
|
transition-property: all;
|
|
1389
1574
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1390
1575
|
transition-duration: 200ms;
|
|
1391
1576
|
}
|
|
1577
|
+
|
|
1392
1578
|
.progress-info.line:where([dir="ltr"], [dir="ltr"] *) {
|
|
1393
1579
|
margin-left: 0.5rem;
|
|
1394
1580
|
}
|
|
1581
|
+
|
|
1395
1582
|
.progress-info.line:where([dir="rtl"], [dir="rtl"] *) {
|
|
1396
1583
|
margin-right: 0.5rem;
|
|
1397
1584
|
}
|
|
1585
|
+
|
|
1398
1586
|
.progress-inner {
|
|
1399
1587
|
position: relative;
|
|
1400
1588
|
width: 100%;
|
|
@@ -1402,15 +1590,19 @@
|
|
|
1402
1590
|
border-radius: 9999px;
|
|
1403
1591
|
background-color: var(--gray-100);
|
|
1404
1592
|
}
|
|
1593
|
+
|
|
1405
1594
|
.progress-inner:is(.dark *) {
|
|
1406
1595
|
background-color: var(--gray-600);
|
|
1407
1596
|
}
|
|
1597
|
+
|
|
1408
1598
|
.progress-wrapper {
|
|
1409
1599
|
width: 100%;
|
|
1410
1600
|
}
|
|
1601
|
+
|
|
1411
1602
|
.progress-circle {
|
|
1412
1603
|
position: relative;
|
|
1413
1604
|
}
|
|
1605
|
+
|
|
1414
1606
|
.progress-circle-info {
|
|
1415
1607
|
position: absolute;
|
|
1416
1608
|
top: 50%;
|
|
@@ -1419,13 +1611,16 @@
|
|
|
1419
1611
|
--tw-translate-y: -50%;
|
|
1420
1612
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1421
1613
|
}
|
|
1614
|
+
|
|
1422
1615
|
.progress-circle-trail {
|
|
1423
1616
|
stroke: currentColor;
|
|
1424
1617
|
color: var(--gray-100);
|
|
1425
1618
|
}
|
|
1619
|
+
|
|
1426
1620
|
.progress-circle-trail:is(.dark *) {
|
|
1427
1621
|
color: var(--gray-600);
|
|
1428
1622
|
}
|
|
1623
|
+
|
|
1429
1624
|
.progress-circle-stroke {
|
|
1430
1625
|
stroke: currentColor;
|
|
1431
1626
|
transition-property: all;
|
|
@@ -1479,6 +1674,7 @@
|
|
|
1479
1674
|
color: var(--gray-600);
|
|
1480
1675
|
--tw-ring-color: var(--gray-600);
|
|
1481
1676
|
}
|
|
1677
|
+
|
|
1482
1678
|
.radio-label {
|
|
1483
1679
|
display: inline-flex;
|
|
1484
1680
|
cursor: pointer;
|
|
@@ -1486,17 +1682,21 @@
|
|
|
1486
1682
|
gap: 0.625rem;
|
|
1487
1683
|
font-weight: 600;
|
|
1488
1684
|
}
|
|
1685
|
+
|
|
1489
1686
|
.radio-label:hover .radio {
|
|
1490
1687
|
border-color: currentColor;
|
|
1491
1688
|
--tw-ring-color: currentColor;
|
|
1492
1689
|
}
|
|
1690
|
+
|
|
1493
1691
|
.radio-label.disabled {
|
|
1494
1692
|
cursor: not-allowed;
|
|
1495
1693
|
}
|
|
1694
|
+
|
|
1496
1695
|
.radio-group {
|
|
1497
1696
|
display: inline-flex;
|
|
1498
1697
|
gap: 1rem;
|
|
1499
1698
|
}
|
|
1699
|
+
|
|
1500
1700
|
.radio-group.vertical {
|
|
1501
1701
|
flex-direction: column;
|
|
1502
1702
|
}
|
|
@@ -1707,6 +1907,7 @@
|
|
|
1707
1907
|
border-radius: 0.75rem;
|
|
1708
1908
|
padding: 0.25rem;
|
|
1709
1909
|
}
|
|
1910
|
+
|
|
1710
1911
|
.segment-item {
|
|
1711
1912
|
cursor: pointer;
|
|
1712
1913
|
-webkit-user-select: none;
|
|
@@ -1722,17 +1923,21 @@
|
|
|
1722
1923
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1723
1924
|
transition-duration: 100ms;
|
|
1724
1925
|
}
|
|
1926
|
+
|
|
1725
1927
|
@media (min-width: 768px) {
|
|
1726
1928
|
.segment-item {
|
|
1727
1929
|
width: auto;
|
|
1728
1930
|
}
|
|
1729
1931
|
}
|
|
1932
|
+
|
|
1730
1933
|
.segment-item:not(.segment-item-active):not(.segment-item-disabled):hover {
|
|
1731
1934
|
color: var(--gray-800);
|
|
1732
1935
|
}
|
|
1936
|
+
|
|
1733
1937
|
.segment-item:not(.segment-item-active):not(.segment-item-disabled):is(.dark *):hover {
|
|
1734
1938
|
color: var(--gray-100);
|
|
1735
1939
|
}
|
|
1940
|
+
|
|
1736
1941
|
.segment-item.segment-item-active {
|
|
1737
1942
|
--tw-bg-opacity: 1;
|
|
1738
1943
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -1741,10 +1946,12 @@
|
|
|
1741
1946
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
1742
1947
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1743
1948
|
}
|
|
1949
|
+
|
|
1744
1950
|
.segment-item.segment-item-active:is(.dark *) {
|
|
1745
1951
|
background-color: var(--gray-800);
|
|
1746
1952
|
color: var(--gray-100);
|
|
1747
1953
|
}
|
|
1954
|
+
|
|
1748
1955
|
.segment-item.segment-item-disabled {
|
|
1749
1956
|
cursor: not-allowed;
|
|
1750
1957
|
opacity: 0.4;
|
|
@@ -1763,13 +1970,16 @@
|
|
|
1763
1970
|
.select-control:is(.dark *) {
|
|
1764
1971
|
border-color: var(--gray-700);
|
|
1765
1972
|
}
|
|
1973
|
+
|
|
1766
1974
|
.select-control-focused {
|
|
1767
1975
|
background-color: transparent;
|
|
1768
1976
|
}
|
|
1977
|
+
|
|
1769
1978
|
.select-placeholder {
|
|
1770
1979
|
grid-area: 1 / 1 / 2 / 3;
|
|
1771
1980
|
font-weight: 600;
|
|
1772
1981
|
}
|
|
1982
|
+
|
|
1773
1983
|
.select-value-container {
|
|
1774
1984
|
position: relative;
|
|
1775
1985
|
flex: 1 1 0%;
|
|
@@ -1782,25 +1992,30 @@
|
|
|
1782
1992
|
padding-top: 0.5rem;
|
|
1783
1993
|
padding-bottom: 0.5rem;
|
|
1784
1994
|
}
|
|
1995
|
+
|
|
1785
1996
|
.select-input-container {
|
|
1786
1997
|
display: inline-grid;
|
|
1787
1998
|
flex: 1 1 auto;
|
|
1788
1999
|
font-weight: 600;
|
|
1789
2000
|
color: var(--gray-800);
|
|
1790
2001
|
}
|
|
2002
|
+
|
|
1791
2003
|
.select-input-container:is(.dark *) {
|
|
1792
2004
|
color: var(--gray-100);
|
|
1793
2005
|
}
|
|
2006
|
+
|
|
1794
2007
|
.select-input-container {
|
|
1795
2008
|
grid-area: 1/1/2/3;
|
|
1796
2009
|
grid-template-columns: 0 min-content;
|
|
1797
2010
|
}
|
|
2011
|
+
|
|
1798
2012
|
.select-indicators-container {
|
|
1799
2013
|
padding-left: 0.75rem;
|
|
1800
2014
|
padding-right: 0.75rem;
|
|
1801
2015
|
font-size: 1.5rem;
|
|
1802
2016
|
line-height: 2rem;
|
|
1803
2017
|
}
|
|
2018
|
+
|
|
1804
2019
|
.select-single-value {
|
|
1805
2020
|
grid-area: 1/1/2/3;
|
|
1806
2021
|
text-overflow: ellipsis;
|
|
@@ -1808,9 +2023,11 @@
|
|
|
1808
2023
|
font-weight: 600;
|
|
1809
2024
|
color: var(--gray-800);
|
|
1810
2025
|
}
|
|
2026
|
+
|
|
1811
2027
|
.select-single-value:is(.dark *) {
|
|
1812
2028
|
color: var(--gray-100);
|
|
1813
2029
|
}
|
|
2030
|
+
|
|
1814
2031
|
.select-multi-value {
|
|
1815
2032
|
margin-left: 0.125rem;
|
|
1816
2033
|
margin-right: 0.125rem;
|
|
@@ -1822,11 +2039,13 @@
|
|
|
1822
2039
|
font-weight: 700;
|
|
1823
2040
|
color: var(--gray-800);
|
|
1824
2041
|
}
|
|
2042
|
+
|
|
1825
2043
|
.select-multi-value:is(.dark *) {
|
|
1826
2044
|
border-color: var(--gray-700);
|
|
1827
2045
|
background-color: var(--gray-800);
|
|
1828
2046
|
color: var(--gray-100);
|
|
1829
2047
|
}
|
|
2048
|
+
|
|
1830
2049
|
.select-multi-value-label {
|
|
1831
2050
|
display: flex;
|
|
1832
2051
|
align-items: center;
|
|
@@ -1835,24 +2054,30 @@
|
|
|
1835
2054
|
font-size: 0.75rem;
|
|
1836
2055
|
line-height: 1rem;
|
|
1837
2056
|
}
|
|
2057
|
+
|
|
1838
2058
|
.select-multi-value-label:where([dir="ltr"], [dir="ltr"] *) {
|
|
1839
2059
|
padding-left: 0.5rem;
|
|
1840
2060
|
}
|
|
2061
|
+
|
|
1841
2062
|
.select-multi-value-label:where([dir="rtl"], [dir="rtl"] *) {
|
|
1842
2063
|
padding-right: 0.5rem;
|
|
1843
2064
|
}
|
|
2065
|
+
|
|
1844
2066
|
.select-multi-value-remove {
|
|
1845
2067
|
display: flex;
|
|
1846
2068
|
align-items: center;
|
|
1847
2069
|
}
|
|
2070
|
+
|
|
1848
2071
|
.select-multi-value-remove:where([dir="ltr"], [dir="ltr"] *) {
|
|
1849
2072
|
padding-left: 0.25rem;
|
|
1850
2073
|
padding-right: 0.5rem;
|
|
1851
2074
|
}
|
|
2075
|
+
|
|
1852
2076
|
.select-multi-value-remove:where([dir="rtl"], [dir="rtl"] *) {
|
|
1853
2077
|
padding-left: 0.5rem;
|
|
1854
2078
|
padding-right: 0.25rem;
|
|
1855
2079
|
}
|
|
2080
|
+
|
|
1856
2081
|
.select-menu {
|
|
1857
2082
|
margin-top: 0.5rem;
|
|
1858
2083
|
margin-bottom: 0.5rem;
|
|
@@ -1874,11 +2099,13 @@
|
|
|
1874
2099
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1875
2100
|
--tw-ring-color: var(--gray-100);
|
|
1876
2101
|
}
|
|
2102
|
+
|
|
1877
2103
|
.select-menu:is(.dark *) {
|
|
1878
2104
|
border-color: var(--gray-700);
|
|
1879
2105
|
background-color: var(--gray-900);
|
|
1880
2106
|
--tw-ring-color: var(--gray-700);
|
|
1881
2107
|
}
|
|
2108
|
+
|
|
1882
2109
|
.select-option {
|
|
1883
2110
|
display: flex;
|
|
1884
2111
|
cursor: default;
|
|
@@ -1892,6 +2119,7 @@
|
|
|
1892
2119
|
padding-bottom: 0.625rem;
|
|
1893
2120
|
font-weight: 600;
|
|
1894
2121
|
}
|
|
2122
|
+
|
|
1895
2123
|
.select-clear-indicator {
|
|
1896
2124
|
cursor: pointer;
|
|
1897
2125
|
padding-left: 0.5rem;
|
|
@@ -1899,6 +2127,7 @@
|
|
|
1899
2127
|
font-size: 1.125rem;
|
|
1900
2128
|
line-height: 1.75rem;
|
|
1901
2129
|
}
|
|
2130
|
+
|
|
1902
2131
|
.select-sm .select-indicators-container {
|
|
1903
2132
|
padding-left: 0.25rem;
|
|
1904
2133
|
padding-right: 0.25rem;
|
|
@@ -1910,11 +2139,13 @@
|
|
|
1910
2139
|
.skeleton:is(.dark *) {
|
|
1911
2140
|
background-color: var(--gray-600);
|
|
1912
2141
|
}
|
|
2142
|
+
|
|
1913
2143
|
.skeleton-circle {
|
|
1914
2144
|
height: 2.5rem;
|
|
1915
2145
|
width: 2.5rem;
|
|
1916
2146
|
border-radius: 9999px;
|
|
1917
2147
|
}
|
|
2148
|
+
|
|
1918
2149
|
.skeleton-block {
|
|
1919
2150
|
height: 0.625rem;
|
|
1920
2151
|
width: 100%;
|
|
@@ -1929,18 +2160,22 @@
|
|
|
1929
2160
|
flex-direction: column;
|
|
1930
2161
|
align-items: flex-start;
|
|
1931
2162
|
}
|
|
2163
|
+
|
|
1932
2164
|
.step-item {
|
|
1933
2165
|
display: flex;
|
|
1934
2166
|
align-items: center;
|
|
1935
2167
|
}
|
|
2168
|
+
|
|
1936
2169
|
.step-item.step-item-vertical {
|
|
1937
2170
|
flex-direction: column;
|
|
1938
2171
|
align-items: flex-start;
|
|
1939
2172
|
}
|
|
2173
|
+
|
|
1940
2174
|
.step-item-wrapper {
|
|
1941
2175
|
display: flex;
|
|
1942
2176
|
align-items: center;
|
|
1943
2177
|
}
|
|
2178
|
+
|
|
1944
2179
|
.step-item-icon {
|
|
1945
2180
|
min-width: 2.25rem;
|
|
1946
2181
|
display: flex;
|
|
@@ -1953,38 +2188,48 @@
|
|
|
1953
2188
|
line-height: 1.75rem;
|
|
1954
2189
|
font-weight: 600;
|
|
1955
2190
|
}
|
|
2191
|
+
|
|
1956
2192
|
.step-item-icon.step-item-icon-pending {
|
|
1957
2193
|
border-width: 2px;
|
|
1958
2194
|
border-color: var(--gray-300);
|
|
1959
2195
|
}
|
|
2196
|
+
|
|
1960
2197
|
.step-item-icon.step-item-icon-pending:is(.dark *) {
|
|
1961
2198
|
border-color: var(--gray-600);
|
|
1962
2199
|
}
|
|
2200
|
+
|
|
1963
2201
|
.step-item-icon.step-item-icon-current {
|
|
1964
2202
|
border-width: 2px;
|
|
1965
2203
|
}
|
|
2204
|
+
|
|
1966
2205
|
.step-item-content {
|
|
1967
2206
|
position: relative;
|
|
1968
2207
|
}
|
|
2208
|
+
|
|
1969
2209
|
.step-item-content:where([dir="ltr"], [dir="ltr"] *) {
|
|
1970
2210
|
margin-left: 0.75rem;
|
|
1971
2211
|
}
|
|
2212
|
+
|
|
1972
2213
|
.step-item-content:where([dir="rtl"], [dir="rtl"] *) {
|
|
1973
2214
|
margin-right: 0.75rem;
|
|
1974
2215
|
}
|
|
2216
|
+
|
|
1975
2217
|
.step-item-title {
|
|
1976
2218
|
display: block;
|
|
1977
2219
|
white-space: nowrap;
|
|
1978
2220
|
font-weight: 700;
|
|
1979
2221
|
color: var(--gray-600);
|
|
1980
2222
|
}
|
|
2223
|
+
|
|
1981
2224
|
.step-item-title:is(.dark *) {
|
|
1982
2225
|
color: var(--gray-300);
|
|
1983
2226
|
}
|
|
2227
|
+
|
|
1984
2228
|
.step-item-title.step-item-title-error {
|
|
1985
2229
|
--tw-text-opacity: 1;
|
|
1986
2230
|
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
1987
2231
|
}
|
|
2232
|
+
|
|
1988
2233
|
.step-item-icon-error {
|
|
1989
2234
|
border-width: 2px;
|
|
1990
2235
|
--tw-border-opacity: 1;
|
|
@@ -1992,26 +2237,33 @@
|
|
|
1992
2237
|
--tw-text-opacity: 1;
|
|
1993
2238
|
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
1994
2239
|
}
|
|
2240
|
+
|
|
1995
2241
|
.step-clickable {
|
|
1996
2242
|
cursor: pointer;
|
|
1997
2243
|
}
|
|
2244
|
+
|
|
1998
2245
|
.step-connect {
|
|
1999
2246
|
height: 2px;
|
|
2000
2247
|
width: 100%;
|
|
2001
2248
|
}
|
|
2249
|
+
|
|
2002
2250
|
.step-connect.inactive {
|
|
2003
2251
|
background-color: var(--gray-200);
|
|
2004
2252
|
}
|
|
2253
|
+
|
|
2005
2254
|
.step-connect.inactive:is(.dark *) {
|
|
2006
2255
|
background-color: var(--gray-600);
|
|
2007
2256
|
}
|
|
2257
|
+
|
|
2008
2258
|
.step-connect.step-connect-vertical {
|
|
2009
2259
|
min-height: 3.5rem;
|
|
2010
2260
|
width: 2px;
|
|
2011
2261
|
}
|
|
2262
|
+
|
|
2012
2263
|
.step-connect.step-connect-vertical:where([dir="ltr"], [dir="ltr"] *) {
|
|
2013
2264
|
margin-left: 1rem;
|
|
2014
2265
|
}
|
|
2266
|
+
|
|
2015
2267
|
.step-connect.step-connect-vertical:where([dir="rtl"], [dir="rtl"] *) {
|
|
2016
2268
|
margin-right: 1rem;
|
|
2017
2269
|
}
|
|
@@ -2050,6 +2302,7 @@
|
|
|
2050
2302
|
user-select: none;
|
|
2051
2303
|
opacity: 0.5;
|
|
2052
2304
|
}
|
|
2305
|
+
|
|
2053
2306
|
.switcher-toggle {
|
|
2054
2307
|
position: absolute;
|
|
2055
2308
|
left: 0.125rem;
|
|
@@ -2062,6 +2315,7 @@
|
|
|
2062
2315
|
transition-duration: 200ms;
|
|
2063
2316
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2064
2317
|
}
|
|
2318
|
+
|
|
2065
2319
|
.switcher-toggle:before {
|
|
2066
2320
|
content: "";
|
|
2067
2321
|
position: absolute;
|
|
@@ -2072,6 +2326,7 @@
|
|
|
2072
2326
|
border-radius: 0.75rem;
|
|
2073
2327
|
background-color: var(--neutral);
|
|
2074
2328
|
}
|
|
2329
|
+
|
|
2075
2330
|
.switcher-content {
|
|
2076
2331
|
margin: 0 0.45rem 0 1.65rem;
|
|
2077
2332
|
--tw-text-opacity: 1;
|
|
@@ -2080,6 +2335,7 @@
|
|
|
2080
2335
|
transition-duration: 200ms;
|
|
2081
2336
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2082
2337
|
}
|
|
2338
|
+
|
|
2083
2339
|
.switcher-toggle-loading {
|
|
2084
2340
|
width: 1.25rem;
|
|
2085
2341
|
height: 1.25rem;
|
|
@@ -2090,10 +2346,12 @@
|
|
|
2090
2346
|
transition-duration: 200ms;
|
|
2091
2347
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2092
2348
|
}
|
|
2349
|
+
|
|
2093
2350
|
.switcher-checked-loading {
|
|
2094
2351
|
--tw-text-opacity: 1 !important;
|
|
2095
2352
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
|
|
2096
2353
|
}
|
|
2354
|
+
|
|
2097
2355
|
.switcher-uncheck-loading:is(.dark *) {
|
|
2098
2356
|
--tw-text-opacity: 1 !important;
|
|
2099
2357
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
|
|
@@ -2156,24 +2414,30 @@
|
|
|
2156
2414
|
.table-default > tfoot > tr > td:is(.dark *) {
|
|
2157
2415
|
border-color: var(--gray-700);
|
|
2158
2416
|
}
|
|
2417
|
+
|
|
2159
2418
|
.table-flex {
|
|
2160
2419
|
min-width: 100%;
|
|
2161
2420
|
}
|
|
2421
|
+
|
|
2162
2422
|
.table-flex > :not([hidden]) ~ :not([hidden]) {
|
|
2163
2423
|
--tw-divide-y-reverse: 0;
|
|
2164
2424
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2165
2425
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2166
2426
|
border-color: var(--gray-200);
|
|
2167
2427
|
}
|
|
2428
|
+
|
|
2168
2429
|
.table-flex:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
|
|
2169
2430
|
border-color: var(--gray-700);
|
|
2170
2431
|
}
|
|
2432
|
+
|
|
2171
2433
|
.table-flex .thead {
|
|
2172
2434
|
background-color: var(--gray-50);
|
|
2173
2435
|
}
|
|
2436
|
+
|
|
2174
2437
|
.table-flex .thead:is(.dark *) {
|
|
2175
2438
|
background-color: var(--gray-700);
|
|
2176
2439
|
}
|
|
2440
|
+
|
|
2177
2441
|
.table-flex .thead .tr .th {
|
|
2178
2442
|
padding-left: 1.5rem;
|
|
2179
2443
|
padding-right: 1.5rem;
|
|
@@ -2187,24 +2451,29 @@
|
|
|
2187
2451
|
letter-spacing: 0.05em;
|
|
2188
2452
|
color: var(--gray-500);
|
|
2189
2453
|
}
|
|
2454
|
+
|
|
2190
2455
|
.table-flex .thead .tr .th:is(.dark *) {
|
|
2191
2456
|
color: var(--gray-100);
|
|
2192
2457
|
}
|
|
2458
|
+
|
|
2193
2459
|
.table-flex .tbody > :not([hidden]) ~ :not([hidden]) {
|
|
2194
2460
|
--tw-divide-y-reverse: 0;
|
|
2195
2461
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2196
2462
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2197
2463
|
border-color: var(--gray-200);
|
|
2198
2464
|
}
|
|
2465
|
+
|
|
2199
2466
|
.table-flex .tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
|
|
2200
2467
|
border-color: var(--gray-700);
|
|
2201
2468
|
}
|
|
2469
|
+
|
|
2202
2470
|
.table-flex .tbody .tr .td {
|
|
2203
2471
|
padding-left: 1.5rem;
|
|
2204
2472
|
padding-right: 1.5rem;
|
|
2205
2473
|
padding-top: 1rem;
|
|
2206
2474
|
padding-bottom: 1rem;
|
|
2207
2475
|
}
|
|
2476
|
+
|
|
2208
2477
|
.table-flex .tfoot .tr .td {
|
|
2209
2478
|
border-top-width: 1px;
|
|
2210
2479
|
padding-left: 1.5rem;
|
|
@@ -2212,39 +2481,49 @@
|
|
|
2212
2481
|
padding-top: 0.75rem;
|
|
2213
2482
|
padding-bottom: 0.75rem;
|
|
2214
2483
|
}
|
|
2484
|
+
|
|
2215
2485
|
.table-flex .tfoot .tr .td:is(.dark *) {
|
|
2216
2486
|
border-color: var(--gray-700);
|
|
2217
2487
|
}
|
|
2488
|
+
|
|
2218
2489
|
.table-border > thead > tr > th {
|
|
2219
2490
|
border-width: 1px;
|
|
2220
2491
|
border-color: var(--gray-200);
|
|
2221
2492
|
}
|
|
2493
|
+
|
|
2222
2494
|
.table-border > thead > tr > th:is(.dark *) {
|
|
2223
2495
|
border-color: var(--gray-700);
|
|
2224
2496
|
}
|
|
2497
|
+
|
|
2225
2498
|
.table-border > tbody > tr > td {
|
|
2226
2499
|
border-width: 1px;
|
|
2227
2500
|
border-color: var(--gray-200);
|
|
2228
2501
|
}
|
|
2502
|
+
|
|
2229
2503
|
.table-border > tbody > tr > td:is(.dark *) {
|
|
2230
2504
|
border-color: var(--gray-700);
|
|
2231
2505
|
}
|
|
2506
|
+
|
|
2232
2507
|
.table-border > tfoot > tr > td {
|
|
2233
2508
|
border-width: 1px;
|
|
2234
2509
|
border-color: var(--gray-200);
|
|
2235
2510
|
}
|
|
2511
|
+
|
|
2236
2512
|
.table-border > tfoot > tr > td:is(.dark *) {
|
|
2237
2513
|
border-color: var(--gray-700);
|
|
2238
2514
|
}
|
|
2515
|
+
|
|
2239
2516
|
.table-virtual > div > :not([hidden]) ~ :not([hidden]) {
|
|
2240
2517
|
--tw-divide-y-reverse: 0;
|
|
2241
2518
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2242
2519
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2243
2520
|
border-color: var(--gray-200);
|
|
2244
2521
|
}
|
|
2522
|
+
|
|
2245
2523
|
.table-virtual > div:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
|
|
2246
2524
|
border-color: var(--gray-700);
|
|
2247
2525
|
}
|
|
2526
|
+
|
|
2248
2527
|
.table-compact thead > tr > th {
|
|
2249
2528
|
padding-left: 0.75rem;
|
|
2250
2529
|
padding-right: 0.75rem;
|
|
@@ -2253,12 +2532,14 @@
|
|
|
2253
2532
|
font-size: 0.75rem;
|
|
2254
2533
|
line-height: 1rem;
|
|
2255
2534
|
}
|
|
2535
|
+
|
|
2256
2536
|
.table-compact tbody > tr > td {
|
|
2257
2537
|
padding-left: 0.75rem;
|
|
2258
2538
|
padding-right: 0.75rem;
|
|
2259
2539
|
padding-top: 0.5rem;
|
|
2260
2540
|
padding-bottom: 0.5rem;
|
|
2261
2541
|
}
|
|
2542
|
+
|
|
2262
2543
|
.table-compact .thead > .tr > .th {
|
|
2263
2544
|
padding-left: 0.75rem;
|
|
2264
2545
|
padding-right: 0.75rem;
|
|
@@ -2267,18 +2548,22 @@
|
|
|
2267
2548
|
font-size: 0.75rem;
|
|
2268
2549
|
line-height: 1rem;
|
|
2269
2550
|
}
|
|
2551
|
+
|
|
2270
2552
|
.table-compact .tbody > .tr > .td {
|
|
2271
2553
|
padding-left: 0.75rem;
|
|
2272
2554
|
padding-right: 0.75rem;
|
|
2273
2555
|
padding-top: 0.5rem;
|
|
2274
2556
|
padding-bottom: 0.5rem;
|
|
2275
2557
|
}
|
|
2558
|
+
|
|
2276
2559
|
.table-hover > tbody > tr:hover > * {
|
|
2277
2560
|
background-color: rgb(0 0 0 / .03);
|
|
2278
2561
|
}
|
|
2562
|
+
|
|
2279
2563
|
.table-hover > tbody > tr:hover > *:is(.dark *) {
|
|
2280
2564
|
background-color: rgb(255 255 255 / .05);
|
|
2281
2565
|
}
|
|
2566
|
+
|
|
2282
2567
|
.table-resizer {
|
|
2283
2568
|
position: absolute;
|
|
2284
2569
|
right: 0px;
|
|
@@ -2289,14 +2574,18 @@
|
|
|
2289
2574
|
border-right-width: 2px;
|
|
2290
2575
|
border-color: var(--gray-200);
|
|
2291
2576
|
}
|
|
2577
|
+
|
|
2292
2578
|
.table-resizer:is(.dark *) {
|
|
2293
2579
|
border-color: var(--gray-600);
|
|
2294
2580
|
}
|
|
2581
|
+
|
|
2295
2582
|
.table-resizer {
|
|
2296
2583
|
touch-action: none;
|
|
2297
2584
|
}
|
|
2585
|
+
|
|
2298
2586
|
.table-resizer.resizing {
|
|
2299
2587
|
}
|
|
2588
|
+
|
|
2300
2589
|
th,
|
|
2301
2590
|
td {
|
|
2302
2591
|
word-wrap: break-word;
|
|
@@ -2307,13 +2596,16 @@ td {
|
|
|
2307
2596
|
overflow-x: auto;
|
|
2308
2597
|
overflow-y: hidden;
|
|
2309
2598
|
}
|
|
2599
|
+
|
|
2310
2600
|
.tab-list-underline {
|
|
2311
2601
|
border-bottom-width: 1px;
|
|
2312
2602
|
border-color: var(--gray-200);
|
|
2313
2603
|
}
|
|
2604
|
+
|
|
2314
2605
|
.tab-list-underline:is(.dark *) {
|
|
2315
2606
|
border-color: var(--gray-700);
|
|
2316
2607
|
}
|
|
2608
|
+
|
|
2317
2609
|
.tab-nav {
|
|
2318
2610
|
display: flex;
|
|
2319
2611
|
cursor: pointer;
|
|
@@ -2325,13 +2617,16 @@ td {
|
|
|
2325
2617
|
transition-duration: 200ms;
|
|
2326
2618
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2327
2619
|
}
|
|
2620
|
+
|
|
2328
2621
|
.tab-nav:is(.dark *) {
|
|
2329
2622
|
color: var(--gray-100);
|
|
2330
2623
|
}
|
|
2624
|
+
|
|
2331
2625
|
.tab-nav.tab-nav-disabled {
|
|
2332
2626
|
cursor: not-allowed;
|
|
2333
2627
|
opacity: 0.6;
|
|
2334
2628
|
}
|
|
2629
|
+
|
|
2335
2630
|
.tab-nav-underline {
|
|
2336
2631
|
border-bottom-width: 2px;
|
|
2337
2632
|
border-color: transparent;
|
|
@@ -2340,6 +2635,7 @@ td {
|
|
|
2340
2635
|
padding-top: 0.75rem;
|
|
2341
2636
|
padding-bottom: 0.75rem;
|
|
2342
2637
|
}
|
|
2638
|
+
|
|
2343
2639
|
.tab-nav-pill {
|
|
2344
2640
|
margin-right: 0.25rem;
|
|
2345
2641
|
border-radius: 9999px;
|
|
@@ -2348,16 +2644,20 @@ td {
|
|
|
2348
2644
|
padding-top: 0.75rem;
|
|
2349
2645
|
padding-bottom: 0.75rem;
|
|
2350
2646
|
}
|
|
2647
|
+
|
|
2351
2648
|
.tab-nav-pill:where([dir="rtl"], [dir="rtl"] *) {
|
|
2352
2649
|
margin-left: 0.25rem;
|
|
2353
2650
|
}
|
|
2651
|
+
|
|
2354
2652
|
.tab-nav-icon {
|
|
2355
2653
|
font-size: 1.125rem;
|
|
2356
2654
|
line-height: 1.75rem;
|
|
2357
2655
|
}
|
|
2656
|
+
|
|
2358
2657
|
.tab-nav-icon:where([dir="ltr"], [dir="ltr"] *) {
|
|
2359
2658
|
margin-right: 0.375rem;
|
|
2360
2659
|
}
|
|
2660
|
+
|
|
2361
2661
|
.tab-nav-icon:where([dir="rtl"], [dir="rtl"] *) {
|
|
2362
2662
|
margin-left: 0.375rem;
|
|
2363
2663
|
}
|
|
@@ -2375,21 +2675,26 @@ td {
|
|
|
2375
2675
|
line-height: 1rem;
|
|
2376
2676
|
font-weight: 600;
|
|
2377
2677
|
}
|
|
2678
|
+
|
|
2378
2679
|
.tag-affix {
|
|
2379
2680
|
height: 0.5rem;
|
|
2380
2681
|
width: 0.5rem;
|
|
2381
2682
|
border-radius: 9999px;
|
|
2382
2683
|
background-color: var(--gray-400);
|
|
2383
2684
|
}
|
|
2685
|
+
|
|
2384
2686
|
.tag-prefix {
|
|
2385
2687
|
margin-right: 0.375rem;
|
|
2386
2688
|
}
|
|
2689
|
+
|
|
2387
2690
|
.tag-prefix:where([dir="rtl"], [dir="rtl"] *) {
|
|
2388
2691
|
margin-left: 0.375rem;
|
|
2389
2692
|
}
|
|
2693
|
+
|
|
2390
2694
|
.tag-suffix {
|
|
2391
2695
|
margin-left: 0.375rem;
|
|
2392
2696
|
}
|
|
2697
|
+
|
|
2393
2698
|
.tag-suffix:where([dir="rtl"], [dir="rtl"] *) {
|
|
2394
2699
|
margin-right: 0.375rem;
|
|
2395
2700
|
}
|
|
@@ -2403,15 +2708,18 @@ td {
|
|
|
2403
2708
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2404
2709
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2405
2710
|
}
|
|
2711
|
+
|
|
2406
2712
|
.time-input-wrapper {
|
|
2407
2713
|
display: flex;
|
|
2408
2714
|
height: 100%;
|
|
2409
2715
|
align-items: center;
|
|
2410
2716
|
}
|
|
2717
|
+
|
|
2411
2718
|
.time-input-wrapper:where([dir="rtl"], [dir="rtl"] *) {
|
|
2412
2719
|
flex-direction: row-reverse;
|
|
2413
2720
|
justify-content: flex-end;
|
|
2414
2721
|
}
|
|
2722
|
+
|
|
2415
2723
|
.time-input-separator {
|
|
2416
2724
|
margin-left: 0.5rem;
|
|
2417
2725
|
margin-right: 0.5rem;
|
|
@@ -2420,54 +2728,66 @@ td {
|
|
|
2420
2728
|
flex-direction: column;
|
|
2421
2729
|
align-items: flex-start;
|
|
2422
2730
|
}
|
|
2731
|
+
|
|
2423
2732
|
.timeline-item {
|
|
2424
2733
|
display: flex;
|
|
2425
2734
|
min-height: 70px;
|
|
2426
2735
|
}
|
|
2736
|
+
|
|
2427
2737
|
.timeline-item-last {
|
|
2428
2738
|
min-height: -moz-max-content;
|
|
2429
2739
|
min-height: max-content;
|
|
2430
2740
|
}
|
|
2741
|
+
|
|
2431
2742
|
.timeline-item-media {
|
|
2432
2743
|
display: flex;
|
|
2433
2744
|
flex-direction: column;
|
|
2434
2745
|
align-items: center;
|
|
2435
2746
|
}
|
|
2747
|
+
|
|
2436
2748
|
.timeline-item-media-content {
|
|
2437
2749
|
margin-top: 0.25rem;
|
|
2438
2750
|
margin-bottom: 0.25rem;
|
|
2439
2751
|
}
|
|
2752
|
+
|
|
2440
2753
|
.timeline-item-media-default {
|
|
2441
2754
|
height: 1rem;
|
|
2442
2755
|
width: 1rem;
|
|
2443
2756
|
border-radius: 9999px;
|
|
2444
2757
|
background-color: var(--gray-200);
|
|
2445
2758
|
}
|
|
2759
|
+
|
|
2446
2760
|
.timeline-item-media-default:is(.dark *) {
|
|
2447
2761
|
background-color: var(--gray-600);
|
|
2448
2762
|
}
|
|
2763
|
+
|
|
2449
2764
|
.timeline-item-wrapper {
|
|
2450
2765
|
display: flex;
|
|
2451
2766
|
flex: 1 1 auto;
|
|
2452
2767
|
}
|
|
2768
|
+
|
|
2453
2769
|
.timeline-item-content {
|
|
2454
2770
|
margin-left: 1rem;
|
|
2455
2771
|
width: 100%;
|
|
2456
2772
|
padding-bottom: 1.5rem;
|
|
2457
2773
|
padding-top: 0.125rem;
|
|
2458
2774
|
}
|
|
2775
|
+
|
|
2459
2776
|
.timeline-item-content:where([dir="rtl"], [dir="rtl"] *) {
|
|
2460
2777
|
margin-right: 1rem;
|
|
2461
2778
|
}
|
|
2779
|
+
|
|
2462
2780
|
.timeline-item-content-last {
|
|
2463
2781
|
padding-bottom: 0px;
|
|
2464
2782
|
}
|
|
2783
|
+
|
|
2465
2784
|
.timeline-connect {
|
|
2466
2785
|
height: 100%;
|
|
2467
2786
|
width: 2px;
|
|
2468
2787
|
flex-grow: 1;
|
|
2469
2788
|
background-color: var(--gray-200);
|
|
2470
2789
|
}
|
|
2790
|
+
|
|
2471
2791
|
.timeline-connect:is(.dark *) {
|
|
2472
2792
|
background-color: var(--gray-600);
|
|
2473
2793
|
}
|
|
@@ -2498,17 +2818,20 @@ td {
|
|
|
2498
2818
|
.upload.disabled .upload-input {
|
|
2499
2819
|
cursor: not-allowed;
|
|
2500
2820
|
}
|
|
2821
|
+
|
|
2501
2822
|
.upload-input {
|
|
2502
2823
|
position: absolute;
|
|
2503
2824
|
inset: 0px;
|
|
2504
2825
|
display: none;
|
|
2505
2826
|
}
|
|
2827
|
+
|
|
2506
2828
|
.upload-input.draggable {
|
|
2507
2829
|
display: block;
|
|
2508
2830
|
width: 100%;
|
|
2509
2831
|
cursor: pointer;
|
|
2510
2832
|
opacity: 0;
|
|
2511
2833
|
}
|
|
2834
|
+
|
|
2512
2835
|
.upload-draggable {
|
|
2513
2836
|
min-height: 7rem;
|
|
2514
2837
|
display: flex;
|
|
@@ -2520,24 +2843,30 @@ td {
|
|
|
2520
2843
|
border-style: dashed;
|
|
2521
2844
|
border-color: var(--gray-300);
|
|
2522
2845
|
}
|
|
2846
|
+
|
|
2523
2847
|
.upload-draggable:is(.dark *) {
|
|
2524
2848
|
border-color: var(--gray-600);
|
|
2525
2849
|
}
|
|
2850
|
+
|
|
2526
2851
|
.upload-file-list {
|
|
2527
2852
|
margin-top: 1rem;
|
|
2528
2853
|
}
|
|
2854
|
+
|
|
2529
2855
|
.upload-file-info {
|
|
2530
2856
|
min-height: 4rem;
|
|
2531
2857
|
display: flex;
|
|
2532
2858
|
flex-direction: column;
|
|
2533
2859
|
justify-content: center;
|
|
2534
2860
|
}
|
|
2861
|
+
|
|
2535
2862
|
.upload-file-info:where([dir="ltr"], [dir="ltr"] *) {
|
|
2536
2863
|
margin-left: 0.75rem;
|
|
2537
2864
|
}
|
|
2865
|
+
|
|
2538
2866
|
.upload-file-info:where([dir="rtl"], [dir="rtl"] *) {
|
|
2539
2867
|
margin-right: 0.75rem;
|
|
2540
2868
|
}
|
|
2869
|
+
|
|
2541
2870
|
.upload-file {
|
|
2542
2871
|
margin-bottom: 0.5rem;
|
|
2543
2872
|
display: flex;
|
|
@@ -2546,9 +2875,11 @@ td {
|
|
|
2546
2875
|
border-radius: 0.5rem;
|
|
2547
2876
|
background-color: var(--gray-100);
|
|
2548
2877
|
}
|
|
2878
|
+
|
|
2549
2879
|
.upload-file:is(.dark *) {
|
|
2550
2880
|
background-color: var(--gray-700);
|
|
2551
2881
|
}
|
|
2882
|
+
|
|
2552
2883
|
.upload-file-thumbnail {
|
|
2553
2884
|
display: flex;
|
|
2554
2885
|
height: 4rem;
|
|
@@ -2557,9 +2888,11 @@ td {
|
|
|
2557
2888
|
justify-content: center;
|
|
2558
2889
|
padding: 0.5rem;
|
|
2559
2890
|
}
|
|
2891
|
+
|
|
2560
2892
|
.upload-file-image {
|
|
2561
2893
|
max-width: 100%;
|
|
2562
2894
|
}
|
|
2895
|
+
|
|
2563
2896
|
.upload-file-remove {
|
|
2564
2897
|
margin-left: 0.5rem;
|
|
2565
2898
|
margin-right: 0.5rem;
|
|
@@ -2577,21 +2910,24 @@ td {
|
|
|
2577
2910
|
display: inline-flex;
|
|
2578
2911
|
align-items: center;
|
|
2579
2912
|
justify-content: center;
|
|
2580
|
-
}
|
|
2913
|
+
}
|
|
2914
|
+
|
|
2581
2915
|
.orbe-loader__logo {
|
|
2582
2916
|
width: 68%;
|
|
2583
2917
|
height: 68%;
|
|
2584
2918
|
-o-object-fit: contain;
|
|
2585
2919
|
object-fit: contain;
|
|
2586
2920
|
animation: orbePulse 1.4s ease-in-out infinite;
|
|
2587
|
-
}
|
|
2921
|
+
}
|
|
2922
|
+
|
|
2588
2923
|
.orbe-loader__orbit {
|
|
2589
2924
|
position: absolute;
|
|
2590
2925
|
inset: 0;
|
|
2591
2926
|
border-radius: 999px;
|
|
2592
2927
|
border: 1.5px solid var(--loader-ring);
|
|
2593
2928
|
animation: orbeRotate 1.1s linear infinite;
|
|
2594
|
-
}
|
|
2929
|
+
}
|
|
2930
|
+
|
|
2595
2931
|
.orbe-loader__orbit::before {
|
|
2596
2932
|
content: "";
|
|
2597
2933
|
position: absolute;
|
|
@@ -2607,12 +2943,14 @@ td {
|
|
|
2607
2943
|
);
|
|
2608
2944
|
transform: translateX(-50%);
|
|
2609
2945
|
box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
|
|
2610
|
-
}
|
|
2946
|
+
}
|
|
2947
|
+
|
|
2611
2948
|
@keyframes orbeRotate {
|
|
2612
2949
|
to {
|
|
2613
2950
|
transform: rotate(360deg);
|
|
2614
2951
|
}
|
|
2615
|
-
}
|
|
2952
|
+
}
|
|
2953
|
+
|
|
2616
2954
|
@keyframes orbePulse {
|
|
2617
2955
|
0%,
|
|
2618
2956
|
100% {
|
|
@@ -2624,18 +2962,21 @@ td {
|
|
|
2624
2962
|
transform: scale(1);
|
|
2625
2963
|
opacity: 1;
|
|
2626
2964
|
}
|
|
2627
|
-
}
|
|
2628
|
-
|
|
2965
|
+
}
|
|
2966
|
+
|
|
2967
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2629
2968
|
[data-theme="dark"] .orbe-loader {
|
|
2630
2969
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2631
|
-
}
|
|
2632
|
-
|
|
2970
|
+
}
|
|
2971
|
+
|
|
2972
|
+
/** Estado neutro / desabilitado */
|
|
2633
2973
|
.orbe-loader.is-muted {
|
|
2634
2974
|
--loader-color: #666362;
|
|
2635
2975
|
--loader-color-2: #666362;
|
|
2636
2976
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2637
|
-
}
|
|
2638
|
-
|
|
2977
|
+
}
|
|
2978
|
+
|
|
2979
|
+
/** Acessibilidade: reduzir movimento */
|
|
2639
2980
|
@media (prefers-reduced-motion: reduce) {
|
|
2640
2981
|
.orbe-loader__logo,
|
|
2641
2982
|
.orbe-loader__orbit {
|