maz-ui 3.4.1 → 3.4.3

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/css/main.css CHANGED
@@ -1,1782 +1 @@
1
- *,
2
- ::before,
3
- ::after {
4
- border-width: 0;
5
- border-style: solid;
6
- border-color: currentcolor;
7
- -webkit-box-sizing: border-box;
8
- box-sizing: border-box;
9
- }
10
-
11
- button {
12
- background-color: transparent;
13
- }
14
-
15
- button,
16
- input,
17
- optgroup,
18
- select,
19
- textarea {
20
- font-family: inherit;
21
- font-size: 100%;
22
- line-height: 1.15;
23
- margin: 0;
24
- }
25
-
26
- /* Color palette generate with https://noeldelgado.github.io/shadowlord/#002b6f and 17,5% parameter */
27
-
28
- :root {
29
- /* PRIMARY */
30
- --maz-color-primary-50: hsl(210deg 100% 95%);
31
- --maz-color-primary-100: hsl(210deg 100% 87%);
32
- --maz-color-primary-200: hsl(210deg 100% 79%);
33
- --maz-color-primary-300: hsl(210deg 100% 71%);
34
- --maz-color-primary-400: hsl(210deg 100% 64%);
35
- --maz-color-primary: hsl(210deg 100% 56%);
36
- --maz-color-primary-600: hsl(210deg 79% 46%);
37
- --maz-color-primary-700: hsl(210deg 78% 36%);
38
- --maz-color-primary-800: hsl(210deg 79% 26%);
39
- --maz-color-primary-900: hsl(210deg 79% 17%);
40
- --maz-color-primary-contrast: hsl(0deg 0% 100%);
41
- --maz-color-primary-alpha: hsl(210deg 100% 56% / 60%);
42
- --maz-color-primary-alpha-20: hsl(210deg 100% 56% / 20%);
43
- /* SECONDARY */
44
- --maz-color-secondary-50: hsl(164deg 65% 93%);
45
- --maz-color-secondary-100: hsl(164deg 66% 84%);
46
- --maz-color-secondary-200: hsl(164deg 66% 75%);
47
- --maz-color-secondary-300: hsl(164deg 66% 65%);
48
- --maz-color-secondary-400: hsl(164deg 66% 56%);
49
- --maz-color-secondary: hsl(164deg 76% 46%);
50
- --maz-color-secondary-600: hsl(164deg 76% 38%);
51
- --maz-color-secondary-700: hsl(164deg 77% 30%);
52
- --maz-color-secondary-800: hsl(164deg 77% 22%);
53
- --maz-color-secondary-900: hsl(164deg 77% 14%);
54
- --maz-color-secondary-contrast: hsl(0deg 0% 100%);
55
- --maz-color-secondary-alpha: hsl(164deg 76% 46% / 60%);
56
- --maz-color-secondary-alpha-20: hsl(164deg 76% 46% / 20%);
57
- /* INFO */
58
- --maz-color-info-50: hsl(188deg 53% 93%);
59
- --maz-color-info-100: hsl(188deg 54% 82%);
60
- --maz-color-info-200: hsl(188deg 53% 72%);
61
- --maz-color-info-300: hsl(188deg 53% 61%);
62
- --maz-color-info-400: hsl(188deg 53% 51%);
63
- --maz-color-info: hsl(188deg 78% 41%);
64
- --maz-color-info-600: hsl(188deg 78% 34%);
65
- --maz-color-info-700: hsl(188deg 78% 26%);
66
- --maz-color-info-800: hsl(188deg 78% 19%);
67
- --maz-color-info-900: hsl(188deg 77% 12%);
68
- --maz-color-info-contrast: hsl(0deg 0% 100%);
69
- --maz-color-info-alpha: hsl(188deg 78% 41% / 60%);
70
- --maz-color-info-alpha-20: hsl(188deg 78% 41% / 20%);
71
- /* SUCCESS */
72
- --maz-color-success-50: hsl(80deg 63% 94%);
73
- --maz-color-success-100: hsl(80deg 61% 85%);
74
- --maz-color-success-200: hsl(80deg 60% 76%);
75
- --maz-color-success-300: hsl(80deg 61% 68%);
76
- --maz-color-success-400: hsl(80deg 61% 59%);
77
- --maz-color-success: hsl(80deg 61% 50%);
78
- --maz-color-success-600: hsl(80deg 61% 41%);
79
- --maz-color-success-700: hsl(80deg 60% 33%);
80
- --maz-color-success-800: hsl(80deg 60% 24%);
81
- --maz-color-success-900: hsl(80deg 61% 15%);
82
- --maz-color-success-contrast: hsl(0deg 0% 100%);
83
- --maz-color-success-alpha: hsl(80deg 61% 50% / 60%);
84
- --maz-color-success-alpha-20: hsl(80deg 61% 50% / 20%);
85
- /* WARNING */
86
- --maz-color-warning-50: hsl(40deg 100% 95%);
87
- --maz-color-warning-100: hsl(40deg 97% 88%);
88
- --maz-color-warning-200: hsl(40deg 98% 81%);
89
- --maz-color-warning-300: hsl(40deg 97% 73%);
90
- --maz-color-warning-400: hsl(40deg 98% 66%);
91
- --maz-color-warning: hsl(40deg 97% 59%);
92
- --maz-color-warning-600: hsl(40deg 68% 49%);
93
- --maz-color-warning-700: hsl(40deg 67% 38%);
94
- --maz-color-warning-800: hsl(40deg 68% 28%);
95
- --maz-color-warning-900: hsl(40deg 67% 18%);
96
- --maz-color-warning-contrast: hsl(217deg 19% 27%);
97
- --maz-color-warning-alpha: hsl(40deg 97% 59% / 60%);
98
- --maz-color-warning-alpha-20: hsl(40deg 97% 59% / 20%);
99
- /* DANGER */
100
- --maz-color-danger-50: hsl(1deg 100% 96%);
101
- --maz-color-danger-100: hsl(1deg 100% 91%);
102
- --maz-color-danger-200: hsl(2deg 100% 86%);
103
- --maz-color-danger-300: hsl(1deg 100% 81%);
104
- --maz-color-danger-400: hsl(1deg 100% 76%);
105
- --maz-color-danger: hsl(1deg 100% 71%);
106
- --maz-color-danger-600: hsl(1deg 58% 58%);
107
- --maz-color-danger-700: hsl(1deg 41% 46%);
108
- --maz-color-danger-800: hsl(g 42% 34%);
109
- --maz-color-danger-900: hsl(1deg 41% 21%);
110
- --maz-color-danger-contrast: hsl(0deg 0% 100%);
111
- --maz-color-danger-alpha: hsl(1deg 100% 71% / 60%);
112
- --maz-color-danger-alpha-20: hsl(1deg 100% 71% / 20%);
113
- /* WHITE */
114
- --maz-color-white: hsl(0deg 0% 100%);
115
- --maz-color-white-contrast: hsl(0deg 0% 0%);
116
- /* BLACK */
117
- --maz-color-black: hsl(0deg 0% 0%);
118
- --maz-color-black-contrast: hsl(0deg 0% 100%);
119
- /** TEXT COLOR LIGHT **/
120
- --maz-color-text-light: hsl(0deg 0% 85%);
121
- --maz-color-muted-light: hsl(0deg 0% 0% / 54%);
122
- /** TEXT COLOR DARK **/
123
- --maz-color-text-dark: hsl(210deg 8% 14%);
124
- --maz-color-muted-dark: hsl(0deg 0% 89% / 54%);
125
- /** BG OVERLAY **/
126
- --maz-bg-overlay: hsl(0deg 0% 0% / 50%);
127
- /** BG LIGHT COLOR **/
128
- --maz-bg-color-light: hsl(0deg 0% 100%);
129
- --maz-bg-color-light-light: hsl(0deg 0% 94%);
130
- --maz-bg-color-light-lighter: hsl(0deg 0% 95%);
131
- /** BG DARK COLOR **/
132
- --maz-bg-color-dark: hsl(235deg 16% 15%);
133
- --maz-bg-color-dark-light: hsl(237deg 17% 23%);
134
- --maz-bg-color-dark-lighter: hsl(238deg 17% 28%);
135
- /**
136
- * DEFAULT BORDER WIDTH (0.125rem = 2px with a font-size base of 16px)
137
- **/
138
- --maz-border-width: 0.125rem;
139
- /**
140
- * DEFAULT BORDER RADIUS (0.5rem = 8px with a font-size base of 16px)
141
- **/
142
- --maz-border-radius: 0.5rem;
143
- /**
144
- * FONT FAMILY
145
- * Not used in the library --> Use this variable on your <html> element (optional)
146
- **/
147
- --maz-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
148
- roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans',
149
- 'Helvetica Neue', sans-serif;
150
- /* USAGE */
151
- --maz-color-text: var(--maz-color-text-dark);
152
- --maz-color-muted: var(--maz-color-muted-light);
153
- --maz-color-bg: var(--maz-bg-color-light);
154
- --maz-color-bg-light: var(--maz-bg-color-light-light);
155
- --maz-color-bg-lighter: var(--maz-bg-color-light-lighter);
156
- }
157
-
158
- html.dark {
159
- /* USAGE */
160
- --maz-color-text: var(--maz-color-text-light);
161
- --maz-color-muted: var(--maz-color-muted-dark);
162
- --maz-color-bg: var(--maz-bg-color-dark);
163
- --maz-color-bg-light: var(--maz-bg-color-dark-light);
164
- --maz-color-bg-lighter: var(--maz-bg-color-dark-lighter);
165
- }
166
-
167
- :root {
168
- --maz-container-padding-mobile: 1rem;
169
- --maz-container-padding-tablet: 2rem;
170
- --maz-container-padding-desktop: 2.5rem;
171
- --maz-container-padding-value: var(--maz-container-padding-mobile);
172
- --maz-container-width: calc(100% - var(--maz-container-padding-value) * 2);
173
- --maz-container-padding: calc(50% - var(--maz-container-width) / 2);
174
- --maz-container-max-width: var(--maz-screen-lap-xl);
175
- }
176
-
177
- /* .maz-padded-container {
178
- width: 100%;
179
- padding-left: var(--maz-container-padding);
180
- padding-right: var(--maz-container-padding);
181
-
182
- &.-no-p {
183
- padding-left: calc(50% - var(--maz-container-max-width) / 2);
184
- padding-right: calc(50% - var(--maz-container-max-width) / 2);
185
- }
186
- } */
187
-
188
- /*
189
- Info: 2.5rem = 40px
190
- ---
191
- 1520px = max-width + (padding-desktop * 2)
192
- 1520px = 1440px + (2.5rem * 2)
193
- */
194
-
195
- @media only screen and (min-width: 1520px) {
196
- :root {
197
- --maz-container-width: var(--maz-container-max-width);
198
- }
199
- }
200
-
201
- @media (min-width: 576px) {
202
- :root {
203
- --maz-container-padding-value: var(--maz-container-padding-tablet);
204
- }
205
- }
206
-
207
- @media (min-width: 1024px) {
208
- :root {
209
- --maz-container-padding-value: var(--maz-container-padding-desktop);
210
- }
211
- }
212
-
213
- .maz-scale-enter-active,
214
- .maz-scale-leave-active {
215
- opacity: 1;
216
- z-index: 1;
217
- -webkit-transition: all 300ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
218
- transition: all 300ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
219
- }
220
-
221
- .maz-scale-enter-from,
222
- .maz-scale-leave-to {
223
- opacity: 0.4;
224
- z-index: 1;
225
- -webkit-transform: scale(0);
226
- transform: scale(0);
227
- }
228
-
229
- .maz-scale-fade-enter-active,
230
- .maz-scale-fade-leave-active {
231
- opacity: 1;
232
- z-index: 1;
233
- -webkit-transition: all 200ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
234
- transition: all 200ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
235
- }
236
-
237
- .maz-scale-fade-enter-from,
238
- .maz-scale-fade-leave-to {
239
- opacity: 0;
240
- z-index: 1;
241
- -webkit-transform: scale(0.5);
242
- transform: scale(0.5);
243
- }
244
-
245
- .maz-scale-loading-enter-active,
246
- .maz-scale-loading-leave-active {
247
- -webkit-transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
248
- transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
249
- opacity: 1;
250
- }
251
-
252
- .maz-scale-loading-enter-active .app-loader__content,
253
- .maz-scale-loading-leave-active .app-loader__content {
254
- opacity: 1;
255
- z-index: 1;
256
- -webkit-transform: scale(1);
257
- transform: scale(1);
258
- -webkit-transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
259
- transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
260
- }
261
-
262
- .maz-scale-loading-enter-from .app-loader__content,
263
- .maz-scale-loading-leave-to .app-loader__content {
264
- opacity: 0.4;
265
- z-index: 1;
266
- -webkit-transform: scale(0);
267
- transform: scale(0);
268
- }
269
-
270
- .maz-scale-loading-enter-from,
271
- .maz-scale-loading-leave-to {
272
- -webkit-transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
273
- transition: all 500ms cubic-bezier(0.4, 0.52, 0.26, 0.9);
274
- opacity: 0;
275
- }
276
-
277
- /** Slide vertical animation **/
278
-
279
- .maz-slidevnext-leave-active,
280
- .maz-slidevnext-enter-active,
281
- .maz-slidevprev-leave-active,
282
- .maz-slidevprev-enter-active {
283
- position: absolute;
284
- -webkit-transition: all 300ms;
285
- transition: all 300ms;
286
- }
287
-
288
- .maz-slidevnext-enter-from,
289
- .maz-slidevprev-leave-to {
290
- -webkit-transform: translateY(100%);
291
- transform: translateY(100%);
292
- opacity: 0;
293
- }
294
-
295
- .maz-slidevnext-leave-to,
296
- .maz-slidevprev-enter-from {
297
- -webkit-transform: translateY(-100%);
298
- transform: translateY(-100%);
299
- opacity: 0;
300
- }
301
-
302
- .maz-slide-enter-active,
303
- .maz-slide-leave-active {
304
- opacity: 1;
305
- z-index: 998;
306
- -webkit-transition: all 300ms ease-in-out;
307
- transition: all 300ms ease-in-out;
308
- -webkit-transform: translateY(0);
309
- transform: translateY(0);
310
- }
311
-
312
- .maz-slide-enter-from,
313
- .maz-slide-leave-to {
314
- opacity: 0;
315
- z-index: 998;
316
- -webkit-transform: translateY(-20px);
317
- transform: translateY(-20px);
318
- }
319
-
320
- /** Slide animation **/
321
-
322
- .maz-slideinvert-enter-active,
323
- .maz-slideinvert-leave-active {
324
- opacity: 1;
325
- z-index: 998;
326
- -webkit-transition: all 300ms ease-in-out;
327
- transition: all 300ms ease-in-out;
328
- -webkit-transform: translateY(0);
329
- transform: translateY(0);
330
- }
331
-
332
- .maz-slideinvert-enter-from,
333
- .maz-slideinvert-leave-to {
334
- opacity: 0;
335
- z-index: 998;
336
- -webkit-transform: translateY(40px);
337
- transform: translateY(40px);
338
- }
339
-
340
- .maz-tags-enter-active,
341
- .maz-tags-leave-active {
342
- opacity: 1;
343
- -webkit-transition: opacity 300ms, -webkit-transform 300ms;
344
- transition: opacity 300ms, -webkit-transform 300ms;
345
- transition: transform 300ms, opacity 300ms;
346
- transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
347
- -webkit-transform: translateX(0);
348
- transform: translateX(0);
349
- }
350
-
351
- .maz-tags-enter-from,
352
- .maz-tags-leave-to {
353
- opacity: 0;
354
- -webkit-transform: translateX(-100%);
355
- transform: translateX(-100%);
356
- }
357
-
358
- .maz-tags-invert-enter-active,
359
- .maz-tags-invert-leave-active {
360
- opacity: 1;
361
- -webkit-transition: opacity 300ms, -webkit-transform 300ms;
362
- transition: opacity 300ms, -webkit-transform 300ms;
363
- transition: transform 300ms, opacity 300ms;
364
- transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
365
- -webkit-transform: translateX(0);
366
- transform: translateX(0);
367
- }
368
-
369
- .maz-tags-invert-enter-from,
370
- .maz-tags-invert-leave-to {
371
- opacity: 0;
372
- -webkit-transform: translateX(100%);
373
- transform: translateX(100%);
374
- }
375
-
376
- .maz-expand-enter-active,
377
- .maz-expand-leave-active {
378
- -webkit-transition: all 300ms ease-in-out;
379
- transition: all 300ms ease-in-out;
380
- -webkit-transition-property: opacity, height;
381
- transition-property: opacity, height;
382
- overflow: hidden;
383
- }
384
-
385
- .maz-expand-enter-from,
386
- .maz-expand-leave-to {
387
- height: 0;
388
- opacity: 0;
389
- }
390
-
391
- /**
392
- * Tabs Transisiton
393
- */
394
-
395
- .maz-tab-transition-enter-from {
396
- -webkit-transform: translate(100%, 0);
397
- transform: translate(100%, 0);
398
- }
399
-
400
- .maz-tab-transition-leave,
401
- .maz-tab-transition-leave-active {
402
- position: absolute !important;
403
- top: 0;
404
- }
405
-
406
- .maz-tab-transition-leave-to {
407
- position: absolute !important;
408
- -webkit-transform: translate(-100%, 0);
409
- transform: translate(-100%, 0);
410
- }
411
-
412
- .maz-tab-reverse-transition-enter-from {
413
- -webkit-transform: translate(-100%, 0);
414
- transform: translate(-100%, 0);
415
- }
416
-
417
- .maz-tab-reverse-transition-leave,
418
- .maz-tab-reverse-transition-leave-to {
419
- top: 0;
420
- position: absolute !important;
421
- -webkit-transform: translate(100%, 0);
422
- transform: translate(100%, 0);
423
- }
424
-
425
- *, ::before, ::after {
426
- --tw-border-spacing-x: 0;
427
- --tw-border-spacing-y: 0;
428
- --tw-translate-x: 0;
429
- --tw-translate-y: 0;
430
- --tw-rotate: 0;
431
- --tw-skew-x: 0;
432
- --tw-skew-y: 0;
433
- --tw-scale-x: 1;
434
- --tw-scale-y: 1;
435
- --tw-pan-x: ;
436
- --tw-pan-y: ;
437
- --tw-pinch-zoom: ;
438
- --tw-scroll-snap-strictness: proximity;
439
- --tw-ordinal: ;
440
- --tw-slashed-zero: ;
441
- --tw-numeric-figure: ;
442
- --tw-numeric-spacing: ;
443
- --tw-numeric-fraction: ;
444
- --tw-ring-inset: ;
445
- --tw-ring-offset-width: 0px;
446
- --tw-ring-offset-color: #fff;
447
- --tw-ring-color: rgb(59 130 246 / 0.5);
448
- --tw-ring-offset-shadow: 0 0 #0000;
449
- --tw-ring-shadow: 0 0 #0000;
450
- --tw-shadow: 0 0 #0000;
451
- --tw-shadow-colored: 0 0 #0000;
452
- --tw-blur: ;
453
- --tw-brightness: ;
454
- --tw-contrast: ;
455
- --tw-grayscale: ;
456
- --tw-hue-rotate: ;
457
- --tw-invert: ;
458
- --tw-saturate: ;
459
- --tw-sepia: ;
460
- --tw-drop-shadow: ;
461
- --tw-backdrop-blur: ;
462
- --tw-backdrop-brightness: ;
463
- --tw-backdrop-contrast: ;
464
- --tw-backdrop-grayscale: ;
465
- --tw-backdrop-hue-rotate: ;
466
- --tw-backdrop-invert: ;
467
- --tw-backdrop-opacity: ;
468
- --tw-backdrop-saturate: ;
469
- --tw-backdrop-sepia: ;
470
- }
471
-
472
- ::-webkit-backdrop {
473
- --tw-border-spacing-x: 0;
474
- --tw-border-spacing-y: 0;
475
- --tw-translate-x: 0;
476
- --tw-translate-y: 0;
477
- --tw-rotate: 0;
478
- --tw-skew-x: 0;
479
- --tw-skew-y: 0;
480
- --tw-scale-x: 1;
481
- --tw-scale-y: 1;
482
- --tw-pan-x: ;
483
- --tw-pan-y: ;
484
- --tw-pinch-zoom: ;
485
- --tw-scroll-snap-strictness: proximity;
486
- --tw-ordinal: ;
487
- --tw-slashed-zero: ;
488
- --tw-numeric-figure: ;
489
- --tw-numeric-spacing: ;
490
- --tw-numeric-fraction: ;
491
- --tw-ring-inset: ;
492
- --tw-ring-offset-width: 0px;
493
- --tw-ring-offset-color: #fff;
494
- --tw-ring-color: rgb(59 130 246 / 0.5);
495
- --tw-ring-offset-shadow: 0 0 #0000;
496
- --tw-ring-shadow: 0 0 #0000;
497
- --tw-shadow: 0 0 #0000;
498
- --tw-shadow-colored: 0 0 #0000;
499
- --tw-blur: ;
500
- --tw-brightness: ;
501
- --tw-contrast: ;
502
- --tw-grayscale: ;
503
- --tw-hue-rotate: ;
504
- --tw-invert: ;
505
- --tw-saturate: ;
506
- --tw-sepia: ;
507
- --tw-drop-shadow: ;
508
- --tw-backdrop-blur: ;
509
- --tw-backdrop-brightness: ;
510
- --tw-backdrop-contrast: ;
511
- --tw-backdrop-grayscale: ;
512
- --tw-backdrop-hue-rotate: ;
513
- --tw-backdrop-invert: ;
514
- --tw-backdrop-opacity: ;
515
- --tw-backdrop-saturate: ;
516
- --tw-backdrop-sepia: ;
517
- }
518
-
519
- ::backdrop {
520
- --tw-border-spacing-x: 0;
521
- --tw-border-spacing-y: 0;
522
- --tw-translate-x: 0;
523
- --tw-translate-y: 0;
524
- --tw-rotate: 0;
525
- --tw-skew-x: 0;
526
- --tw-skew-y: 0;
527
- --tw-scale-x: 1;
528
- --tw-scale-y: 1;
529
- --tw-pan-x: ;
530
- --tw-pan-y: ;
531
- --tw-pinch-zoom: ;
532
- --tw-scroll-snap-strictness: proximity;
533
- --tw-ordinal: ;
534
- --tw-slashed-zero: ;
535
- --tw-numeric-figure: ;
536
- --tw-numeric-spacing: ;
537
- --tw-numeric-fraction: ;
538
- --tw-ring-inset: ;
539
- --tw-ring-offset-width: 0px;
540
- --tw-ring-offset-color: #fff;
541
- --tw-ring-color: rgb(59 130 246 / 0.5);
542
- --tw-ring-offset-shadow: 0 0 #0000;
543
- --tw-ring-shadow: 0 0 #0000;
544
- --tw-shadow: 0 0 #0000;
545
- --tw-shadow-colored: 0 0 #0000;
546
- --tw-blur: ;
547
- --tw-brightness: ;
548
- --tw-contrast: ;
549
- --tw-grayscale: ;
550
- --tw-hue-rotate: ;
551
- --tw-invert: ;
552
- --tw-saturate: ;
553
- --tw-sepia: ;
554
- --tw-drop-shadow: ;
555
- --tw-backdrop-blur: ;
556
- --tw-backdrop-brightness: ;
557
- --tw-backdrop-contrast: ;
558
- --tw-backdrop-grayscale: ;
559
- --tw-backdrop-hue-rotate: ;
560
- --tw-backdrop-invert: ;
561
- --tw-backdrop-opacity: ;
562
- --tw-backdrop-saturate: ;
563
- --tw-backdrop-sepia: ;
564
- }
565
-
566
- :root {
567
- --maz-screen-sm: 640px;
568
- --maz-screen-md: 768px;
569
- --maz-screen-lg: 1024px;
570
- --maz-screen-xl: 1280px;
571
- --maz-screen-2xl: 1536px;
572
- --maz-screen-mob-s: 320px;
573
- --maz-screen-mob-m: 425px;
574
- --maz-screen-mob-l: 576px;
575
- --maz-screen-tab-s: 640px;
576
- --maz-screen-tab-m: 768px;
577
- --maz-screen-tab-l: 992px;
578
- --maz-screen-lap-s: 1024px;
579
- --maz-screen-lap-m: 1280px;
580
- --maz-screen-lap-l: 1366px;
581
- --maz-screen-lap-xl: 1440px;
582
- --maz-screen-lap-2xl: 1680px;
583
- --maz-screen-lap-3xl: 1920px;
584
- }
585
-
586
- .maz-pointer-events-none {
587
- pointer-events: none;
588
- }
589
-
590
- .maz-pointer-events-auto {
591
- pointer-events: auto;
592
- }
593
-
594
- .maz-fixed {
595
- position: fixed;
596
- }
597
-
598
- .maz-absolute {
599
- position: absolute;
600
- }
601
-
602
- .maz-relative {
603
- position: relative;
604
- }
605
-
606
- .maz-inset-0 {
607
- top: 0px;
608
- right: 0px;
609
- bottom: 0px;
610
- left: 0px;
611
- }
612
-
613
- .maz-bottom-0 {
614
- bottom: 0px;
615
- }
616
-
617
- .maz-left-0 {
618
- left: 0px;
619
- }
620
-
621
- .maz-top-4 {
622
- top: 1rem;
623
- }
624
-
625
- .maz-top-0 {
626
- top: 0px;
627
- }
628
-
629
- .maz-left-4 {
630
- left: 1rem;
631
- }
632
-
633
- .maz-top-1 {
634
- top: 0.25rem;
635
- }
636
-
637
- .maz-left-1 {
638
- left: 0.25rem;
639
- }
640
-
641
- .maz-top-3 {
642
- top: 0.75rem;
643
- }
644
-
645
- .maz-right-0 {
646
- right: 0px;
647
- }
648
-
649
- .maz-top-1\/2 {
650
- top: 50%;
651
- }
652
-
653
- .maz--top-1\/2 {
654
- top: -50%;
655
- }
656
-
657
- .maz-z-default-backdrop {
658
- z-index: 1050;
659
- }
660
-
661
- .maz-z-1 {
662
- z-index: 1;
663
- }
664
-
665
- .maz-z-0 {
666
- z-index: 0;
667
- }
668
-
669
- .maz-z-20 {
670
- z-index: 20;
671
- }
672
-
673
- .maz-z-100 {
674
- z-index: 100;
675
- }
676
-
677
- .maz-z-2 {
678
- z-index: 2;
679
- }
680
-
681
- .maz-m-0 {
682
- margin: 0px;
683
- }
684
-
685
- .maz-my-0 {
686
- margin-top: 0px;
687
- margin-bottom: 0px;
688
- }
689
-
690
- .maz-my-2 {
691
- margin-top: 0.5rem;
692
- margin-bottom: 0.5rem;
693
- }
694
-
695
- .\!maz-my-0 {
696
- margin-top: 0px !important;
697
- margin-bottom: 0px !important;
698
- }
699
-
700
- .maz-mx-auto {
701
- margin-left: auto;
702
- margin-right: auto;
703
- }
704
-
705
- .maz-mt-2 {
706
- margin-top: 0.5rem;
707
- }
708
-
709
- .maz-mr-2 {
710
- margin-right: 0.5rem;
711
- }
712
-
713
- .maz--ml-1 {
714
- margin-left: -0.25rem;
715
- }
716
-
717
- .maz-ml-2 {
718
- margin-left: 0.5rem;
719
- }
720
-
721
- .maz--mr-1 {
722
- margin-right: -0.25rem;
723
- }
724
-
725
- .maz-ml-1 {
726
- margin-left: 0.25rem;
727
- }
728
-
729
- .maz-ml-\[2rem\] {
730
- margin-left: 2rem;
731
- }
732
-
733
- .maz-mb-2 {
734
- margin-bottom: 0.5rem;
735
- }
736
-
737
- .maz-mb-3 {
738
- margin-bottom: 0.75rem;
739
- }
740
-
741
- .maz-block {
742
- display: block;
743
- }
744
-
745
- .maz-flex {
746
- display: -webkit-box;
747
- display: -ms-flexbox;
748
- display: flex;
749
- }
750
-
751
- .maz-inline-flex {
752
- display: -webkit-inline-box;
753
- display: -ms-inline-flexbox;
754
- display: inline-flex;
755
- }
756
-
757
- .maz-grid {
758
- display: grid;
759
- }
760
-
761
- .maz-hidden {
762
- display: none;
763
- }
764
-
765
- .maz-h-5 {
766
- height: 1.25rem;
767
- }
768
-
769
- .maz-h-12 {
770
- height: 3rem;
771
- }
772
-
773
- .maz-h-6 {
774
- height: 1.5rem;
775
- }
776
-
777
- .maz-h-16 {
778
- height: 4rem;
779
- }
780
-
781
- .maz-h-auto {
782
- height: auto;
783
- }
784
-
785
- .maz-h-full {
786
- height: 100%;
787
- }
788
-
789
- .maz-h-1\/2 {
790
- height: 50%;
791
- }
792
-
793
- .maz-h-4 {
794
- height: 1rem;
795
- }
796
-
797
- .maz-h-8 {
798
- height: 2rem;
799
- }
800
-
801
- .maz-h-9 {
802
- height: 2.25rem;
803
- }
804
-
805
- .maz-h-\[70px\] {
806
- height: 70px;
807
- }
808
-
809
- .maz-h-7 {
810
- height: 1.75rem;
811
- }
812
-
813
- .maz-max-h-full {
814
- max-height: 100%;
815
- }
816
-
817
- .maz-min-h-0 {
818
- min-height: 0px;
819
- }
820
-
821
- .maz-min-h-\[6\.25rem\] {
822
- min-height: 6.25rem;
823
- }
824
-
825
- .maz-w-full {
826
- width: 100%;
827
- }
828
-
829
- .maz-w-5 {
830
- width: 1.25rem;
831
- }
832
-
833
- .maz-w-12 {
834
- width: 3rem;
835
- }
836
-
837
- .maz-w-0 {
838
- width: 0px;
839
- }
840
-
841
- .maz-w-max {
842
- width: -webkit-max-content;
843
- width: -moz-max-content;
844
- width: max-content;
845
- }
846
-
847
- .maz-w-6 {
848
- width: 1.5rem;
849
- }
850
-
851
- .maz-w-min {
852
- width: -webkit-min-content;
853
- width: -moz-min-content;
854
- width: min-content;
855
- }
856
-
857
- .maz-w-10 {
858
- width: 2.5rem;
859
- }
860
-
861
- .maz-w-8 {
862
- width: 2rem;
863
- }
864
-
865
- .maz-w-3\/5 {
866
- width: 60%;
867
- }
868
-
869
- .maz-w-9 {
870
- width: 2.25rem;
871
- }
872
-
873
- .maz-w-\[70px\] {
874
- width: 70px;
875
- }
876
-
877
- .maz-w-7 {
878
- width: 1.75rem;
879
- }
880
-
881
- .maz-min-w-0 {
882
- min-width: 0px;
883
- }
884
-
885
- .maz-max-w-full {
886
- max-width: 100%;
887
- }
888
-
889
- .maz-max-w-min {
890
- max-width: -webkit-min-content;
891
- max-width: -moz-min-content;
892
- max-width: min-content;
893
- }
894
-
895
- .maz-flex-none {
896
- -webkit-box-flex: 0;
897
- -ms-flex: none;
898
- flex: none;
899
- }
900
-
901
- .maz-flex-1 {
902
- -webkit-box-flex: 1;
903
- -ms-flex: 1 1 0%;
904
- flex: 1 1 0%;
905
- }
906
-
907
- .maz-shrink-0 {
908
- -ms-flex-negative: 0;
909
- flex-shrink: 0;
910
- }
911
-
912
- .maz-origin-top-left {
913
- -webkit-transform-origin: top left;
914
- transform-origin: top left;
915
- }
916
-
917
- .maz-rotate-0 {
918
- --tw-rotate: 0deg;
919
- -webkit-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));
920
- 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));
921
- }
922
-
923
- .maz-scale-0 {
924
- --tw-scale-x: 0;
925
- --tw-scale-y: 0;
926
- -webkit-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));
927
- 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));
928
- }
929
-
930
- @-webkit-keyframes maz-spin {
931
- to {
932
- -webkit-transform: rotate(360deg);
933
- transform: rotate(360deg);
934
- }
935
- }
936
-
937
- @keyframes maz-spin {
938
- to {
939
- -webkit-transform: rotate(360deg);
940
- transform: rotate(360deg);
941
- }
942
- }
943
-
944
- .maz-animate-spin {
945
- -webkit-animation: maz-spin 1s linear infinite;
946
- animation: maz-spin 1s linear infinite;
947
- }
948
-
949
- .maz-cursor-pointer {
950
- cursor: pointer;
951
- }
952
-
953
- .maz-cursor-not-allowed {
954
- cursor: not-allowed;
955
- }
956
-
957
- .maz-resize-y {
958
- resize: vertical;
959
- }
960
-
961
- .maz-appearance-none {
962
- -webkit-appearance: none;
963
- -moz-appearance: none;
964
- appearance: none;
965
- }
966
-
967
- .maz-grid-cols-2 {
968
- grid-template-columns: repeat(2, minmax(0, 1fr));
969
- }
970
-
971
- .maz-grid-cols-3 {
972
- grid-template-columns: repeat(3, minmax(0, 1fr));
973
- }
974
-
975
- .maz-grid-cols-7 {
976
- grid-template-columns: repeat(7, minmax(0, 1fr));
977
- }
978
-
979
- .maz-flex-row {
980
- -webkit-box-orient: horizontal;
981
- -webkit-box-direction: normal;
982
- -ms-flex-direction: row;
983
- flex-direction: row;
984
- }
985
-
986
- .maz-flex-col {
987
- -webkit-box-orient: vertical;
988
- -webkit-box-direction: normal;
989
- -ms-flex-direction: column;
990
- flex-direction: column;
991
- }
992
-
993
- .maz-flex-wrap {
994
- -ms-flex-wrap: wrap;
995
- flex-wrap: wrap;
996
- }
997
-
998
- .maz-items-start {
999
- -webkit-box-align: start;
1000
- -ms-flex-align: start;
1001
- align-items: flex-start;
1002
- }
1003
-
1004
- .maz-items-end {
1005
- -webkit-box-align: end;
1006
- -ms-flex-align: end;
1007
- align-items: flex-end;
1008
- }
1009
-
1010
- .maz-items-center {
1011
- -webkit-box-align: center;
1012
- -ms-flex-align: center;
1013
- align-items: center;
1014
- }
1015
-
1016
- .maz-justify-start {
1017
- -webkit-box-pack: start;
1018
- -ms-flex-pack: start;
1019
- justify-content: flex-start;
1020
- }
1021
-
1022
- .maz-justify-end {
1023
- -webkit-box-pack: end;
1024
- -ms-flex-pack: end;
1025
- justify-content: flex-end;
1026
- }
1027
-
1028
- .maz-justify-center {
1029
- -webkit-box-pack: center;
1030
- -ms-flex-pack: center;
1031
- justify-content: center;
1032
- }
1033
-
1034
- .maz-justify-between {
1035
- -webkit-box-pack: justify;
1036
- -ms-flex-pack: justify;
1037
- justify-content: space-between;
1038
- }
1039
-
1040
- .maz-gap-1 {
1041
- gap: 0.25rem;
1042
- }
1043
-
1044
- .maz-gap-2 {
1045
- gap: 0.5rem;
1046
- }
1047
-
1048
- .maz-gap-0 {
1049
- gap: 0px;
1050
- }
1051
-
1052
- .maz-space-x-5 > :not([hidden]) ~ :not([hidden]) {
1053
- --tw-space-x-reverse: 0;
1054
- margin-right: calc(1.25rem * var(--tw-space-x-reverse));
1055
- margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
1056
- }
1057
-
1058
- .maz-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1059
- --tw-space-x-reverse: 0;
1060
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1061
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1062
- }
1063
-
1064
- .maz-space-x-1 > :not([hidden]) ~ :not([hidden]) {
1065
- --tw-space-x-reverse: 0;
1066
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1067
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1068
- }
1069
-
1070
- .maz-space-x-4 > :not([hidden]) ~ :not([hidden]) {
1071
- --tw-space-x-reverse: 0;
1072
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1073
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1074
- }
1075
-
1076
- .maz-space-y-1 > :not([hidden]) ~ :not([hidden]) {
1077
- --tw-space-y-reverse: 0;
1078
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1079
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1080
- }
1081
-
1082
- .maz-space-y-2 > :not([hidden]) ~ :not([hidden]) {
1083
- --tw-space-y-reverse: 0;
1084
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1085
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1086
- }
1087
-
1088
- .maz-self-center {
1089
- -ms-flex-item-align: center;
1090
- align-self: center;
1091
- }
1092
-
1093
- .maz-overflow-auto {
1094
- overflow: auto;
1095
- }
1096
-
1097
- .maz-overflow-hidden {
1098
- overflow: hidden;
1099
- }
1100
-
1101
- .maz-overflow-x-auto {
1102
- overflow-x: auto;
1103
- }
1104
-
1105
- .maz-overflow-y-auto {
1106
- overflow-y: auto;
1107
- }
1108
-
1109
- .maz-overflow-y-hidden {
1110
- overflow-y: hidden;
1111
- }
1112
-
1113
- .maz-overflow-y-scroll {
1114
- overflow-y: scroll;
1115
- }
1116
-
1117
- .maz-truncate {
1118
- overflow: hidden;
1119
- text-overflow: ellipsis;
1120
- white-space: nowrap;
1121
- }
1122
-
1123
- .maz-rounded-full {
1124
- border-radius: 9999px;
1125
- }
1126
-
1127
- .maz-rounded {
1128
- border-radius: var(--maz-border-radius);
1129
- }
1130
-
1131
- .maz-rounded-xl {
1132
- border-radius: 0.75rem;
1133
- }
1134
-
1135
- .maz-rounded-none {
1136
- border-radius: 0px;
1137
- }
1138
-
1139
- .maz-rounded-t-xl {
1140
- border-top-left-radius: 0.75rem;
1141
- border-top-right-radius: 0.75rem;
1142
- }
1143
-
1144
- .maz-rounded-r-none {
1145
- border-top-right-radius: 0px;
1146
- border-bottom-right-radius: 0px;
1147
- }
1148
-
1149
- .maz-rounded-l-none {
1150
- border-top-left-radius: 0px;
1151
- border-bottom-left-radius: 0px;
1152
- }
1153
-
1154
- .maz-border-2 {
1155
- border-width: 2px;
1156
- }
1157
-
1158
- .maz-border {
1159
- border-width: var(--maz-border-width);
1160
- }
1161
-
1162
- .maz-border-\[6px\] {
1163
- border-width: 6px;
1164
- }
1165
-
1166
- .maz-border-b-2 {
1167
- border-bottom-width: 2px;
1168
- }
1169
-
1170
- .maz-border-t-2 {
1171
- border-top-width: 2px;
1172
- }
1173
-
1174
- .maz-border-l-2 {
1175
- border-left-width: 2px;
1176
- }
1177
-
1178
- .maz-border-r {
1179
- border-right-width: var(--maz-border-width);
1180
- }
1181
-
1182
- .maz-border-b {
1183
- border-bottom-width: var(--maz-border-width);
1184
- }
1185
-
1186
- .maz-border-t {
1187
- border-top-width: var(--maz-border-width);
1188
- }
1189
-
1190
- .maz-border-l {
1191
- border-left-width: var(--maz-border-width);
1192
- }
1193
-
1194
- .maz-border-solid {
1195
- border-style: solid;
1196
- }
1197
-
1198
- .maz-border-dashed {
1199
- border-style: dashed;
1200
- }
1201
-
1202
- .maz-border-none {
1203
- border-style: none;
1204
- }
1205
-
1206
- .maz-border-primary {
1207
- border-color: var(--maz-color-primary);
1208
- }
1209
-
1210
- .maz-border-primary-100 {
1211
- border-color: var(--maz-color-primary-100);
1212
- }
1213
-
1214
- .maz-border-info {
1215
- border-color: var(--maz-color-info);
1216
- }
1217
-
1218
- .maz-border-info-100 {
1219
- border-color: var(--maz-color-info-100);
1220
- }
1221
-
1222
- .maz-border-gray-400 {
1223
- --tw-border-opacity: 1;
1224
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1225
- }
1226
-
1227
- .maz-border-gray-100 {
1228
- --tw-border-opacity: 1;
1229
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
1230
- }
1231
-
1232
- .maz-border-black {
1233
- border-color: var(--maz-color-black);
1234
- }
1235
-
1236
- .maz-border-white {
1237
- border-color: var(--maz-color-white);
1238
- }
1239
-
1240
- .maz-border-secondary {
1241
- border-color: var(--maz-color-secondary);
1242
- }
1243
-
1244
- .maz-border-secondary-100 {
1245
- border-color: var(--maz-color-secondary-100);
1246
- }
1247
-
1248
- .maz-border-danger {
1249
- border-color: var(--maz-color-danger);
1250
- }
1251
-
1252
- .maz-border-danger-100 {
1253
- border-color: var(--maz-color-danger-100);
1254
- }
1255
-
1256
- .maz-border-warning {
1257
- border-color: var(--maz-color-warning);
1258
- }
1259
-
1260
- .maz-border-warning-100 {
1261
- border-color: var(--maz-color-warning-100);
1262
- }
1263
-
1264
- .maz-border-success {
1265
- border-color: var(--maz-color-success);
1266
- }
1267
-
1268
- .maz-border-success-100 {
1269
- border-color: var(--maz-color-success-100);
1270
- }
1271
-
1272
- .maz-border-transparent {
1273
- border-color: transparent;
1274
- }
1275
-
1276
- .maz-border-color-lighter {
1277
- border-color: var(--maz-color-bg-lighter);
1278
- }
1279
-
1280
- .maz-border-color-light {
1281
- border-color: var(--maz-color-bg-light);
1282
- }
1283
-
1284
- .maz-border-gray-200 {
1285
- --tw-border-opacity: 1;
1286
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1287
- }
1288
-
1289
- .maz-bg-transparent {
1290
- background-color: transparent;
1291
- }
1292
-
1293
- .maz-bg-primary {
1294
- background-color: var(--maz-color-primary);
1295
- }
1296
-
1297
- .maz-bg-primary-100 {
1298
- background-color: var(--maz-color-primary-100);
1299
- }
1300
-
1301
- .maz-bg-info {
1302
- background-color: var(--maz-color-info);
1303
- }
1304
-
1305
- .maz-bg-info-100 {
1306
- background-color: var(--maz-color-info-100);
1307
- }
1308
-
1309
- .maz-bg-gray-400 {
1310
- --tw-bg-opacity: 1;
1311
- background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1312
- }
1313
-
1314
- .maz-bg-gray-100 {
1315
- --tw-bg-opacity: 1;
1316
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1317
- }
1318
-
1319
- .maz-bg-black {
1320
- background-color: var(--maz-color-black);
1321
- }
1322
-
1323
- .maz-bg-white {
1324
- background-color: var(--maz-color-white);
1325
- }
1326
-
1327
- .maz-bg-secondary {
1328
- background-color: var(--maz-color-secondary);
1329
- }
1330
-
1331
- .maz-bg-secondary-100 {
1332
- background-color: var(--maz-color-secondary-100);
1333
- }
1334
-
1335
- .maz-bg-danger {
1336
- background-color: var(--maz-color-danger);
1337
- }
1338
-
1339
- .maz-bg-danger-100 {
1340
- background-color: var(--maz-color-danger-100);
1341
- }
1342
-
1343
- .maz-bg-warning {
1344
- background-color: var(--maz-color-warning);
1345
- }
1346
-
1347
- .maz-bg-warning-100 {
1348
- background-color: var(--maz-color-warning-100);
1349
- }
1350
-
1351
- .maz-bg-success {
1352
- background-color: var(--maz-color-success);
1353
- }
1354
-
1355
- .maz-bg-success-100 {
1356
- background-color: var(--maz-color-success-100);
1357
- }
1358
-
1359
- .maz-bg-color {
1360
- background-color: var(--maz-color-bg);
1361
- }
1362
-
1363
- .maz-bg-primary-50 {
1364
- background-color: var(--maz-color-primary-50);
1365
- }
1366
-
1367
- .maz-bg-secondary-50 {
1368
- background-color: var(--maz-color-secondary-50);
1369
- }
1370
-
1371
- .maz-bg-info-50 {
1372
- background-color: var(--maz-color-info-50);
1373
- }
1374
-
1375
- .maz-bg-success-50 {
1376
- background-color: var(--maz-color-success-50);
1377
- }
1378
-
1379
- .maz-bg-danger-50 {
1380
- background-color: var(--maz-color-danger-50);
1381
- }
1382
-
1383
- .maz-bg-warning-50 {
1384
- background-color: var(--maz-color-warning-50);
1385
- }
1386
-
1387
- .maz-bg-gray-200 {
1388
- --tw-bg-opacity: 1;
1389
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1390
- }
1391
-
1392
- .maz-bg-color-lighter {
1393
- background-color: var(--maz-color-bg-lighter);
1394
- }
1395
-
1396
- .maz-bg-color-light {
1397
- background-color: var(--maz-color-bg-light);
1398
- }
1399
-
1400
- .maz-bg-overlay {
1401
- background-color: var(--maz-bg-overlay);
1402
- }
1403
-
1404
- .maz-bg-bg-light {
1405
- background-color: var(--maz-bg-color-light);
1406
- }
1407
-
1408
- .maz-bg-gray-800 {
1409
- --tw-bg-opacity: 1;
1410
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1411
- }
1412
-
1413
- .maz-bg-clip-padding {
1414
- background-clip: padding-box;
1415
- }
1416
-
1417
- .maz-fill-current {
1418
- fill: currentColor;
1419
- }
1420
-
1421
- .maz-p-4 {
1422
- padding: 1rem;
1423
- }
1424
-
1425
- .maz-p-3 {
1426
- padding: 0.75rem;
1427
- }
1428
-
1429
- .maz-p-2 {
1430
- padding: 0.5rem;
1431
- }
1432
-
1433
- .maz-p-0 {
1434
- padding: 0px;
1435
- }
1436
-
1437
- .maz-p-1 {
1438
- padding: 0.25rem;
1439
- }
1440
-
1441
- .maz-py-6 {
1442
- padding-top: 1.5rem;
1443
- padding-bottom: 1.5rem;
1444
- }
1445
-
1446
- .maz-px-8 {
1447
- padding-left: 2rem;
1448
- padding-right: 2rem;
1449
- }
1450
-
1451
- .maz-px-6 {
1452
- padding-left: 1.5rem;
1453
- padding-right: 1.5rem;
1454
- }
1455
-
1456
- .maz-px-4 {
1457
- padding-left: 1rem;
1458
- padding-right: 1rem;
1459
- }
1460
-
1461
- .maz-px-3 {
1462
- padding-left: 0.75rem;
1463
- padding-right: 0.75rem;
1464
- }
1465
-
1466
- .maz-px-2 {
1467
- padding-left: 0.5rem;
1468
- padding-right: 0.5rem;
1469
- }
1470
-
1471
- .maz-px-1 {
1472
- padding-left: 0.25rem;
1473
- padding-right: 0.25rem;
1474
- }
1475
-
1476
- .maz-px-0 {
1477
- padding-left: 0px;
1478
- padding-right: 0px;
1479
- }
1480
-
1481
- .maz-py-3 {
1482
- padding-top: 0.75rem;
1483
- padding-bottom: 0.75rem;
1484
- }
1485
-
1486
- .maz-py-4 {
1487
- padding-top: 1rem;
1488
- padding-bottom: 1rem;
1489
- }
1490
-
1491
- .maz-py-8 {
1492
- padding-top: 2rem;
1493
- padding-bottom: 2rem;
1494
- }
1495
-
1496
- .maz-py-1 {
1497
- padding-top: 0.25rem;
1498
- padding-bottom: 0.25rem;
1499
- }
1500
-
1501
- .maz-py-0 {
1502
- padding-top: 0px;
1503
- padding-bottom: 0px;
1504
- }
1505
-
1506
- .maz-py-2 {
1507
- padding-top: 0.5rem;
1508
- padding-bottom: 0.5rem;
1509
- }
1510
-
1511
- .maz-pt-2 {
1512
- padding-top: 0.5rem;
1513
- }
1514
-
1515
- .maz-pl-6 {
1516
- padding-left: 1.5rem;
1517
- }
1518
-
1519
- .maz-pl-11 {
1520
- padding-left: 2.75rem;
1521
- }
1522
-
1523
- .maz-pr-1 {
1524
- padding-right: 0.25rem;
1525
- }
1526
-
1527
- .maz-pl-0 {
1528
- padding-left: 0px;
1529
- }
1530
-
1531
- .maz-pl-2 {
1532
- padding-left: 0.5rem;
1533
- }
1534
-
1535
- .maz-pr-2 {
1536
- padding-right: 0.5rem;
1537
- }
1538
-
1539
- .maz-text-left {
1540
- text-align: left;
1541
- }
1542
-
1543
- .maz-text-center {
1544
- text-align: center;
1545
- }
1546
-
1547
- .maz-text-right {
1548
- text-align: right;
1549
- }
1550
-
1551
- .maz-text-base {
1552
- font-size: 1rem;
1553
- line-height: 1.5rem;
1554
- }
1555
-
1556
- .maz-text-sm {
1557
- font-size: 0.875rem;
1558
- line-height: 1.25rem;
1559
- }
1560
-
1561
- .maz-text-xl {
1562
- font-size: 1.25rem;
1563
- line-height: 1.75rem;
1564
- }
1565
-
1566
- .maz-text-2xl {
1567
- font-size: 1.5rem;
1568
- line-height: 2rem;
1569
- }
1570
-
1571
- .maz-text-xs {
1572
- font-size: 0.75rem;
1573
- line-height: 1rem;
1574
- }
1575
-
1576
- .maz-text-lg {
1577
- font-size: 1.125rem;
1578
- line-height: 1.75rem;
1579
- }
1580
-
1581
- .maz-font-medium {
1582
- font-weight: 500;
1583
- }
1584
-
1585
- .maz-font-semibold {
1586
- font-weight: 600;
1587
- }
1588
-
1589
- .maz-capitalize {
1590
- text-transform: capitalize;
1591
- }
1592
-
1593
- .maz-leading-10 {
1594
- line-height: 2.5rem;
1595
- }
1596
-
1597
- .maz-text-normal {
1598
- color: var(--maz-color-text);
1599
- }
1600
-
1601
- .maz-text-muted {
1602
- color: var(--maz-color-muted);
1603
- }
1604
-
1605
- .maz-text-primary {
1606
- color: var(--maz-color-primary);
1607
- }
1608
-
1609
- .maz-text-white {
1610
- color: var(--maz-color-white);
1611
- }
1612
-
1613
- .maz-text-danger-600 {
1614
- color: var(--maz-color-danger-600);
1615
- }
1616
-
1617
- .maz-text-success-600 {
1618
- color: var(--maz-color-success-600);
1619
- }
1620
-
1621
- .maz-text-warning-600 {
1622
- color: var(--maz-color-warning-600);
1623
- }
1624
-
1625
- .maz-text-gray-300 {
1626
- --tw-text-opacity: 1;
1627
- color: rgb(209 213 219 / var(--tw-text-opacity));
1628
- }
1629
-
1630
- .maz-text-gray-700 {
1631
- --tw-text-opacity: 1;
1632
- color: rgb(55 65 81 / var(--tw-text-opacity));
1633
- }
1634
-
1635
- .maz-text-info-contrast {
1636
- color: var(--maz-color-info-contrast);
1637
- }
1638
-
1639
- .maz-text-success-contrast {
1640
- color: var(--maz-color-success-contrast);
1641
- }
1642
-
1643
- .maz-text-warning-contrast {
1644
- color: var(--maz-color-warning-contrast);
1645
- }
1646
-
1647
- .maz-text-danger-contrast {
1648
- color: var(--maz-color-danger-contrast);
1649
- }
1650
-
1651
- .maz-underline {
1652
- text-decoration-line: underline;
1653
- }
1654
-
1655
- .maz-no-underline {
1656
- text-decoration-line: none;
1657
- }
1658
-
1659
- .maz-opacity-0 {
1660
- opacity: 0;
1661
- }
1662
-
1663
- .maz-opacity-100 {
1664
- opacity: 1;
1665
- }
1666
-
1667
- .maz-shadow {
1668
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1669
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1670
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1671
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1672
- }
1673
-
1674
- .maz-shadow-none {
1675
- --tw-shadow: 0 0 #0000;
1676
- --tw-shadow-colored: 0 0 #0000;
1677
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1678
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1679
- }
1680
-
1681
- .maz-outline-none {
1682
- outline: 2px solid transparent;
1683
- outline-offset: 2px;
1684
- }
1685
-
1686
- .maz-transition-all {
1687
- -webkit-transition-property: all;
1688
- transition-property: all;
1689
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1690
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1691
- -webkit-transition-duration: 150ms;
1692
- transition-duration: 150ms;
1693
- }
1694
-
1695
- .maz-transition {
1696
- -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1697
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1698
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1699
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
1700
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1701
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1702
- -webkit-transition-duration: 150ms;
1703
- transition-duration: 150ms;
1704
- }
1705
-
1706
- .maz-transition-colors {
1707
- -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1708
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1709
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1710
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1711
- -webkit-transition-duration: 150ms;
1712
- transition-duration: 150ms;
1713
- }
1714
-
1715
- .maz-transition-transform {
1716
- -webkit-transition-property: -webkit-transform;
1717
- transition-property: -webkit-transform;
1718
- transition-property: transform;
1719
- transition-property: transform, -webkit-transform;
1720
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1721
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1722
- -webkit-transition-duration: 150ms;
1723
- transition-duration: 150ms;
1724
- }
1725
-
1726
- .maz-duration-200 {
1727
- -webkit-transition-duration: 200ms;
1728
- transition-duration: 200ms;
1729
- }
1730
-
1731
- .maz-duration-300 {
1732
- -webkit-transition-duration: 300ms;
1733
- transition-duration: 300ms;
1734
- }
1735
-
1736
- .maz-duration-500 {
1737
- -webkit-transition-duration: 500ms;
1738
- transition-duration: 500ms;
1739
- }
1740
-
1741
- .maz-ease-in-out {
1742
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1743
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1744
- }
1745
-
1746
- .maz-padded-container {
1747
- width: 100%;
1748
- padding-left: var(--maz-container-padding);
1749
- padding-right: var(--maz-container-padding);
1750
- }
1751
-
1752
- .maz-elevation {
1753
- -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
1754
- box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
1755
- }
1756
-
1757
- .maz-flex-center {
1758
- -webkit-box-align: center;
1759
- -ms-flex-align: center;
1760
- align-items: center;
1761
- -webkit-box-pack: center;
1762
- -ms-flex-pack: center;
1763
- justify-content: center;
1764
- }
1765
-
1766
- .hover\:maz-bg-color-lighter:hover {
1767
- background-color: var(--maz-color-bg-lighter);
1768
- }
1769
-
1770
- @media (min-width: 768px) {
1771
- .tab-m\:maz-fixed {
1772
- position: fixed;
1773
- }
1774
-
1775
- .tab-m\:maz-left-2\/4 {
1776
- left: 50%;
1777
- }
1778
-
1779
- .tab-m\:maz-w-80 {
1780
- width: 20rem;
1781
- }
1782
- }
1
+ *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:hsl(g 42% 34%);--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--maz-screen-sm:640px;--maz-screen-md:768px;--maz-screen-lg:1024px;--maz-screen-xl:1280px;--maz-screen-2xl:1536px;--maz-screen-mob-s:320px;--maz-screen-mob-m:425px;--maz-screen-mob-l:576px;--maz-screen-tab-s:640px;--maz-screen-tab-m:768px;--maz-screen-tab-l:992px;--maz-screen-lap-s:1024px;--maz-screen-lap-m:1280px;--maz-screen-lap-l:1366px;--maz-screen-lap-xl:1440px;--maz-screen-lap-2xl:1680px;--maz-screen-lap-3xl:1920px}.maz-pointer-events-none{pointer-events:none}.maz-pointer-events-auto{pointer-events:auto}.maz-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{bottom:0;left:0;right:0;top:0}.maz-bottom-0{bottom:0}.maz-left-0{left:0}.maz-top-4{top:1rem}.maz-top-0{top:0}.maz-left-3{left:.75rem}.maz-top-1{top:.25rem}.maz-left-1{left:.25rem}.maz-left-4{left:1rem}.maz-top-3{top:.75rem}.maz-right-0{right:0}.maz-top-1\/2{top:50%}.maz-z-default-backdrop{z-index:1050}.maz-z-1{z-index:1}.maz-z-0{z-index:0}.maz-z-20{z-index:20}.maz-z-100{z-index:100}.maz-z-2{z-index:2}.maz-m-0{margin:0}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-mx-auto{margin-left:auto;margin-right:auto}.maz-mt-2{margin-top:.5rem}.maz-mr-2{margin-right:.5rem}.maz--ml-1{margin-left:-.25rem}.maz-ml-2{margin-left:.5rem}.maz--mr-1{margin-right:-.25rem}.maz-ml-1{margin-left:.25rem}.maz-ml-\[2rem\]{margin-left:2rem}.maz-block{display:block}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.maz-grid{display:grid}.maz-hidden{display:none}.maz-h-5{height:1.25rem}.maz-h-12{height:3rem}.maz-h-6{height:1.5rem}.maz-h-16{height:4rem}.maz-h-auto{height:auto}.maz-h-full{height:100%}.maz-h-1\/2{height:50%}.maz-h-4{height:1rem}.maz-h-8{height:2rem}.maz-h-9{height:2.25rem}.maz-h-7{height:1.75rem}.maz-max-h-full{max-height:100%}.maz-min-h-0{min-height:0}.maz-min-h-\[6\.25rem\]{min-height:6.25rem}.maz-w-full{width:100%}.maz-w-5{width:1.25rem}.maz-w-12{width:3rem}.maz-w-0{width:0}.maz-w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.maz-w-6{width:1.5rem}.maz-w-min{width:-webkit-min-content;width:-moz-min-content;width:min-content}.maz-w-10{width:2.5rem}.maz-w-8{width:2rem}.maz-w-3\/5{width:60%}.maz-w-7{width:1.75rem}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-shrink-0{-ms-flex-negative:0;flex-shrink:0}.maz-origin-top-left{-webkit-transform-origin:top left;transform-origin:top left}.maz-rotate-0{--tw-rotate:0deg}.maz-rotate-0,.maz-scale-0{-webkit-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));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))}.maz-scale-0{--tw-scale-x:0;--tw-scale-y:0}.maz-scale-100{--tw-scale-x:1;--tw-scale-y:1;-webkit-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));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))}@-webkit-keyframes maz-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes maz-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.maz-animate-spin{-webkit-animation:maz-spin 1s linear infinite;animation:maz-spin 1s linear infinite}.maz-cursor-pointer{cursor:pointer}.maz-cursor-not-allowed{cursor:not-allowed}.maz-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.maz-resize-y{resize:vertical}.maz-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.maz-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.maz-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.maz-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.maz-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.maz-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-gap-1{gap:.25rem}.maz-gap-2{gap:.5rem}.maz-gap-0{gap:0}.maz-space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.maz-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.maz-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.maz-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.maz-self-center{-ms-flex-item-align:center;align-self:center}.maz-overflow-auto{overflow:auto}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-overflow-y-auto{overflow-y:auto}.maz-overflow-y-hidden{overflow-y:hidden}.maz-overflow-y-scroll{overflow-y:scroll}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded-full{border-radius:9999px}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-none{border-radius:0}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.maz-rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.maz-border-2{border-width:2px}.maz-border{border-width:var(--maz-border-width)}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-l-2{border-left-width:2px}.maz-border-r{border-right-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t{border-top-width:var(--maz-border-width)}.maz-border-l{border-left-width:var(--maz-border-width)}.maz-border-solid{border-style:solid}.maz-border-dashed{border-style:dashed}.maz-border-none{border-style:none}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-primary-100{border-color:var(--maz-color-primary-100)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-info-100{border-color:var(--maz-color-info-100)}.maz-border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.maz-border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-white{border-color:var(--maz-color-white)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-secondary-100{border-color:var(--maz-color-secondary-100)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-danger-100{border-color:var(--maz-color-danger-100)}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-warning-100{border-color:var(--maz-color-warning-100)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-success-100{border-color:var(--maz-color-success-100)}.maz-border-transparent{border-color:transparent}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-color-light{border-color:var(--maz-color-bg-light)}.maz-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.maz-bg-transparent{background-color:transparent}.maz-bg-primary{background-color:var(--maz-color-primary)}.maz-bg-primary-100{background-color:var(--maz-color-primary-100)}.maz-bg-info{background-color:var(--maz-color-info)}.maz-bg-info-100{background-color:var(--maz-color-info-100)}.maz-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.maz-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.maz-bg-black{background-color:var(--maz-color-black)}.maz-bg-white{background-color:var(--maz-color-white)}.maz-bg-secondary{background-color:var(--maz-color-secondary)}.maz-bg-secondary-100{background-color:var(--maz-color-secondary-100)}.maz-bg-danger{background-color:var(--maz-color-danger)}.maz-bg-danger-100{background-color:var(--maz-color-danger-100)}.maz-bg-warning{background-color:var(--maz-color-warning)}.maz-bg-warning-100{background-color:var(--maz-color-warning-100)}.maz-bg-success{background-color:var(--maz-color-success)}.maz-bg-success-100{background-color:var(--maz-color-success-100)}.maz-bg-color{background-color:var(--maz-color-bg)}.maz-bg-primary-50{background-color:var(--maz-color-primary-50)}.maz-bg-secondary-50{background-color:var(--maz-color-secondary-50)}.maz-bg-info-50{background-color:var(--maz-color-info-50)}.maz-bg-success-50{background-color:var(--maz-color-success-50)}.maz-bg-danger-50{background-color:var(--maz-color-danger-50)}.maz-bg-warning-50{background-color:var(--maz-color-warning-50)}.maz-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.maz-bg-color-lighter{background-color:var(--maz-color-bg-lighter)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-bg-bg-light{background-color:var(--maz-bg-color-light)}.maz-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.maz-bg-clip-padding{background-clip:padding-box}.maz-fill-current{fill:currentColor}.maz-p-4{padding:1rem}.maz-p-3{padding:.75rem}.maz-p-2{padding:.5rem}.maz-p-0{padding:0}.maz-p-1{padding:.25rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-px-8{padding-left:2rem;padding-right:2rem}.maz-px-6{padding-left:1.5rem;padding-right:1.5rem}.maz-px-4{padding-left:1rem;padding-right:1rem}.maz-px-3{padding-left:.75rem;padding-right:.75rem}.maz-px-2{padding-left:.5rem;padding-right:.5rem}.maz-px-1{padding-left:.25rem;padding-right:.25rem}.maz-px-0{padding-left:0;padding-right:0}.maz-py-3{padding-bottom:.75rem;padding-top:.75rem}.maz-py-4{padding-bottom:1rem;padding-top:1rem}.maz-py-8{padding-bottom:2rem;padding-top:2rem}.maz-py-1{padding-bottom:.25rem;padding-top:.25rem}.maz-py-0{padding-bottom:0;padding-top:0}.maz-py-2{padding-bottom:.5rem;padding-top:.5rem}.maz-pl-10{padding-left:2.5rem}.maz-pt-2{padding-top:.5rem}.maz-pl-6{padding-left:1.5rem}.maz-pl-11{padding-left:2.75rem}.maz-pr-1{padding-right:.25rem}.maz-pl-0{padding-left:0}.maz-pl-2{padding-left:.5rem}.maz-pr-2{padding-right:.5rem}.maz-text-left{text-align:left}.maz-text-center{text-align:center}.maz-text-right{text-align:right}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-font-medium{font-weight:500}.maz-font-semibold{font-weight:600}.maz-capitalize{text-transform:capitalize}.maz-leading-10{line-height:2.5rem}.maz-text-normal{color:var(--maz-color-text)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-primary{color:var(--maz-color-primary)}.maz-text-white{color:var(--maz-color-white)}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.maz-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.maz-text-info-contrast{color:var(--maz-color-info-contrast)}.maz-text-success-contrast{color:var(--maz-color-success-contrast)}.maz-text-warning-contrast{color:var(--maz-color-warning-contrast)}.maz-text-danger-contrast{color:var(--maz-color-danger-contrast)}.maz-underline{text-decoration-line:underline}.maz-no-underline{text-decoration-line:none}.maz-opacity-0{opacity:0}.maz-opacity-100{opacity:1}.maz-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.maz-shadow,.maz-shadow-none{-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.maz-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.maz-outline-none{outline:2px solid transparent;outline-offset:2px}.maz-transition-all{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-transition{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-transition-colors{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-transition-transform{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-duration-200{-webkit-transition-duration:.2s;transition-duration:.2s}.maz-duration-300{-webkit-transition-duration:.3s;transition-duration:.3s}.maz-duration-500{-webkit-transition-duration:.5s;transition-duration:.5s}.maz-ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.maz-padded-container{padding-left:var(--maz-container-padding);padding-right:var(--maz-container-padding);width:100%}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}.hover\:maz-bg-color-lighter:hover{background-color:var(--maz-color-bg-lighter)}@media (min-width:768px){.tab-m\:maz-fixed{position:fixed}.tab-m\:maz-left-2\/4{left:50%}.tab-m\:maz-w-80{width:20rem}}