@aivenio/aquarium 1.72.0 → 1.73.0-rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/_variables.scss +255 -244
  2. package/dist/atoms.cjs +1084 -947
  3. package/dist/atoms.mjs +1084 -947
  4. package/dist/src/atoms/Banner/Banner.js +3 -7
  5. package/dist/src/atoms/DataList/DataList.js +2 -2
  6. package/dist/src/atoms/Select/Select.js +2 -2
  7. package/dist/src/atoms/Toast/Toast.js +2 -2
  8. package/dist/src/atoms/Typography/Typography.js +3 -3
  9. package/dist/src/icons/award.d.ts +9 -0
  10. package/dist/src/icons/award.js +11 -0
  11. package/dist/src/icons/index.d.ts +1 -0
  12. package/dist/src/icons/index.js +2 -1
  13. package/dist/src/molecules/Box/Box.d.ts +5 -6
  14. package/dist/src/molecules/Box/Box.js +13 -7
  15. package/dist/src/molecules/Grid/Grid.js +4 -4
  16. package/dist/src/molecules/Section/Section.js +3 -3
  17. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +2 -1
  18. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  19. package/dist/src/system.d.ts +1 -6
  20. package/dist/src/system.js +2 -11
  21. package/dist/src/tokens/tokens.json +647 -0
  22. package/dist/src/utils/breakpoints.js +3 -3
  23. package/dist/src/utils/useStyle.js +6 -2
  24. package/dist/styles.css +2074 -1473
  25. package/dist/system.cjs +1103 -971
  26. package/dist/system.mjs +1103 -973
  27. package/dist/tailwind.config.js +73 -161
  28. package/dist/tailwind.theme.json +383 -331
  29. package/dist/tokens.json +644 -562
  30. package/dist/tsconfig.module.tsbuildinfo +1 -1
  31. package/dist/types/designTokens.d.ts +12 -11
  32. package/dist/types/tailwindGenerated.d.ts +1 -1
  33. package/package.json +11 -9
  34. package/dist/src/js/resolveTheme.d.ts +0 -8
  35. package/dist/src/js/resolveTheme.js +0 -10
package/dist/styles.css CHANGED
@@ -363,87 +363,62 @@ img,video {
363
363
  * This file is autogenerated. Do not edit directly.
364
364
  */
365
365
  :root {
366
- --aquarium-border-radius-none: 0px;
367
- --aquarium-border-radius-sm: 0.125rem;
368
- --aquarium-border-radius-default: 4px;
369
- --aquarium-border-radius-md: 0.375rem;
370
- --aquarium-border-radius-lg: 0.5rem;
371
- --aquarium-border-radius-xl: 0.75rem;
372
- --aquarium-border-radius-2xl: 1rem;
373
- --aquarium-border-radius-3xl: 1.5rem;
374
- --aquarium-border-radius-full: 9999px;
375
- --aquarium-colors-error-100: #aa0000;
376
- --aquarium-colors-error-90: #b90000;
377
- --aquarium-colors-error-80: #c50001;
378
- --aquarium-colors-error-70: #d80005;
379
- --aquarium-colors-error-60: #e70000;
380
- --aquarium-colors-error-50: #e62728;
381
- --aquarium-colors-error-40: #e0504f;
382
- --aquarium-colors-error-30: #ed7975;
383
- --aquarium-colors-error-20: #ffadb3;
384
- --aquarium-colors-error-10: #ffcbd2;
385
- --aquarium-colors-error-5: #fee8e7;
386
- --aquarium-colors-error-0: #fef2f1;
387
- --aquarium-colors-warning-100: #fe6d00;
388
- --aquarium-colors-warning-90: #ff9003;
389
- --aquarium-colors-warning-80: #fd9f00;
390
- --aquarium-colors-warning-70: #ffb300;
391
- --aquarium-colors-warning-60: #ffc107;
392
- --aquarium-colors-warning-50: #fdc926;
393
- --aquarium-colors-warning-40: #fdd44d;
394
- --aquarium-colors-warning-30: #fddf81;
395
- --aquarium-colors-warning-20: #feebb2;
396
- --aquarium-colors-warning-10: #fff2cd;
397
- --aquarium-colors-warning-5: #fff8ea;
398
- --aquarium-colors-warning-0: #fffdf9;
399
- --aquarium-colors-success-100: #006f00;
400
- --aquarium-colors-success-90: #008e00;
401
- --aquarium-colors-success-80: #009f00;
402
- --aquarium-colors-success-70: #00b300;
403
- --aquarium-colors-success-60: #00c300;
404
- --aquarium-colors-success-50: #40ce37;
405
- --aquarium-colors-success-40: #60db57;
406
- --aquarium-colors-success-30: #89eb80;
407
- --aquarium-colors-success-20: #afffa7;
408
- --aquarium-colors-success-10: #cbffc9;
409
- --aquarium-colors-success-5: #ecf7ed;
410
- --aquarium-colors-success-0: #f5faf5;
411
- --aquarium-colors-info-100: #02569a;
412
- --aquarium-colors-info-90: #0174ba;
413
- --aquarium-colors-info-80: #0788d1;
414
- --aquarium-colors-info-70: #0399e3;
415
- --aquarium-colors-info-60: #02a8f3;
416
- --aquarium-colors-info-50: #28b4f4;
417
- --aquarium-colors-info-40: #4cc2f7;
418
- --aquarium-colors-info-30: #7fd1f7;
419
- --aquarium-colors-info-20: #b4e5fb;
420
- --aquarium-colors-info-10: #e0f5fe;
421
- --aquarium-colors-info-5: #effaff;
422
- --aquarium-colors-info-0: #f9fdff;
423
- --aquarium-colors-grey-100: #19191d;
424
- --aquarium-colors-grey-90: #292a31;
425
- --aquarium-colors-grey-80: #3a3a44;
426
- --aquarium-colors-grey-70: #4a4b57;
427
- --aquarium-colors-grey-60: #5a5b6a;
428
- --aquarium-colors-grey-50: #787885;
429
- --aquarium-colors-grey-40: #9696a0;
430
- --aquarium-colors-grey-30: #b4b4bb;
431
- --aquarium-colors-grey-20: #d2d2d6;
432
- --aquarium-colors-grey-10: #e1e1e3;
433
- --aquarium-colors-grey-5: #ededf0;
434
- --aquarium-colors-grey-0: #f7f7fa;
435
- --aquarium-colors-secondary-100: #e11d16;
436
- --aquarium-colors-secondary-90: #eb4610;
437
- --aquarium-colors-secondary-80: #f3580d;
438
- --aquarium-colors-secondary-70: #f96a02;
439
- --aquarium-colors-secondary-60: #ff7700;
440
- --aquarium-colors-secondary-50: #fc871a;
441
- --aquarium-colors-secondary-40: #fb9a3e;
442
- --aquarium-colors-secondary-30: #fab26e;
443
- --aquarium-colors-secondary-20: #f8c99c;
444
- --aquarium-colors-secondary-10: #fee8d0;
445
- --aquarium-colors-secondary-5: #fff3e8;
446
- --aquarium-colors-secondary-0: #fffbf8;
366
+ --aquarium-font-size-9xl: 8rem;
367
+ --aquarium-font-size-9xl-line-height: 1;
368
+ --aquarium-font-size-8xl: 6rem;
369
+ --aquarium-font-size-8xl-line-height: 1;
370
+ --aquarium-font-size-7xl: 4.5rem;
371
+ --aquarium-font-size-7xl-line-height: 1;
372
+ --aquarium-font-size-6xl: 3.75rem;
373
+ --aquarium-font-size-6xl-line-height: 1;
374
+ --aquarium-font-size-5xl: 3rem;
375
+ --aquarium-font-size-5xl-line-height: 1;
376
+ --aquarium-font-size-4xl: 2.25rem;
377
+ --aquarium-font-size-4xl-line-height: 2.5rem;
378
+ --aquarium-font-size-3xl: 1.875rem;
379
+ --aquarium-font-size-3xl-line-height: 2.25rem;
380
+ --aquarium-font-size-2xl: 1.5rem;
381
+ --aquarium-font-size-2xl-line-height: 2rem;
382
+ --aquarium-font-size-xl: 1.25rem;
383
+ --aquarium-font-size-xl-line-height: 1.75rem;
384
+ --aquarium-font-size-lg: 1.125rem;
385
+ --aquarium-font-size-lg-line-height: 1.75rem;
386
+ --aquarium-font-size-sm-line-height: 1.25rem;
387
+ --aquarium-font-size-sm: 0.875rem;
388
+ --aquarium-font-size-xs-line-height: 1rem;
389
+ --aquarium-font-size-xs: 0.75rem;
390
+ --aquarium-font-size-base-line-height: 1.5rem;
391
+ --aquarium-font-size-base: 1rem;
392
+ --aquarium-spacing-l7: 160px;
393
+ --aquarium-spacing-l6: 96px;
394
+ --aquarium-spacing-l5: 64px;
395
+ --aquarium-spacing-l4: 48px;
396
+ --aquarium-spacing-l3: 32px;
397
+ --aquarium-spacing-l2: 24px;
398
+ --aquarium-spacing-l1: 16px;
399
+ --aquarium-spacing-1px: 1px;
400
+ --aquarium-spacing-9: 48px;
401
+ --aquarium-spacing-8: 40px;
402
+ --aquarium-spacing-7: 32px;
403
+ --aquarium-spacing-6: 24px;
404
+ --aquarium-spacing-5: 16px;
405
+ --aquarium-spacing-4: 12px;
406
+ --aquarium-spacing-3: 8px;
407
+ --aquarium-spacing-2: 4px;
408
+ --aquarium-spacing-1: 2px;
409
+ --aquarium-spacing-0: 0px;
410
+ --aquarium-screens-xl: 1536px;
411
+ --aquarium-screens-lg: 1312px;
412
+ --aquarium-screens-md: 1056px;
413
+ --aquarium-screens-sm: 672px;
414
+ --aquarium-screens-xs: 320px;
415
+ --aquarium-screens-default: 0px;
416
+ --aquarium-elevations-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
417
+ --aquarium-elevations-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
418
+ --aquarium-elevations-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
419
+ --aquarium-elevations-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
420
+ --aquarium-elevations-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
421
+ --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
447
422
  --aquarium-colors-primary-100: #0e1652;
448
423
  --aquarium-colors-primary-90: #222f95;
449
424
  --aquarium-colors-primary-80: #3545be;
@@ -456,1457 +431,2071 @@ img,video {
456
431
  --aquarium-colors-primary-10: #e3e9ff;
457
432
  --aquarium-colors-primary-5: #f3f6ff;
458
433
  --aquarium-colors-primary-0: #ffffff;
459
- --aquarium-colors-transparent: transparent;
434
+ --aquarium-colors-secondary-100: #e11d16;
435
+ --aquarium-colors-secondary-90: #eb4610;
436
+ --aquarium-colors-secondary-80: #f3580d;
437
+ --aquarium-colors-secondary-70: #f96a02;
438
+ --aquarium-colors-secondary-60: #ff7700;
439
+ --aquarium-colors-secondary-50: #fc871a;
440
+ --aquarium-colors-secondary-40: #fb9a3e;
441
+ --aquarium-colors-secondary-30: #fab26e;
442
+ --aquarium-colors-secondary-20: #f8c99c;
443
+ --aquarium-colors-secondary-10: #fee8d0;
444
+ --aquarium-colors-secondary-5: #fff3e8;
445
+ --aquarium-colors-secondary-0: #fffbf8;
446
+ --aquarium-colors-grey-100: #19191d;
447
+ --aquarium-colors-grey-90: #292a31;
448
+ --aquarium-colors-grey-80: #3a3a44;
449
+ --aquarium-colors-grey-70: #4a4b57;
450
+ --aquarium-colors-grey-60: #5a5b6a;
451
+ --aquarium-colors-grey-50: #787885;
452
+ --aquarium-colors-grey-40: #9696a0;
453
+ --aquarium-colors-grey-30: #b4b4bb;
454
+ --aquarium-colors-grey-20: #d2d2d6;
455
+ --aquarium-colors-grey-10: #e1e1e3;
456
+ --aquarium-colors-grey-5: #ededf0;
457
+ --aquarium-colors-grey-0: #f7f7fa;
458
+ --aquarium-colors-info-100: #02569a;
459
+ --aquarium-colors-info-90: #0174ba;
460
+ --aquarium-colors-info-80: #0788d1;
461
+ --aquarium-colors-info-70: #0399e3;
462
+ --aquarium-colors-info-60: #02a8f3;
463
+ --aquarium-colors-info-50: #28b4f4;
464
+ --aquarium-colors-info-40: #4cc2f7;
465
+ --aquarium-colors-info-30: #7fd1f7;
466
+ --aquarium-colors-info-20: #b4e5fb;
467
+ --aquarium-colors-info-10: #e0f5fe;
468
+ --aquarium-colors-info-5: #effaff;
469
+ --aquarium-colors-info-0: #f9fdff;
470
+ --aquarium-colors-success-100: #006f00;
471
+ --aquarium-colors-success-90: #008e00;
472
+ --aquarium-colors-success-80: #009f00;
473
+ --aquarium-colors-success-70: #00b300;
474
+ --aquarium-colors-success-60: #00c300;
475
+ --aquarium-colors-success-50: #40ce37;
476
+ --aquarium-colors-success-40: #60db57;
477
+ --aquarium-colors-success-30: #89eb80;
478
+ --aquarium-colors-success-20: #afffa7;
479
+ --aquarium-colors-success-10: #cbffc9;
480
+ --aquarium-colors-success-5: #ecf7ed;
481
+ --aquarium-colors-success-0: #f5faf5;
482
+ --aquarium-colors-warning-100: #fe6d00;
483
+ --aquarium-colors-warning-90: #ff9003;
484
+ --aquarium-colors-warning-80: #fd9f00;
485
+ --aquarium-colors-warning-70: #ffb300;
486
+ --aquarium-colors-warning-60: #ffc107;
487
+ --aquarium-colors-warning-50: #fdc926;
488
+ --aquarium-colors-warning-40: #fdd44d;
489
+ --aquarium-colors-warning-30: #fddf81;
490
+ --aquarium-colors-warning-20: #feebb2;
491
+ --aquarium-colors-warning-10: #fff2cd;
492
+ --aquarium-colors-warning-5: #fff8ea;
493
+ --aquarium-colors-warning-0: #fffdf9;
494
+ --aquarium-colors-error-100: #aa0000;
495
+ --aquarium-colors-error-90: #b90000;
496
+ --aquarium-colors-error-80: #c50001;
497
+ --aquarium-colors-error-70: #d80005;
498
+ --aquarium-colors-error-60: #e70000;
499
+ --aquarium-colors-error-50: #e62728;
500
+ --aquarium-colors-error-40: #e0504f;
501
+ --aquarium-colors-error-30: #ed7975;
502
+ --aquarium-colors-error-20: #ffadb3;
503
+ --aquarium-colors-error-10: #ffcbd2;
504
+ --aquarium-colors-error-5: #fee8e7;
505
+ --aquarium-colors-error-0: #fef2f1;
460
506
  --aquarium-colors-current: currentColor;
461
- --aquarium-colors-white: white;
507
+ --aquarium-colors-transparent: transparent;
462
508
  --aquarium-colors-black: black;
463
- --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
464
- --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
465
- --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
466
- --aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
467
- --aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
468
- --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
469
- --aquarium-screens-default: 0px;
470
- --aquarium-screens-xs: 320px;
471
- --aquarium-screens-sm: 672px;
472
- --aquarium-screens-md: 1056px;
473
- --aquarium-screens-lg: 1312px;
474
- --aquarium-screens-xl: 1536px;
475
- --aquarium-background-color-body: var(--aquarium-colors-white);
476
- --aquarium-background-color-body-intense: var(--aquarium-colors-grey-80);
477
- --aquarium-background-color-popover-content: var(--aquarium-colors-white);
478
- --aquarium-background-color-muted: var(--aquarium-colors-grey-0);
479
- --aquarium-background-color-default: var(--aquarium-colors-grey-5);
480
- --aquarium-background-color-intense: var(--aquarium-colors-grey-20);
481
- --aquarium-background-color-primary-muted: var(--aquarium-colors-primary-40);
482
- --aquarium-background-color-primary-default: var(--aquarium-colors-primary-80);
483
- --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-90);
484
- --aquarium-background-color-primary-active: var(--aquarium-colors-primary-5);
485
- --aquarium-background-color-primary-hover: var(--aquarium-colors-primary-5);
486
- --aquarium-background-color-info-muted: var(--aquarium-colors-info-10);
487
- --aquarium-background-color-info-default: var(--aquarium-colors-info-70);
488
- --aquarium-background-color-info-intense: var(--aquarium-colors-info-90);
489
- --aquarium-background-color-success-muted: var(--aquarium-colors-success-5);
490
- --aquarium-background-color-success-default: var(--aquarium-colors-success-70);
491
- --aquarium-background-color-success-intense: var(--aquarium-colors-success-90);
492
- --aquarium-background-color-warning-muted: var(--aquarium-colors-warning-5);
493
- --aquarium-background-color-warning-default: var(--aquarium-colors-warning-70);
494
- --aquarium-background-color-warning-intense: var(--aquarium-colors-warning-90);
495
- --aquarium-background-color-danger-muted: var(--aquarium-colors-error-10);
496
- --aquarium-background-color-danger-default: var(--aquarium-colors-error-20);
497
- --aquarium-background-color-danger-intense: var(--aquarium-colors-error-50);
498
- --aquarium-background-color-status-announcement: var(--aquarium-colors-primary-5);
499
- --aquarium-background-color-status-info: var(--aquarium-colors-info-10);
500
- --aquarium-background-color-status-warning: var(--aquarium-colors-warning-5);
501
- --aquarium-background-color-status-danger: var(--aquarium-colors-error-5);
502
- --aquarium-background-color-status-success: var(--aquarium-colors-success-5);
509
+ --aquarium-colors-white: white;
503
510
  --aquarium-background-color-icon-button-hover: rgba(25,25,29,.05);
504
- --aquarium-border-color-muted: var(--aquarium-colors-grey-5);
505
- --aquarium-border-color-default: var(--aquarium-colors-grey-20);
506
- --aquarium-border-color-intense: var(--aquarium-colors-grey-50);
507
- --aquarium-border-color-primary-muted: var(--aquarium-colors-primary-60);
508
- --aquarium-border-color-primary-default: var(--aquarium-colors-primary-80);
509
- --aquarium-border-color-primary-intense: var(--aquarium-colors-primary-100);
510
- --aquarium-border-color-info-muted: var(--aquarium-colors-info-50);
511
- --aquarium-border-color-info-default: var(--aquarium-colors-info-70);
512
- --aquarium-border-color-info-intense: var(--aquarium-colors-info-90);
513
- --aquarium-border-color-success-muted: var(--aquarium-colors-success-10);
514
- --aquarium-border-color-success-default: var(--aquarium-colors-success-40);
515
- --aquarium-border-color-success-intense: var(--aquarium-colors-success-70);
516
- --aquarium-border-color-warning-muted: var(--aquarium-colors-warning-20);
517
- --aquarium-border-color-warning-default: var(--aquarium-colors-warning-70);
518
- --aquarium-border-color-warning-intense: var(--aquarium-colors-warning-90);
519
- --aquarium-border-color-danger-muted: var(--aquarium-colors-error-10);
520
- --aquarium-border-color-danger-default: var(--aquarium-colors-error-50);
521
- --aquarium-border-color-danger-intense: var(--aquarium-colors-error-80);
522
- --aquarium-border-width-0: 0px;
523
- --aquarium-border-width-2: 2px;
524
- --aquarium-border-width-4: 4px;
525
- --aquarium-border-width-8: 8px;
526
511
  --aquarium-border-width-default: 1px;
527
- --aquarium-font-family-sans: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
528
- --aquarium-font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
529
- --aquarium-font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
530
- --aquarium-font-size-xs: 0.75rem;
531
- --aquarium-font-size-xs-line-height: 1rem;
532
- --aquarium-font-size-sm: 0.875rem;
533
- --aquarium-font-size-sm-line-height: 1.25rem;
534
- --aquarium-font-size-base: 1rem;
535
- --aquarium-font-size-base-line-height: 1.5rem;
536
- --aquarium-font-size-lg: 1.125rem;
537
- --aquarium-font-size-lg-line-height: 1.75rem;
538
- --aquarium-font-size-xl: 1.25rem;
539
- --aquarium-font-size-xl-line-height: 1.75rem;
540
- --aquarium-font-size-2xl: 1.5rem;
541
- --aquarium-font-size-2xl-line-height: 2rem;
542
- --aquarium-font-size-3xl: 1.875rem;
543
- --aquarium-font-size-3xl-line-height: 2.25rem;
544
- --aquarium-font-size-4xl: 2.25rem;
545
- --aquarium-font-size-4xl-line-height: 2.5rem;
546
- --aquarium-font-size-5xl: 3rem;
547
- --aquarium-font-size-5xl-line-height: 1;
548
- --aquarium-font-size-6xl: 3.75rem;
549
- --aquarium-font-size-6xl-line-height: 1;
550
- --aquarium-font-size-7xl: 4.5rem;
551
- --aquarium-font-size-7xl-line-height: 1;
552
- --aquarium-font-size-8xl: 6rem;
553
- --aquarium-font-size-8xl-line-height: 1;
554
- --aquarium-font-size-9xl: 8rem;
555
- --aquarium-font-size-9xl-line-height: 1;
556
- --aquarium-font-weight-thin: 100;
557
- --aquarium-font-weight-extralight: 200;
558
- --aquarium-font-weight-light: 300;
559
- --aquarium-font-weight-normal: 400;
560
- --aquarium-font-weight-medium: 500;
561
- --aquarium-font-weight-semibold: 600;
562
- --aquarium-font-weight-bold: 700;
563
- --aquarium-font-weight-extrabold: 800;
564
- --aquarium-font-weight-black: 900;
565
- --aquarium-spacing-0: 0;
566
- --aquarium-spacing-1: 2px;
567
- --aquarium-spacing-2: 4px;
568
- --aquarium-spacing-3: 8px;
569
- --aquarium-spacing-4: 12px;
570
- --aquarium-spacing-5: 16px;
571
- --aquarium-spacing-6: 24px;
572
- --aquarium-spacing-7: 32px;
573
- --aquarium-spacing-8: 40px;
574
- --aquarium-spacing-9: 48px;
575
- --aquarium-spacing-1px: 1px;
576
- --aquarium-spacing-l1: 16px;
577
- --aquarium-spacing-l2: 24px;
578
- --aquarium-spacing-l3: 32px;
579
- --aquarium-spacing-l4: 48px;
580
- --aquarium-spacing-l5: 64px;
581
- --aquarium-spacing-l6: 96px;
582
- --aquarium-spacing-l7: 160px;
583
- --aquarium-text-color-inactive: var(--aquarium-colors-grey-40);
584
- --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
585
- --aquarium-text-color-default: var(--aquarium-colors-grey-70);
586
- --aquarium-text-color-intense: var(--aquarium-colors-grey-90);
587
- --aquarium-text-color-primary-inactive: var(--aquarium-colors-primary-40);
588
- --aquarium-text-color-primary-active: var(--aquarium-colors-primary-90);
589
- --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-60);
590
- --aquarium-text-color-primary-default: var(--aquarium-colors-primary-70);
591
- --aquarium-text-color-primary-intense: var(--aquarium-colors-primary-80);
592
- --aquarium-text-color-info-inactive: var(--aquarium-colors-info-20);
593
- --aquarium-text-color-info-muted: var(--aquarium-colors-info-40);
594
- --aquarium-text-color-info-default: var(--aquarium-colors-info-70);
595
- --aquarium-text-color-info-intense: var(--aquarium-colors-info-90);
596
- --aquarium-text-color-success-inactive: var(--aquarium-colors-success-10);
597
- --aquarium-text-color-success-muted: var(--aquarium-colors-success-30);
598
- --aquarium-text-color-success-default: var(--aquarium-colors-success-70);
599
- --aquarium-text-color-success-intense: var(--aquarium-colors-success-90);
600
- --aquarium-text-color-warning-inactive: var(--aquarium-colors-warning-20);
601
- --aquarium-text-color-warning-muted: var(--aquarium-colors-warning-40);
602
- --aquarium-text-color-warning-default: var(--aquarium-colors-warning-80);
603
- --aquarium-text-color-warning-intense: var(--aquarium-colors-warning-100);
604
- --aquarium-text-color-danger-inactive: var(--aquarium-colors-error-10);
605
- --aquarium-text-color-danger-muted: var(--aquarium-colors-error-20);
606
- --aquarium-text-color-danger-default: var(--aquarium-colors-error-50);
512
+ --aquarium-border-width-8: 8px;
513
+ --aquarium-border-width-4: 4px;
514
+ --aquarium-border-width-2: 2px;
515
+ --aquarium-border-width-1: 1px;
516
+ --aquarium-border-width-0: 0px;
517
+ --aquarium-border-radius-none: 0px;
518
+ --aquarium-border-radius-sm: 0.125rem;
519
+ --aquarium-border-radius-md: 0.375rem;
520
+ --aquarium-border-radius-lg: 0.5rem;
521
+ --aquarium-border-radius-xl: 0.75rem;
522
+ --aquarium-border-radius-2xl: 1rem;
523
+ --aquarium-border-radius-3xl: 1.5rem;
524
+ --aquarium-border-radius-full: 9999px;
525
+ --aquarium-border-radius-default: 4px;
526
+ --aquarium-margin-l7: var(--aquarium-spacing-l7);
527
+ --aquarium-margin-l6: var(--aquarium-spacing-l6);
528
+ --aquarium-margin-l5: var(--aquarium-spacing-l5);
529
+ --aquarium-margin-l4: var(--aquarium-spacing-l4);
530
+ --aquarium-margin-l3: var(--aquarium-spacing-l3);
531
+ --aquarium-margin-l2: var(--aquarium-spacing-l2);
532
+ --aquarium-margin-l1: var(--aquarium-spacing-l1);
533
+ --aquarium-margin-1px: var(--aquarium-spacing-1px);
534
+ --aquarium-margin-9: var(--aquarium-spacing-9);
535
+ --aquarium-margin-8: var(--aquarium-spacing-8);
536
+ --aquarium-margin-7: var(--aquarium-spacing-7);
537
+ --aquarium-margin-6: var(--aquarium-spacing-6);
538
+ --aquarium-margin-5: var(--aquarium-spacing-5);
539
+ --aquarium-margin-4: var(--aquarium-spacing-4);
540
+ --aquarium-margin-3: var(--aquarium-spacing-3);
541
+ --aquarium-margin-2: var(--aquarium-spacing-2);
542
+ --aquarium-margin-1: var(--aquarium-spacing-1);
543
+ --aquarium-margin-0: var(--aquarium-spacing-0);
544
+ --aquarium-box-shadow-2dp: var(--aquarium-elevations-2dp);
545
+ --aquarium-box-shadow-4dp: var(--aquarium-elevations-4dp);
546
+ --aquarium-box-shadow-8dp: var(--aquarium-elevations-8dp);
547
+ --aquarium-box-shadow-16dp: var(--aquarium-elevations-16dp);
548
+ --aquarium-box-shadow-24dp: var(--aquarium-elevations-24dp);
607
549
  --aquarium-text-color-danger-intense: var(--aquarium-colors-error-80);
550
+ --aquarium-text-color-danger-default: var(--aquarium-colors-error-50);
551
+ --aquarium-text-color-danger-muted: var(--aquarium-colors-error-20);
552
+ --aquarium-text-color-danger-inactive: var(--aquarium-colors-error-10);
553
+ --aquarium-text-color-warning-intense: var(--aquarium-colors-warning-100);
554
+ --aquarium-text-color-warning-default: var(--aquarium-colors-warning-80);
555
+ --aquarium-text-color-warning-muted: var(--aquarium-colors-warning-40);
556
+ --aquarium-text-color-warning-inactive: var(--aquarium-colors-warning-20);
557
+ --aquarium-text-color-success-intense: var(--aquarium-colors-success-90);
558
+ --aquarium-text-color-success-default: var(--aquarium-colors-success-70);
559
+ --aquarium-text-color-success-muted: var(--aquarium-colors-success-30);
560
+ --aquarium-text-color-success-inactive: var(--aquarium-colors-success-10);
561
+ --aquarium-text-color-info-intense: var(--aquarium-colors-info-90);
562
+ --aquarium-text-color-info-default: var(--aquarium-colors-info-70);
563
+ --aquarium-text-color-info-muted: var(--aquarium-colors-info-40);
564
+ --aquarium-text-color-info-inactive: var(--aquarium-colors-info-20);
565
+ --aquarium-text-color-primary-intense: var(--aquarium-colors-primary-80);
566
+ --aquarium-text-color-primary-default: var(--aquarium-colors-primary-70);
567
+ --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-60);
568
+ --aquarium-text-color-primary-active: var(--aquarium-colors-primary-90);
569
+ --aquarium-text-color-primary-inactive: var(--aquarium-colors-primary-40);
570
+ --aquarium-text-color-intense: var(--aquarium-colors-grey-90);
571
+ --aquarium-text-color-default: var(--aquarium-colors-grey-70);
572
+ --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
573
+ --aquarium-text-color-inactive: var(--aquarium-colors-grey-40);
574
+ --aquarium-border-color-danger-intense: var(--aquarium-colors-error-80);
575
+ --aquarium-border-color-danger-default: var(--aquarium-colors-error-50);
576
+ --aquarium-border-color-danger-muted: var(--aquarium-colors-error-10);
577
+ --aquarium-border-color-warning-intense: var(--aquarium-colors-warning-90);
578
+ --aquarium-border-color-warning-default: var(--aquarium-colors-warning-70);
579
+ --aquarium-border-color-warning-muted: var(--aquarium-colors-warning-20);
580
+ --aquarium-border-color-success-intense: var(--aquarium-colors-success-70);
581
+ --aquarium-border-color-success-default: var(--aquarium-colors-success-40);
582
+ --aquarium-border-color-success-muted: var(--aquarium-colors-success-10);
583
+ --aquarium-border-color-info-intense: var(--aquarium-colors-info-90);
584
+ --aquarium-border-color-info-default: var(--aquarium-colors-info-70);
585
+ --aquarium-border-color-info-muted: var(--aquarium-colors-info-50);
586
+ --aquarium-border-color-primary-intense: var(--aquarium-colors-primary-100);
587
+ --aquarium-border-color-primary-default: var(--aquarium-colors-primary-80);
588
+ --aquarium-border-color-primary-muted: var(--aquarium-colors-primary-60);
589
+ --aquarium-border-color-intense: var(--aquarium-colors-grey-50);
590
+ --aquarium-border-color-default: var(--aquarium-colors-grey-20);
591
+ --aquarium-border-color-muted: var(--aquarium-colors-grey-5);
592
+ --aquarium-background-color-status-success: var(--aquarium-colors-success-5);
593
+ --aquarium-background-color-status-danger: var(--aquarium-colors-error-5);
594
+ --aquarium-background-color-status-warning: var(--aquarium-colors-warning-5);
595
+ --aquarium-background-color-status-info: var(--aquarium-colors-info-10);
596
+ --aquarium-background-color-status-announcement: var(--aquarium-colors-primary-5);
597
+ --aquarium-background-color-danger-intense: var(--aquarium-colors-error-50);
598
+ --aquarium-background-color-danger-default: var(--aquarium-colors-error-20);
599
+ --aquarium-background-color-danger-muted: var(--aquarium-colors-error-10);
600
+ --aquarium-background-color-warning-intense: var(--aquarium-colors-warning-90);
601
+ --aquarium-background-color-warning-default: var(--aquarium-colors-warning-70);
602
+ --aquarium-background-color-warning-muted: var(--aquarium-colors-warning-5);
603
+ --aquarium-background-color-success-intense: var(--aquarium-colors-success-90);
604
+ --aquarium-background-color-success-default: var(--aquarium-colors-success-70);
605
+ --aquarium-background-color-success-muted: var(--aquarium-colors-success-5);
606
+ --aquarium-background-color-info-intense: var(--aquarium-colors-info-90);
607
+ --aquarium-background-color-info-default: var(--aquarium-colors-info-70);
608
+ --aquarium-background-color-info-muted: var(--aquarium-colors-info-10);
609
+ --aquarium-background-color-primary-hover: var(--aquarium-colors-primary-5);
610
+ --aquarium-background-color-primary-active: var(--aquarium-colors-primary-5);
611
+ --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-90);
612
+ --aquarium-background-color-primary-default: var(--aquarium-colors-primary-80);
613
+ --aquarium-background-color-primary-muted: var(--aquarium-colors-primary-40);
614
+ --aquarium-background-color-intense: var(--aquarium-colors-grey-20);
615
+ --aquarium-background-color-default: var(--aquarium-colors-grey-5);
616
+ --aquarium-background-color-muted: var(--aquarium-colors-grey-0);
617
+ --aquarium-background-color-popover-content: var(--aquarium-colors-white);
618
+ --aquarium-background-color-body-intense: var(--aquarium-colors-grey-80);
619
+ --aquarium-background-color-body: var(--aquarium-colors-white);
620
+ }
621
+ input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
622
+ -webkit-appearance: none;
623
+ margin: 0;
624
+ }
625
+ input[type='number'].no-arrows {
626
+ -moz-appearance: textfield; /* Firefox */
627
+ }
628
+ .recharts-cartesian-axis-tick-value,.recharts-label{
629
+ font: normal 400 12px/1.26 Inter;
630
+ fill: #787885;
631
+ fill: var(--aquarium-colors-grey-50);
632
+ }
633
+ .recharts-label{
634
+ stroke: none;
635
+ }
636
+ .recharts-yAxis .recharts-label {
637
+ text-anchor: middle;
638
+ }
639
+ .recharts-tooltip-wrapper{
640
+ font: normal 400 16px/1.5 Inter;
641
+ color: #4a4b57;
642
+ color: var(--aquarium-text-color-default);
643
+ outline: 2px solid transparent;
644
+ outline-offset: 2px;
645
+ }
646
+ .recharts-tooltip-label{
647
+ font: normal 500 16px/1.5 Inter;
648
+ padding-bottom: 4px;
649
+ }
650
+ .recharts-tooltip-item{
651
+ font: normal 400 16px/1.5 Inter;
652
+ align-items: center;
653
+ }
654
+ .recharts-tooltip-item::before{
655
+ display: inline-block;
656
+ background-color: currentColor;
657
+ background-color: var(--aquarium-colors-current);
658
+ margin-right: 8px;
659
+ border-radius: 9999px;
660
+ border-radius: var(--aquarium-border-radius-full);
661
+ content: ' ';
662
+ width: 14px;
663
+ height: 14px;
664
+ }
665
+ .recharts-tooltip-item>span{
666
+ color: #4a4b57;
667
+ color: var(--aquarium-text-color-default);
668
+ }
669
+ .recharts-tooltip-item-name{
670
+ flex-grow: 1;
671
+ margin-right: 24px;
672
+ }
673
+ .recharts-tooltip-item-separator{
674
+ display: none;
675
+ }
676
+ .recharts-tooltip-item-value{
677
+ font: normal 500 16px/1.5 Inter;
678
+ }
679
+ .recharts-legend-item{
680
+ margin-left: 32px;
681
+ }
682
+ .recharts-legend-item:first-child{
683
+ margin-left: 0px;
684
+ }
685
+ .recharts-legend-item{
686
+ margin-right: 0px !important;
687
+ }
688
+ .recharts-legend-item-text{
689
+ margin-left: 2px;
690
+ margin-right: 0px !important;
691
+ color: #4a4b57 !important;
692
+ color: var(--aquarium-text-color-default) !important;
693
+ }
694
+ .recharts-sector.inactive,.recharts-rectangle.inactive{
695
+ opacity: 0.5;
696
+ }
697
+ .focusable.focus-visible{
698
+ outline: 2px solid transparent;
699
+ outline-offset: 2px;
700
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
701
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
702
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
703
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
704
+ --tw-ring-color: var(--aquarium-colors-info-70);
705
+ }
706
+ .focusable:focus-visible{
707
+ outline: 2px solid transparent;
708
+ outline-offset: 2px;
709
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
710
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
711
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
712
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
713
+ --tw-ring-color: var(--aquarium-colors-info-70);
714
+ }
715
+ .icon-stroke-2 svg path {
716
+ stroke-width: 2;
717
+ }
718
+ /* https://tailwindcss.com/docs/using-with-preprocessors */
719
+ /* @import statements must come first*/
720
+ .container{
721
+ width: 100%;
722
+ }
723
+ .\!container{
724
+ width: 100% !important;
725
+ }
726
+ @media (min-width: 0px){
727
+ .container{
728
+ max-width: 0px;
729
+ }
730
+ .\!container{
731
+ max-width: 0px !important;
732
+ }
733
+ }
734
+ @media (min-width: 320px){
735
+ .container{
736
+ max-width: 320px;
737
+ }
738
+ .\!container{
739
+ max-width: 320px !important;
740
+ }
741
+ }
742
+ @media (min-width: 672px){
743
+ .container{
744
+ max-width: 672px;
745
+ }
746
+ .\!container{
747
+ max-width: 672px !important;
748
+ }
749
+ }
750
+ @media (min-width: 1056px){
751
+ .container{
752
+ max-width: 1056px;
753
+ }
754
+ .\!container{
755
+ max-width: 1056px !important;
756
+ }
757
+ }
758
+ @media (min-width: 1312px){
759
+ .container{
760
+ max-width: 1312px;
761
+ }
762
+ .\!container{
763
+ max-width: 1312px !important;
764
+ }
765
+ }
766
+ @media (min-width: 1536px){
767
+ .container{
768
+ max-width: 1536px;
769
+ }
770
+ .\!container{
771
+ max-width: 1536px !important;
772
+ }
773
+ }
774
+ .typography-large-heading{
775
+ font: normal 700 32px/1.375 Poppins;
776
+ }
777
+ .typography-heading{
778
+ font: normal 700 24px/1.375 Poppins;
779
+ }
780
+ .typography-subheading{
781
+ font: normal 600 20px/1.375 Poppins;
782
+ }
783
+ .typography-large-strong{
784
+ font: normal 600 20px/1.58 Inter;
785
+ }
786
+ .typography-large{
787
+ font: normal 500 20px/1.58 Inter;
788
+ }
789
+ .typography-default-strong{
790
+ font: normal 500 16px/1.5 Inter;
791
+ }
792
+ .typography-default{
793
+ font: normal 400 16px/1.5 Inter;
794
+ }
795
+ .typography-small-strong{
796
+ font: normal 500 14px/1.42 Inter;
797
+ }
798
+ .typography-small{
799
+ font: normal 400 14px/1.42 Inter;
800
+ }
801
+ .typography-caption{
802
+ font: normal 400 12px/1.26 Inter;
803
+ }
804
+ .typography-caption-small{
805
+ font: normal 400 10px/1.2 Inter;
806
+ }
807
+ .typography-caption-default{
808
+ font: normal 400 12px/1.26 Inter;
809
+ }
810
+ .typography-overline-small{
811
+ font: normal 400 10px/1 Inter;
812
+ }
813
+ .typography-overline-default{
814
+ font: normal 400 12px/1 Inter;
815
+ }
816
+ .typography-button-small{
817
+ font: normal 500 12px/1 Inter;
818
+ }
819
+ .typography-button-medium{
820
+ font: normal 400 14px/1 Inter;
821
+ }
822
+ .typography-button-large{
823
+ font: normal 500 16px/1.5 Inter;
824
+ }
825
+ .typography-body-small{
826
+ font: normal 400 14px/1.43 Inter;
827
+ }
828
+ .typography-body-small-medium{
829
+ font: normal 500 14px/1.43 Inter;
830
+ }
831
+ .typography-body-default{
832
+ font: normal 400 16px/1.5 Inter;
833
+ }
834
+ .typography-body-default-medium{
835
+ font: normal 500 16px/1.5 Inter;
836
+ }
837
+ .typography-body-large{
838
+ font: normal 400 20px/1.58 Inter;
839
+ }
840
+ .typography-body-large-medium{
841
+ font: normal 400 20px/1.2 Inter;
842
+ }
843
+ .typography-heading-large{
844
+ font: normal 700 20px/1.5 Inter;
845
+ }
846
+ .typography-heading-xl{
847
+ font: normal 700 24px/1.5 Inter;
848
+ }
849
+ .typography-heading-2xl{
850
+ font: normal 700 34px/1.28 Inter;
851
+ }
852
+ .typography-heading-3xl{
853
+ font: normal 700 48px/1.24 Inter;
854
+ }
855
+ .typography-heading-4xl{
856
+ font: normal 700 60px/1.2 Inter;
857
+ }
858
+ .typography-heading-5xl{
859
+ font: normal 700 76px/1.2 Inter;
860
+ }
861
+ .pointer-events-none{
862
+ pointer-events: none;
863
+ }
864
+ .visible{
865
+ visibility: visible;
866
+ }
867
+ .invisible{
868
+ visibility: hidden;
869
+ }
870
+ .collapse{
871
+ visibility: collapse;
872
+ }
873
+ .static{
874
+ position: static;
875
+ }
876
+ .fixed{
877
+ position: fixed;
878
+ }
879
+ .absolute{
880
+ position: absolute;
881
+ }
882
+ .relative{
883
+ position: relative;
884
+ }
885
+ .sticky{
886
+ position: sticky;
887
+ }
888
+ .inset-0{
889
+ top: 0px;
890
+ right: 0px;
891
+ bottom: 0px;
892
+ left: 0px;
893
+ }
894
+ .inset-y-0{
895
+ top: 0px;
896
+ bottom: 0px;
897
+ }
898
+ .right-4{
899
+ right: 12px;
900
+ }
901
+ .top-\[18px\]{
902
+ top: 18px;
903
+ }
904
+ .top-0{
905
+ top: 0px;
906
+ }
907
+ .left-0{
908
+ left: 0px;
909
+ }
910
+ .right-0{
911
+ right: 0px;
912
+ }
913
+ .top-\[47px\]{
914
+ top: 47px;
915
+ }
916
+ .top-\[24px\]{
917
+ top: 24px;
918
+ }
919
+ .right-\[28px\]{
920
+ right: 28px;
921
+ }
922
+ .-left-1\/2{
923
+ left: -50%;
924
+ }
925
+ .top-\[3px\]{
926
+ top: 3px;
927
+ }
928
+ .top-\[14px\]{
929
+ top: 14px;
930
+ }
931
+ .left-2{
932
+ left: 4px;
933
+ }
934
+ .top-1\/2{
935
+ top: 50%;
936
+ }
937
+ .left-1\/2{
938
+ left: 50%;
939
+ }
940
+ .bottom-0{
941
+ bottom: 0px;
942
+ }
943
+ .z-10{
944
+ z-index: 10;
945
+ }
946
+ .z-modal{
947
+ z-index: 100;
948
+ }
949
+ .-z-10{
950
+ z-index: -10;
951
+ }
952
+ .z-20{
953
+ z-index: 20;
954
+ }
955
+ .z-40{
956
+ z-index: 40;
957
+ }
958
+ .z-0{
959
+ z-index: 0;
960
+ }
961
+ .col-span-full{
962
+ grid-column: 1 / -1;
963
+ }
964
+ .col-start-2{
965
+ grid-column-start: 2;
966
+ }
967
+ .col-start-1{
968
+ grid-column-start: 1;
969
+ }
970
+ .col-start-3{
971
+ grid-column-start: 3;
972
+ }
973
+ .row-start-1{
974
+ grid-row-start: 1;
975
+ }
976
+ .row-start-2{
977
+ grid-row-start: 2;
978
+ }
979
+ .-m-2{
980
+ margin: -4px;
981
+ }
982
+ .m-3{
983
+ margin: 8px;
984
+ }
985
+ .m-4{
986
+ margin: 12px;
987
+ }
988
+ .m-\[1px\]{
989
+ margin: 1px;
990
+ }
991
+ .-mx-4{
992
+ margin-left: -12px;
993
+ margin-right: -12px;
994
+ }
995
+ .mx-7{
996
+ margin-left: 32px;
997
+ margin-right: 32px;
998
+ }
999
+ .my-1{
1000
+ margin-top: 2px;
1001
+ margin-bottom: 2px;
1002
+ }
1003
+ .mx-3{
1004
+ margin-left: 8px;
1005
+ margin-right: 8px;
1006
+ }
1007
+ .my-4{
1008
+ margin-top: 12px;
1009
+ margin-bottom: 12px;
1010
+ }
1011
+ .mx-2{
1012
+ margin-left: 4px;
1013
+ margin-right: 4px;
1014
+ }
1015
+ .mx-1{
1016
+ margin-left: 2px;
1017
+ margin-right: 2px;
1018
+ }
1019
+ .mx-0{
1020
+ margin-left: 0px;
1021
+ margin-right: 0px;
1022
+ }
1023
+ .mb-3{
1024
+ margin-bottom: 8px;
1025
+ }
1026
+ .mt-5{
1027
+ margin-top: 16px;
1028
+ }
1029
+ .-mt-4{
1030
+ margin-top: -12px;
1031
+ }
1032
+ .mt-auto{
1033
+ margin-top: auto;
1034
+ }
1035
+ .mt-1{
1036
+ margin-top: 2px;
1037
+ }
1038
+ .mt-4{
1039
+ margin-top: 12px;
1040
+ }
1041
+ .mb-\[-20px\]{
1042
+ margin-bottom: -20px;
1043
+ }
1044
+ .mb-5{
1045
+ margin-bottom: 16px;
1046
+ }
1047
+ .mr-4{
1048
+ margin-right: 12px;
1049
+ }
1050
+ .mt-2{
1051
+ margin-top: 4px;
1052
+ }
1053
+ .ml-3{
1054
+ margin-left: 8px;
1055
+ }
1056
+ .mb-\[-2px\]{
1057
+ margin-bottom: -2px;
1058
+ }
1059
+ .mb-2{
1060
+ margin-bottom: 4px;
1061
+ }
1062
+ .ml-2{
1063
+ margin-left: 4px;
1064
+ }
1065
+ .mb-\[7px\]{
1066
+ margin-bottom: 7px;
1067
+ }
1068
+ .block{
1069
+ display: block;
1070
+ }
1071
+ .inline-block{
1072
+ display: inline-block;
1073
+ }
1074
+ .inline{
1075
+ display: inline;
1076
+ }
1077
+ .\!inline{
1078
+ display: inline !important;
1079
+ }
1080
+ .flex{
1081
+ display: flex;
1082
+ }
1083
+ .inline-flex{
1084
+ display: inline-flex;
1085
+ }
1086
+ .table{
1087
+ display: table;
1088
+ }
1089
+ .\!table{
1090
+ display: table !important;
1091
+ }
1092
+ .grid{
1093
+ display: grid;
1094
+ }
1095
+ .inline-grid{
1096
+ display: inline-grid;
1097
+ }
1098
+ .contents{
1099
+ display: contents;
1100
+ }
1101
+ .hidden{
1102
+ display: none;
1103
+ }
1104
+ .\!hidden{
1105
+ display: none !important;
1106
+ }
1107
+ .aspect-square{
1108
+ aspect-ratio: 1 / 1;
1109
+ }
1110
+ .h-1{
1111
+ height: 2px;
1112
+ }
1113
+ .h-\[20px\]{
1114
+ height: 20px;
1115
+ }
1116
+ .h-\[174px\]{
1117
+ height: 174px;
1118
+ }
1119
+ .h-\[225px\]{
1120
+ height: 225px;
1121
+ }
1122
+ .h-5{
1123
+ height: 16px;
1124
+ }
1125
+ .h-6{
1126
+ height: 24px;
1127
+ }
1128
+ .h-\[1px\]{
1129
+ height: 1px;
1130
+ }
1131
+ .h-full{
1132
+ height: 100%;
1133
+ }
1134
+ .h-\[120px\]{
1135
+ height: 120px;
1136
+ }
1137
+ .h-2{
1138
+ height: 4px;
1139
+ }
1140
+ .h-\[72px\]{
1141
+ height: 72px;
1142
+ }
1143
+ .h-\[2px\]{
1144
+ height: 2px;
1145
+ }
1146
+ .h-\[3px\]{
1147
+ height: 3px;
608
1148
  }
609
- input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
610
- -webkit-appearance: none;
611
- margin: 0;
1149
+ .h-\[32px\]{
1150
+ height: 32px;
612
1151
  }
613
- input[type='number'].no-arrows {
614
- -moz-appearance: textfield; /* Firefox */
1152
+ .h-\[8px\]{
1153
+ height: 8px;
615
1154
  }
616
- .recharts-cartesian-axis-tick-value,.recharts-label{
617
- font-family: Inter;
618
- font-size: 12px;
619
- font-weight: 400;
620
- font-style: normal;
621
- line-height: 1.26;
622
- text-transform: none;
623
- fill: #787885;
624
- fill: var(--aquarium-colors-grey-50, #787885);
1155
+ .h-4{
1156
+ height: 12px;
625
1157
  }
626
- .recharts-label{
627
- stroke: none;
1158
+ .h-\[50px\]{
1159
+ height: 50px;
628
1160
  }
629
- .recharts-yAxis .recharts-label {
630
- text-anchor: middle;
1161
+ .h-\[6px\]{
1162
+ height: 6px;
631
1163
  }
632
- .recharts-tooltip-wrapper{
633
- font-family: Inter;
634
- font-size: 16px;
635
- font-weight: 400;
636
- font-style: normal;
637
- line-height: 1.5;
638
- text-transform: none;
639
- color: #4a4b57;
640
- color: var(--aquarium-text-color-default);
641
- outline: 2px solid transparent;
642
- outline-offset: 2px;
1164
+ .h-\[9px\]{
1165
+ height: 9px;
643
1166
  }
644
- .recharts-tooltip-label{
645
- font-family: Inter;
646
- font-size: 16px;
647
- font-weight: 500;
648
- font-style: normal;
649
- line-height: 1.5;
650
- text-transform: none;
651
- padding-bottom: 4px;
1167
+ .h-1px{
1168
+ height: 1px;
652
1169
  }
653
- .recharts-tooltip-item{
654
- font-family: Inter;
655
- font-size: 16px;
656
- font-weight: 400;
657
- font-style: normal;
658
- line-height: 1.5;
659
- text-transform: none;
660
- align-items: center;
1170
+ .h-3{
1171
+ height: 8px;
661
1172
  }
662
- .recharts-tooltip-item::before{
663
- display: inline-block;
664
- background-color: currentColor;
665
- background-color: var(--aquarium-colors-current, currentColor);
666
- margin-right: 8px;
667
- border-radius: 9999px;
668
- border-radius: var(--aquarium-border-radius-full, 9999px);
669
- content: ' ';
670
- width: 14px;
671
- height: 14px;
1173
+ .h-\[56px\]{
1174
+ height: 56px;
672
1175
  }
673
- .recharts-tooltip-item>span{
674
- color: #4a4b57;
675
- color: var(--aquarium-text-color-default);
1176
+ .h-auto{
1177
+ height: auto;
676
1178
  }
677
- .recharts-tooltip-item-name{
678
- flex-grow: 1;
679
- margin-right: 24px;
1179
+ .h-\[25px\]{
1180
+ height: 25px;
680
1181
  }
681
- .recharts-tooltip-item-separator{
682
- display: none;
1182
+ .max-h-full{
1183
+ max-height: 100%;
683
1184
  }
684
- .recharts-tooltip-item-value{
685
- font-family: Inter;
686
- font-size: 16px;
687
- font-weight: 500;
688
- font-style: normal;
689
- line-height: 1.5;
690
- text-transform: none;
1185
+ .min-h-full{
1186
+ min-height: 100%;
691
1187
  }
692
- .recharts-legend-item{
693
- margin-left: 32px;
1188
+ .min-h-\[120px\]{
1189
+ min-height: 120px;
694
1190
  }
695
- .recharts-legend-item:first-child{
696
- margin-left: 0;
1191
+ .min-h-\[50px\]{
1192
+ min-height: 50px;
697
1193
  }
698
- .recharts-legend-item{
699
- margin-right: 0 !important;
1194
+ .w-full{
1195
+ width: 100%;
700
1196
  }
701
- .recharts-legend-item-text{
702
- margin-left: 2px;
703
- margin-right: 0 !important;
704
- color: #4a4b57 !important;
705
- color: var(--aquarium-text-color-default) !important;
1197
+ .w-\[280px\]{
1198
+ width: 280px;
706
1199
  }
707
- .recharts-sector.inactive,.recharts-rectangle.inactive{
708
- opacity: 0.5;
1200
+ .w-5{
1201
+ width: 16px;
709
1202
  }
710
- .focusable.focus-visible{
711
- outline: 2px solid transparent;
712
- outline-offset: 2px;
713
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
714
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
715
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
716
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
717
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
1203
+ .w-\[360px\]{
1204
+ width: 360px;
718
1205
  }
719
- .focusable:focus-visible{
720
- outline: 2px solid transparent;
721
- outline-offset: 2px;
722
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
723
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
724
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
725
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
726
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
1206
+ .w-\[560px\]{
1207
+ width: 560px;
727
1208
  }
728
- .icon-stroke-2 svg path {
729
- stroke-width: 2;
1209
+ .w-\[1080px\]{
1210
+ width: 1080px;
730
1211
  }
731
- /* https://tailwindcss.com/docs/using-with-preprocessors */
732
- /* @import statements must come first*/
733
- .container{
734
- width: 100%;
1212
+ .w-\[32px\]{
1213
+ width: 32px;
735
1214
  }
736
- .\!container{
737
- width: 100% !important;
1215
+ .w-\[8px\]{
1216
+ width: 8px;
738
1217
  }
739
- @media (min-width: 0px){
740
- .container{
741
- max-width: 0px;
742
- }
743
- .\!container{
744
- max-width: 0px !important;
745
- }
1218
+ .w-\[34px\]{
1219
+ width: 34px;
746
1220
  }
747
- @media (min-width: 320px){
748
- .container{
749
- max-width: 320px;
750
- }
751
- .\!container{
752
- max-width: 320px !important;
753
- }
1221
+ .w-4{
1222
+ width: 12px;
754
1223
  }
755
- @media (min-width: 672px){
756
- .container{
757
- max-width: 672px;
758
- }
759
- .\!container{
760
- max-width: 672px !important;
761
- }
1224
+ .w-1{
1225
+ width: 2px;
762
1226
  }
763
- @media (min-width: 1056px){
764
- .container{
765
- max-width: 1056px;
766
- }
767
- .\!container{
768
- max-width: 1056px !important;
769
- }
1227
+ .w-\[6px\]{
1228
+ width: 6px;
770
1229
  }
771
- @media (min-width: 1312px){
772
- .container{
773
- max-width: 1312px;
774
- }
775
- .\!container{
776
- max-width: 1312px !important;
777
- }
1230
+ .w-\[9px\]{
1231
+ width: 9px;
778
1232
  }
779
- @media (min-width: 1536px){
780
- .container{
781
- max-width: 1536px;
782
- }
783
- .\!container{
784
- max-width: 1536px !important;
785
- }
1233
+ .w-1px{
1234
+ width: 1px;
1235
+ }
1236
+ .w-2{
1237
+ width: 4px;
1238
+ }
1239
+ .w-3{
1240
+ width: 8px;
1241
+ }
1242
+ .w-6{
1243
+ width: 24px;
1244
+ }
1245
+ .w-\[56px\]{
1246
+ width: 56px;
1247
+ }
1248
+ .min-w-\[280px\]{
1249
+ min-width: 280px;
1250
+ }
1251
+ .min-w-full{
1252
+ min-width: 100%;
1253
+ }
1254
+ .min-w-0{
1255
+ min-width: 0px;
1256
+ }
1257
+ .max-w-\[600px\]{
1258
+ max-width: 600px;
1259
+ }
1260
+ .max-w-\[940px\]{
1261
+ max-width: 940px;
1262
+ }
1263
+ .max-w-screen-xl{
1264
+ max-width: 1536px;
1265
+ }
1266
+ .max-w-screen-lg{
1267
+ max-width: 1312px;
1268
+ }
1269
+ .max-w-screen-md{
1270
+ max-width: 1056px;
1271
+ }
1272
+ .max-w-screen-sm{
1273
+ max-width: 672px;
1274
+ }
1275
+ .max-w-screen-xs{
1276
+ max-width: 320px;
1277
+ }
1278
+ .max-w-\[70px\]{
1279
+ max-width: 70px;
1280
+ }
1281
+ .max-w-\[40px\]{
1282
+ max-width: 40px;
1283
+ }
1284
+ .max-w-\[300px\]{
1285
+ max-width: 300px;
1286
+ }
1287
+ .max-w-\[320px\]{
1288
+ max-width: 320px;
1289
+ }
1290
+ .shrink{
1291
+ flex-shrink: 1;
1292
+ }
1293
+ .flex-grow{
1294
+ flex-grow: 1;
1295
+ }
1296
+ .grow{
1297
+ flex-grow: 1;
1298
+ }
1299
+ .grow-0{
1300
+ flex-grow: 0;
1301
+ }
1302
+ .table-auto{
1303
+ table-layout: auto;
1304
+ }
1305
+ .table-fixed{
1306
+ table-layout: fixed;
1307
+ }
1308
+ .border-separate{
1309
+ border-collapse: separate;
1310
+ }
1311
+ .border-spacing-0{
1312
+ --tw-border-spacing-x: 0px;
1313
+ --tw-border-spacing-y: 0px;
1314
+ border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1315
+ }
1316
+ .origin-\[0\%_45\%\]{
1317
+ transform-origin: 0% 45%;
786
1318
  }
787
- .typography-large-heading{
788
- font-family: Poppins;
789
- font-size: 32px;
790
- font-weight: 700;
791
- font-style: normal;
792
- line-height: 1.375;
793
- text-transform: none;
1319
+ .-translate-x-1\/2{
1320
+ --tw-translate-x: -50%;
1321
+ 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));
794
1322
  }
795
- .typography-heading{
796
- font-family: Poppins;
797
- font-size: 24px;
798
- font-weight: 700;
799
- font-style: normal;
800
- line-height: 1.375;
801
- text-transform: none;
1323
+ .-translate-y-1\/2{
1324
+ --tw-translate-y: -50%;
1325
+ 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));
802
1326
  }
803
- .typography-subheading{
804
- font-family: Poppins;
805
- font-size: 20px;
806
- font-weight: 600;
807
- font-style: normal;
808
- line-height: 1.375;
809
- text-transform: none;
1327
+ .rotate-45{
1328
+ --tw-rotate: 45deg;
1329
+ 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));
810
1330
  }
811
- .typography-large-strong{
812
- font-family: Inter;
813
- font-size: 20px;
814
- font-weight: 600;
815
- font-style: normal;
816
- line-height: 1.58;
817
- text-transform: none;
1331
+ .scale-\[0\.55\]{
1332
+ --tw-scale-x: 0.55;
1333
+ --tw-scale-y: 0.55;
1334
+ 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));
818
1335
  }
819
- .typography-large{
820
- font-family: Inter;
821
- font-size: 20px;
822
- font-weight: 500;
823
- font-style: normal;
824
- line-height: 1.58;
825
- text-transform: none;
1336
+ .transform{
1337
+ 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));
826
1338
  }
827
- .typography-default-strong{
828
- font-family: Inter;
829
- font-size: 16px;
830
- font-weight: 500;
831
- font-style: normal;
832
- line-height: 1.5;
833
- text-transform: none;
1339
+ @keyframes pulse{
1340
+ 50%{
1341
+ opacity: .5;
1342
+ }
834
1343
  }
835
- .typography-default{
836
- font-family: Inter;
837
- font-size: 16px;
838
- font-weight: 400;
839
- font-style: normal;
840
- line-height: 1.5;
841
- text-transform: none;
1344
+ .animate-pulse{
1345
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
842
1346
  }
843
- .typography-small-strong{
844
- font-family: Inter;
845
- font-size: 14px;
846
- font-weight: 500;
847
- font-style: normal;
848
- line-height: 1.42;
849
- text-transform: none;
1347
+ .cursor-default{
1348
+ cursor: default;
850
1349
  }
851
- .typography-small{
852
- font-family: Inter;
853
- font-size: 14px;
854
- font-weight: 400;
855
- font-style: normal;
856
- line-height: 1.42;
857
- text-transform: none;
1350
+ .cursor-not-allowed{
1351
+ cursor: not-allowed;
858
1352
  }
859
- .typography-caption{
860
- font-family: Inter;
861
- font-size: 12px;
862
- font-weight: 400;
863
- font-style: normal;
864
- line-height: 1.26;
865
- text-transform: none;
1353
+ .cursor-pointer{
1354
+ cursor: pointer;
866
1355
  }
867
- .typography-caption-small{
868
- font-family: Inter;
869
- font-size: 10px;
870
- font-weight: 400;
871
- font-style: normal;
872
- line-height: 1.2;
873
- letter-spacing: 0;
874
- text-transform: none;
1356
+ .resize-none{
1357
+ resize: none;
875
1358
  }
876
- .typography-caption-default{
877
- font-family: Inter;
878
- font-size: 12px;
879
- font-weight: 400;
880
- font-style: normal;
881
- line-height: 1.26;
882
- letter-spacing: 0;
883
- text-transform: none;
1359
+ .resize{
1360
+ resize: both;
884
1361
  }
885
- .typography-overline-small{
886
- font-family: Inter;
887
- font-size: 10px;
888
- font-weight: 400;
889
- font-style: normal;
890
- line-height: 1;
891
- letter-spacing: 0;
892
- text-transform: uppercase;
1362
+ .snap-x{
1363
+ scroll-snap-type: x var(--tw-scroll-snap-strictness);
893
1364
  }
894
- .typography-overline-default{
895
- font-family: Inter;
896
- font-size: 12px;
897
- font-weight: 400;
898
- font-style: normal;
899
- line-height: 1;
900
- letter-spacing: 0;
901
- text-transform: uppercase;
1365
+ .snap-mandatory{
1366
+ --tw-scroll-snap-strictness: mandatory;
902
1367
  }
903
- .typography-button-small{
904
- font-family: Inter;
905
- font-size: 12px;
906
- font-weight: 500;
907
- font-style: normal;
908
- line-height: 1;
909
- letter-spacing: 0;
910
- text-transform: none;
1368
+ .snap-start{
1369
+ scroll-snap-align: start;
911
1370
  }
912
- .typography-button-medium{
913
- font-family: Inter;
914
- font-size: 14px;
915
- font-weight: 400;
916
- font-style: normal;
917
- line-height: 1;
918
- letter-spacing: 0;
919
- text-transform: none;
1371
+ .appearance-none{
1372
+ -webkit-appearance: none;
1373
+ -moz-appearance: none;
1374
+ appearance: none;
920
1375
  }
921
- .typography-button-large{
922
- font-family: Inter;
923
- font-size: 16px;
924
- font-weight: 500;
925
- font-style: normal;
926
- line-height: 1.5;
927
- letter-spacing: 0;
928
- text-transform: none;
1376
+ .auto-cols-fr{
1377
+ grid-auto-columns: minmax(0, 1fr);
929
1378
  }
930
- .typography-body-small{
931
- font-family: Inter;
932
- font-size: 14px;
933
- font-weight: 400;
934
- font-style: normal;
935
- line-height: 1.43;
936
- letter-spacing: 0;
937
- text-transform: none;
1379
+ .grid-flow-col{
1380
+ grid-auto-flow: column;
938
1381
  }
939
- .typography-body-small-medium{
940
- font-family: Inter;
941
- font-size: 14px;
942
- font-weight: 500;
943
- font-style: normal;
944
- line-height: 1.43;
945
- letter-spacing: 0;
946
- text-transform: none;
1382
+ .grid-cols-\[auto_1fr_auto\]{
1383
+ grid-template-columns: auto 1fr auto;
947
1384
  }
948
- .typography-body-default{
949
- font-family: Inter;
950
- font-size: 16px;
951
- font-weight: 400;
952
- font-style: normal;
953
- line-height: 1.5;
954
- letter-spacing: 0;
955
- text-transform: none;
1385
+ .grid-cols-1{
1386
+ grid-template-columns: repeat(1, minmax(0, 1fr));
956
1387
  }
957
- .typography-body-default-medium{
958
- font-family: Inter;
959
- font-size: 16px;
960
- font-weight: 500;
961
- font-style: normal;
962
- line-height: 1.5;
963
- letter-spacing: 0;
964
- text-transform: none;
1388
+ .grid-cols-2{
1389
+ grid-template-columns: repeat(2, minmax(0, 1fr));
965
1390
  }
966
- .typography-body-large{
967
- font-family: Inter;
968
- font-size: 20px;
969
- font-weight: 400;
970
- font-style: normal;
971
- line-height: 1.58;
972
- letter-spacing: 0;
973
- text-transform: none;
1391
+ .grid-cols-3{
1392
+ grid-template-columns: repeat(3, minmax(0, 1fr));
974
1393
  }
975
- .typography-body-large-medium{
976
- font-family: Inter;
977
- font-size: 20px;
978
- font-weight: 400;
979
- font-style: normal;
980
- line-height: 1.2;
981
- letter-spacing: 0;
982
- text-transform: none;
1394
+ .grid-cols-\[auto_1fr\]{
1395
+ grid-template-columns: auto 1fr;
983
1396
  }
984
- .typography-heading-large{
985
- font-family: Inter;
986
- font-size: 20px;
987
- font-weight: 700;
988
- font-style: normal;
989
- line-height: 1.5;
990
- letter-spacing: 0.15px;
991
- text-transform: none;
1397
+ .grid-cols-\[16px_1fr\]{
1398
+ grid-template-columns: 16px 1fr;
992
1399
  }
993
- .typography-heading-xl{
994
- font-family: Inter;
995
- font-size: 24px;
996
- font-weight: 700;
997
- font-style: normal;
998
- line-height: 1.5;
999
- letter-spacing: 0;
1000
- text-transform: none;
1400
+ .grid-cols-\[1fr_auto\]{
1401
+ grid-template-columns: 1fr auto;
1001
1402
  }
1002
- .typography-heading-2xl{
1003
- font-family: Inter;
1004
- font-size: 34px;
1005
- font-weight: 700;
1006
- font-style: normal;
1007
- line-height: 1.28;
1008
- letter-spacing: 0;
1009
- text-transform: none;
1403
+ .grid-cols-\[200px_1fr_200px\]{
1404
+ grid-template-columns: 200px 1fr 200px;
1010
1405
  }
1011
- .typography-heading-3xl{
1012
- font-family: Inter;
1013
- font-size: 48px;
1014
- font-weight: 700;
1015
- font-style: normal;
1016
- line-height: 1.24;
1017
- letter-spacing: -0.48px;
1018
- text-transform: none;
1406
+ .flex-row{
1407
+ flex-direction: row;
1019
1408
  }
1020
- .typography-heading-4xl{
1021
- font-family: Inter;
1022
- font-size: 60px;
1023
- font-weight: 700;
1024
- font-style: normal;
1025
- line-height: 1.2;
1026
- letter-spacing: -1.5px;
1027
- text-transform: none;
1409
+ .flex-row-reverse{
1410
+ flex-direction: row-reverse;
1028
1411
  }
1029
- .typography-heading-5xl{
1030
- font-family: Inter;
1031
- font-size: 76px;
1032
- font-weight: 700;
1033
- font-style: normal;
1034
- line-height: 1.2;
1035
- letter-spacing: -1.98px;
1036
- text-transform: none;
1412
+ .flex-col{
1413
+ flex-direction: column;
1037
1414
  }
1038
- .pointer-events-none{
1039
- pointer-events: none;
1415
+ .flex-wrap{
1416
+ flex-wrap: wrap;
1040
1417
  }
1041
- .visible{
1042
- visibility: visible;
1418
+ .flex-nowrap{
1419
+ flex-wrap: nowrap;
1043
1420
  }
1044
- .invisible{
1045
- visibility: hidden;
1421
+ .items-center{
1422
+ align-items: center;
1046
1423
  }
1047
- .collapse{
1048
- visibility: collapse;
1424
+ .items-stretch{
1425
+ align-items: stretch;
1049
1426
  }
1050
- .static{
1051
- position: static;
1427
+ .justify-start{
1428
+ justify-content: flex-start;
1052
1429
  }
1053
- .fixed{
1054
- position: fixed;
1430
+ .justify-end{
1431
+ justify-content: flex-end;
1055
1432
  }
1056
- .absolute{
1057
- position: absolute;
1433
+ .justify-center{
1434
+ justify-content: center;
1058
1435
  }
1059
- .relative{
1060
- position: relative;
1436
+ .justify-between{
1437
+ justify-content: space-between;
1061
1438
  }
1062
- .sticky{
1063
- position: sticky;
1439
+ .gap-4{
1440
+ grid-gap: 12px;
1441
+ gap: 12px;
1064
1442
  }
1065
- .inset-0{
1066
- top: 0;
1067
- right: 0;
1068
- bottom: 0;
1069
- left: 0;
1443
+ .gap-7{
1444
+ grid-gap: 32px;
1445
+ gap: 32px;
1070
1446
  }
1071
- .inset-y-0{
1072
- top: 0;
1073
- bottom: 0;
1447
+ .gap-5{
1448
+ grid-gap: 16px;
1449
+ gap: 16px;
1074
1450
  }
1075
- .right-4{
1076
- right: 12px;
1451
+ .gap-3{
1452
+ grid-gap: 8px;
1453
+ gap: 8px;
1077
1454
  }
1078
- .top-\[18px\]{
1079
- top: 18px;
1455
+ .gap-0{
1456
+ grid-gap: 0px;
1457
+ gap: 0px;
1080
1458
  }
1081
- .top-0{
1082
- top: 0;
1459
+ .gap-2{
1460
+ grid-gap: 4px;
1461
+ gap: 4px;
1083
1462
  }
1084
- .left-0{
1085
- left: 0;
1463
+ .gap-8{
1464
+ grid-gap: 40px;
1465
+ gap: 40px;
1086
1466
  }
1087
- .right-0{
1088
- right: 0;
1467
+ .gap-x-3{
1468
+ grid-column-gap: 8px;
1469
+ -moz-column-gap: 8px;
1470
+ column-gap: 8px;
1089
1471
  }
1090
- .top-\[47px\]{
1091
- top: 47px;
1472
+ .gap-y-2{
1473
+ grid-row-gap: 4px;
1474
+ row-gap: 4px;
1092
1475
  }
1093
- .top-\[24px\]{
1094
- top: 24px;
1476
+ .gap-x-2{
1477
+ grid-column-gap: 4px;
1478
+ -moz-column-gap: 4px;
1479
+ column-gap: 4px;
1095
1480
  }
1096
- .right-\[28px\]{
1097
- right: 28px;
1481
+ .gap-x-5{
1482
+ grid-column-gap: 16px;
1483
+ -moz-column-gap: 16px;
1484
+ column-gap: 16px;
1098
1485
  }
1099
- .-left-1\/2{
1100
- left: -50%;
1486
+ .gap-x-4{
1487
+ grid-column-gap: 12px;
1488
+ -moz-column-gap: 12px;
1489
+ column-gap: 12px;
1101
1490
  }
1102
- .top-\[3px\]{
1103
- top: 3px;
1491
+ .gap-x-6{
1492
+ grid-column-gap: 24px;
1493
+ -moz-column-gap: 24px;
1494
+ column-gap: 24px;
1104
1495
  }
1105
- .top-\[14px\]{
1106
- top: 14px;
1496
+ .divide-x>:not([hidden])~:not([hidden]){
1497
+ --tw-divide-x-reverse: 0;
1498
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1499
+ border-right-width: calc(var(--aquarium-border-width-default) * var(--tw-divide-x-reverse));
1500
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1501
+ border-left-width: calc(var(--aquarium-border-width-default) * calc(1 - var(--tw-divide-x-reverse)));
1107
1502
  }
1108
- .left-2{
1109
- left: 4px;
1503
+ .divide-grey-20>:not([hidden])~:not([hidden]){
1504
+ border-color: #d2d2d6;
1505
+ border-color: var(--aquarium-colors-grey-20);
1110
1506
  }
1111
- .top-1\/2{
1112
- top: 50%;
1507
+ .self-start{
1508
+ align-self: flex-start;
1509
+ }
1510
+ .self-center{
1511
+ align-self: center;
1113
1512
  }
1114
- .left-1\/2{
1115
- left: 50%;
1513
+ .justify-self-center{
1514
+ justify-self: center;
1116
1515
  }
1117
- .bottom-0{
1118
- bottom: 0;
1516
+ .overflow-hidden{
1517
+ overflow: hidden;
1119
1518
  }
1120
- .z-10{
1121
- z-index: 10;
1519
+ .overflow-x-auto{
1520
+ overflow-x: auto;
1122
1521
  }
1123
- .z-modal{
1124
- z-index: 100;
1522
+ .overflow-y-auto{
1523
+ overflow-y: auto;
1125
1524
  }
1126
- .-z-10{
1127
- z-index: -10;
1525
+ .overflow-x-hidden{
1526
+ overflow-x: hidden;
1128
1527
  }
1129
- .z-20{
1130
- z-index: 20;
1528
+ .overflow-x-scroll{
1529
+ overflow-x: scroll;
1131
1530
  }
1132
- .z-40{
1133
- z-index: 40;
1531
+ .scroll-smooth{
1532
+ scroll-behavior: smooth;
1134
1533
  }
1135
- .z-0{
1136
- z-index: 0;
1534
+ .text-ellipsis{
1535
+ text-overflow: ellipsis;
1137
1536
  }
1138
- .col-span-full{
1139
- grid-column: 1 / -1;
1537
+ .whitespace-nowrap{
1538
+ white-space: nowrap;
1140
1539
  }
1141
- .col-start-2{
1142
- grid-column-start: 2;
1540
+ .whitespace-pre{
1541
+ white-space: pre;
1143
1542
  }
1144
- .col-start-1{
1145
- grid-column-start: 1;
1543
+ .break-words{
1544
+ word-wrap: break-word;
1146
1545
  }
1147
- .col-start-3{
1148
- grid-column-start: 3;
1546
+ .break-all{
1547
+ word-break: break-all;
1149
1548
  }
1150
- .row-start-1{
1151
- grid-row-start: 1;
1549
+ .rounded-sm{
1550
+ border-radius: 0.125rem;
1551
+ border-radius: var(--aquarium-border-radius-sm);
1152
1552
  }
1153
- .row-start-2{
1154
- grid-row-start: 2;
1553
+ .rounded-full{
1554
+ border-radius: 9999px;
1555
+ border-radius: var(--aquarium-border-radius-full);
1155
1556
  }
1156
- .-m-2{
1157
- margin: -4px;
1557
+ .rounded{
1558
+ border-radius: 4px;
1559
+ border-radius: var(--aquarium-border-radius-default);
1158
1560
  }
1159
- .m-3{
1160
- margin: 8px;
1561
+ .rounded-\[2px\]{
1562
+ border-radius: 2px;
1161
1563
  }
1162
- .m-4{
1163
- margin: 12px;
1564
+ .border{
1565
+ border-width: 1px;
1566
+ border-width: var(--aquarium-border-width-default);
1164
1567
  }
1165
- .m-\[1px\]{
1166
- margin: 1px;
1568
+ .border-\[2px\]{
1569
+ border-width: 2px;
1167
1570
  }
1168
- .-mx-4{
1169
- margin-left: -12px;
1170
- margin-right: -12px;
1571
+ .border-0{
1572
+ border-width: 0px;
1573
+ border-width: var(--aquarium-border-width-0);
1171
1574
  }
1172
- .mx-7{
1173
- margin-left: 32px;
1174
- margin-right: 32px;
1575
+ .border-2{
1576
+ border-width: 2px;
1577
+ border-width: var(--aquarium-border-width-2);
1175
1578
  }
1176
- .my-1{
1177
- margin-top: 2px;
1178
- margin-bottom: 2px;
1579
+ .border-b{
1580
+ border-bottom-width: 1px;
1581
+ border-bottom-width: var(--aquarium-border-width-default);
1179
1582
  }
1180
- .mx-3{
1181
- margin-left: 8px;
1182
- margin-right: 8px;
1583
+ .border-r-1{
1584
+ border-right-width: 1px;
1585
+ border-right-width: var(--aquarium-border-width-1);
1183
1586
  }
1184
- .my-4{
1185
- margin-top: 12px;
1186
- margin-bottom: 12px;
1587
+ .border-t-2{
1588
+ border-top-width: 2px;
1589
+ border-top-width: var(--aquarium-border-width-2);
1187
1590
  }
1188
- .mx-2{
1189
- margin-left: 4px;
1190
- margin-right: 4px;
1591
+ .border-b-1{
1592
+ border-bottom-width: 1px;
1593
+ border-bottom-width: var(--aquarium-border-width-1);
1191
1594
  }
1192
- .mx-1{
1193
- margin-left: 2px;
1194
- margin-right: 2px;
1595
+ .border-b-2{
1596
+ border-bottom-width: 2px;
1597
+ border-bottom-width: var(--aquarium-border-width-2);
1195
1598
  }
1196
- .mx-0{
1197
- margin-left: 0;
1198
- margin-right: 0;
1599
+ .border-solid{
1600
+ border-style: solid;
1199
1601
  }
1200
- .mb-3{
1201
- margin-bottom: 8px;
1602
+ .border-dashed{
1603
+ border-style: dashed;
1202
1604
  }
1203
- .mt-5{
1204
- margin-top: 16px;
1605
+ .border-none{
1606
+ border-style: none;
1205
1607
  }
1206
- .-mt-4{
1207
- margin-top: -12px;
1608
+ .border-white{
1609
+ border-color: white;
1610
+ border-color: var(--aquarium-colors-white);
1208
1611
  }
1209
- .mt-auto{
1210
- margin-top: auto;
1612
+ .border-black{
1613
+ border-color: black;
1614
+ border-color: var(--aquarium-colors-black);
1211
1615
  }
1212
- .mt-1{
1213
- margin-top: 2px;
1616
+ .border-transparent{
1617
+ border-color: transparent;
1618
+ border-color: var(--aquarium-colors-transparent);
1214
1619
  }
1215
- .mt-4{
1216
- margin-top: 12px;
1620
+ .border-current{
1621
+ border-color: currentColor;
1622
+ border-color: var(--aquarium-colors-current);
1217
1623
  }
1218
- .mb-\[-20px\]{
1219
- margin-bottom: -20px;
1624
+ .border-error-0{
1625
+ border-color: #fef2f1;
1626
+ border-color: var(--aquarium-colors-error-0);
1220
1627
  }
1221
- .mb-5{
1222
- margin-bottom: 16px;
1628
+ .border-error-5{
1629
+ border-color: #fee8e7;
1630
+ border-color: var(--aquarium-colors-error-5);
1223
1631
  }
1224
- .mr-4{
1225
- margin-right: 12px;
1632
+ .border-error-10{
1633
+ border-color: #ffcbd2;
1634
+ border-color: var(--aquarium-colors-error-10);
1226
1635
  }
1227
- .mt-2{
1228
- margin-top: 4px;
1636
+ .border-error-20{
1637
+ border-color: #ffadb3;
1638
+ border-color: var(--aquarium-colors-error-20);
1229
1639
  }
1230
- .ml-3{
1231
- margin-left: 8px;
1640
+ .border-error-30{
1641
+ border-color: #ed7975;
1642
+ border-color: var(--aquarium-colors-error-30);
1232
1643
  }
1233
- .mb-\[-2px\]{
1234
- margin-bottom: -2px;
1644
+ .border-error-40{
1645
+ border-color: #e0504f;
1646
+ border-color: var(--aquarium-colors-error-40);
1235
1647
  }
1236
- .mb-2{
1237
- margin-bottom: 4px;
1648
+ .border-error-50{
1649
+ border-color: #e62728;
1650
+ border-color: var(--aquarium-colors-error-50);
1238
1651
  }
1239
- .ml-2{
1240
- margin-left: 4px;
1652
+ .border-error-60{
1653
+ border-color: #e70000;
1654
+ border-color: var(--aquarium-colors-error-60);
1241
1655
  }
1242
- .mb-\[7px\]{
1243
- margin-bottom: 7px;
1656
+ .border-error-70{
1657
+ border-color: #d80005;
1658
+ border-color: var(--aquarium-colors-error-70);
1244
1659
  }
1245
- .block{
1246
- display: block;
1660
+ .border-error-80{
1661
+ border-color: #c50001;
1662
+ border-color: var(--aquarium-colors-error-80);
1247
1663
  }
1248
- .inline-block{
1249
- display: inline-block;
1664
+ .border-error-90{
1665
+ border-color: #b90000;
1666
+ border-color: var(--aquarium-colors-error-90);
1250
1667
  }
1251
- .inline{
1252
- display: inline;
1668
+ .border-error-100{
1669
+ border-color: #aa0000;
1670
+ border-color: var(--aquarium-colors-error-100);
1253
1671
  }
1254
- .\!inline{
1255
- display: inline !important;
1672
+ .border-warning-0{
1673
+ border-color: #fffdf9;
1674
+ border-color: var(--aquarium-colors-warning-0);
1256
1675
  }
1257
- .flex{
1258
- display: flex;
1676
+ .border-warning-5{
1677
+ border-color: #fff8ea;
1678
+ border-color: var(--aquarium-colors-warning-5);
1259
1679
  }
1260
- .inline-flex{
1261
- display: inline-flex;
1680
+ .border-warning-10{
1681
+ border-color: #fff2cd;
1682
+ border-color: var(--aquarium-colors-warning-10);
1262
1683
  }
1263
- .table{
1264
- display: table;
1684
+ .border-warning-20{
1685
+ border-color: #feebb2;
1686
+ border-color: var(--aquarium-colors-warning-20);
1265
1687
  }
1266
- .\!table{
1267
- display: table !important;
1688
+ .border-warning-30{
1689
+ border-color: #fddf81;
1690
+ border-color: var(--aquarium-colors-warning-30);
1268
1691
  }
1269
- .grid{
1270
- display: grid;
1692
+ .border-warning-40{
1693
+ border-color: #fdd44d;
1694
+ border-color: var(--aquarium-colors-warning-40);
1271
1695
  }
1272
- .inline-grid{
1273
- display: inline-grid;
1696
+ .border-warning-50{
1697
+ border-color: #fdc926;
1698
+ border-color: var(--aquarium-colors-warning-50);
1274
1699
  }
1275
- .contents{
1276
- display: contents;
1700
+ .border-warning-60{
1701
+ border-color: #ffc107;
1702
+ border-color: var(--aquarium-colors-warning-60);
1277
1703
  }
1278
- .hidden{
1279
- display: none;
1704
+ .border-warning-70{
1705
+ border-color: #ffb300;
1706
+ border-color: var(--aquarium-colors-warning-70);
1280
1707
  }
1281
- .\!hidden{
1282
- display: none !important;
1708
+ .border-warning-80{
1709
+ border-color: #fd9f00;
1710
+ border-color: var(--aquarium-colors-warning-80);
1283
1711
  }
1284
- .aspect-square{
1285
- aspect-ratio: 1 / 1;
1712
+ .border-warning-90{
1713
+ border-color: #ff9003;
1714
+ border-color: var(--aquarium-colors-warning-90);
1286
1715
  }
1287
- .h-1{
1288
- height: 2px;
1716
+ .border-warning-100{
1717
+ border-color: #fe6d00;
1718
+ border-color: var(--aquarium-colors-warning-100);
1289
1719
  }
1290
- .h-\[20px\]{
1291
- height: 20px;
1720
+ .border-success-0{
1721
+ border-color: #f5faf5;
1722
+ border-color: var(--aquarium-colors-success-0);
1292
1723
  }
1293
- .h-\[174px\]{
1294
- height: 174px;
1724
+ .border-success-5{
1725
+ border-color: #ecf7ed;
1726
+ border-color: var(--aquarium-colors-success-5);
1295
1727
  }
1296
- .h-\[225px\]{
1297
- height: 225px;
1728
+ .border-success-10{
1729
+ border-color: #cbffc9;
1730
+ border-color: var(--aquarium-colors-success-10);
1298
1731
  }
1299
- .h-5{
1300
- height: 16px;
1732
+ .border-success-20{
1733
+ border-color: #afffa7;
1734
+ border-color: var(--aquarium-colors-success-20);
1301
1735
  }
1302
- .h-6{
1303
- height: 24px;
1736
+ .border-success-30{
1737
+ border-color: #89eb80;
1738
+ border-color: var(--aquarium-colors-success-30);
1304
1739
  }
1305
- .h-\[1px\]{
1306
- height: 1px;
1740
+ .border-success-40{
1741
+ border-color: #60db57;
1742
+ border-color: var(--aquarium-colors-success-40);
1307
1743
  }
1308
- .h-full{
1309
- height: 100%;
1744
+ .border-success-50{
1745
+ border-color: #40ce37;
1746
+ border-color: var(--aquarium-colors-success-50);
1310
1747
  }
1311
- .h-\[120px\]{
1312
- height: 120px;
1748
+ .border-success-60{
1749
+ border-color: #00c300;
1750
+ border-color: var(--aquarium-colors-success-60);
1313
1751
  }
1314
- .h-2{
1315
- height: 4px;
1752
+ .border-success-70{
1753
+ border-color: #00b300;
1754
+ border-color: var(--aquarium-colors-success-70);
1316
1755
  }
1317
- .h-\[72px\]{
1318
- height: 72px;
1756
+ .border-success-80{
1757
+ border-color: #009f00;
1758
+ border-color: var(--aquarium-colors-success-80);
1319
1759
  }
1320
- .h-\[2px\]{
1321
- height: 2px;
1760
+ .border-success-90{
1761
+ border-color: #008e00;
1762
+ border-color: var(--aquarium-colors-success-90);
1322
1763
  }
1323
- .h-\[3px\]{
1324
- height: 3px;
1764
+ .border-success-100{
1765
+ border-color: #006f00;
1766
+ border-color: var(--aquarium-colors-success-100);
1325
1767
  }
1326
- .h-\[32px\]{
1327
- height: 32px;
1768
+ .border-info-0{
1769
+ border-color: #f9fdff;
1770
+ border-color: var(--aquarium-colors-info-0);
1328
1771
  }
1329
- .h-\[8px\]{
1330
- height: 8px;
1772
+ .border-info-5{
1773
+ border-color: #effaff;
1774
+ border-color: var(--aquarium-colors-info-5);
1331
1775
  }
1332
- .h-4{
1333
- height: 12px;
1776
+ .border-info-10{
1777
+ border-color: #e0f5fe;
1778
+ border-color: var(--aquarium-colors-info-10);
1334
1779
  }
1335
- .h-\[50px\]{
1336
- height: 50px;
1780
+ .border-info-20{
1781
+ border-color: #b4e5fb;
1782
+ border-color: var(--aquarium-colors-info-20);
1337
1783
  }
1338
- .h-\[6px\]{
1339
- height: 6px;
1784
+ .border-info-30{
1785
+ border-color: #7fd1f7;
1786
+ border-color: var(--aquarium-colors-info-30);
1340
1787
  }
1341
- .h-\[9px\]{
1342
- height: 9px;
1788
+ .border-info-40{
1789
+ border-color: #4cc2f7;
1790
+ border-color: var(--aquarium-colors-info-40);
1343
1791
  }
1344
- .h-1px{
1345
- height: 1px;
1792
+ .border-info-50{
1793
+ border-color: #28b4f4;
1794
+ border-color: var(--aquarium-colors-info-50);
1346
1795
  }
1347
- .h-3{
1348
- height: 8px;
1796
+ .border-info-60{
1797
+ border-color: #02a8f3;
1798
+ border-color: var(--aquarium-colors-info-60);
1349
1799
  }
1350
- .h-\[56px\]{
1351
- height: 56px;
1800
+ .border-info-70{
1801
+ border-color: #0399e3;
1802
+ border-color: var(--aquarium-colors-info-70);
1352
1803
  }
1353
- .h-auto{
1354
- height: auto;
1804
+ .border-info-80{
1805
+ border-color: #0788d1;
1806
+ border-color: var(--aquarium-colors-info-80);
1355
1807
  }
1356
- .h-\[25px\]{
1357
- height: 25px;
1808
+ .border-info-90{
1809
+ border-color: #0174ba;
1810
+ border-color: var(--aquarium-colors-info-90);
1358
1811
  }
1359
- .max-h-full{
1360
- max-height: 100%;
1812
+ .border-info-100{
1813
+ border-color: #02569a;
1814
+ border-color: var(--aquarium-colors-info-100);
1361
1815
  }
1362
- .min-h-full{
1363
- min-height: 100%;
1816
+ .border-grey-0{
1817
+ border-color: #f7f7fa;
1818
+ border-color: var(--aquarium-colors-grey-0);
1364
1819
  }
1365
- .min-h-\[120px\]{
1366
- min-height: 120px;
1820
+ .border-grey-5{
1821
+ border-color: #ededf0;
1822
+ border-color: var(--aquarium-colors-grey-5);
1367
1823
  }
1368
- .min-h-\[50px\]{
1369
- min-height: 50px;
1824
+ .border-grey-10{
1825
+ border-color: #e1e1e3;
1826
+ border-color: var(--aquarium-colors-grey-10);
1370
1827
  }
1371
- .w-full{
1372
- width: 100%;
1828
+ .border-grey-20{
1829
+ border-color: #d2d2d6;
1830
+ border-color: var(--aquarium-colors-grey-20);
1373
1831
  }
1374
- .w-\[280px\]{
1375
- width: 280px;
1832
+ .border-grey-30{
1833
+ border-color: #b4b4bb;
1834
+ border-color: var(--aquarium-colors-grey-30);
1376
1835
  }
1377
- .w-5{
1378
- width: 16px;
1836
+ .border-grey-40{
1837
+ border-color: #9696a0;
1838
+ border-color: var(--aquarium-colors-grey-40);
1379
1839
  }
1380
- .w-\[360px\]{
1381
- width: 360px;
1840
+ .border-grey-50{
1841
+ border-color: #787885;
1842
+ border-color: var(--aquarium-colors-grey-50);
1382
1843
  }
1383
- .w-\[560px\]{
1384
- width: 560px;
1844
+ .border-grey-60{
1845
+ border-color: #5a5b6a;
1846
+ border-color: var(--aquarium-colors-grey-60);
1385
1847
  }
1386
- .w-\[1080px\]{
1387
- width: 1080px;
1848
+ .border-grey-70{
1849
+ border-color: #4a4b57;
1850
+ border-color: var(--aquarium-colors-grey-70);
1388
1851
  }
1389
- .w-\[32px\]{
1390
- width: 32px;
1852
+ .border-grey-80{
1853
+ border-color: #3a3a44;
1854
+ border-color: var(--aquarium-colors-grey-80);
1391
1855
  }
1392
- .w-\[8px\]{
1393
- width: 8px;
1856
+ .border-grey-90{
1857
+ border-color: #292a31;
1858
+ border-color: var(--aquarium-colors-grey-90);
1394
1859
  }
1395
- .w-\[34px\]{
1396
- width: 34px;
1860
+ .border-grey-100{
1861
+ border-color: #19191d;
1862
+ border-color: var(--aquarium-colors-grey-100);
1397
1863
  }
1398
- .w-4{
1399
- width: 12px;
1864
+ .border-secondary-0{
1865
+ border-color: #fffbf8;
1866
+ border-color: var(--aquarium-colors-secondary-0);
1400
1867
  }
1401
- .w-1{
1402
- width: 2px;
1868
+ .border-secondary-5{
1869
+ border-color: #fff3e8;
1870
+ border-color: var(--aquarium-colors-secondary-5);
1403
1871
  }
1404
- .w-\[6px\]{
1405
- width: 6px;
1872
+ .border-secondary-10{
1873
+ border-color: #fee8d0;
1874
+ border-color: var(--aquarium-colors-secondary-10);
1406
1875
  }
1407
- .w-\[9px\]{
1408
- width: 9px;
1876
+ .border-secondary-20{
1877
+ border-color: #f8c99c;
1878
+ border-color: var(--aquarium-colors-secondary-20);
1409
1879
  }
1410
- .w-1px{
1411
- width: 1px;
1880
+ .border-secondary-30{
1881
+ border-color: #fab26e;
1882
+ border-color: var(--aquarium-colors-secondary-30);
1412
1883
  }
1413
- .w-2{
1414
- width: 4px;
1884
+ .border-secondary-40{
1885
+ border-color: #fb9a3e;
1886
+ border-color: var(--aquarium-colors-secondary-40);
1415
1887
  }
1416
- .w-3{
1417
- width: 8px;
1888
+ .border-secondary-50{
1889
+ border-color: #fc871a;
1890
+ border-color: var(--aquarium-colors-secondary-50);
1418
1891
  }
1419
- .w-6{
1420
- width: 24px;
1892
+ .border-secondary-60{
1893
+ border-color: #ff7700;
1894
+ border-color: var(--aquarium-colors-secondary-60);
1421
1895
  }
1422
- .w-\[56px\]{
1423
- width: 56px;
1896
+ .border-secondary-70{
1897
+ border-color: #f96a02;
1898
+ border-color: var(--aquarium-colors-secondary-70);
1424
1899
  }
1425
- .min-w-\[280px\]{
1426
- min-width: 280px;
1900
+ .border-secondary-80{
1901
+ border-color: #f3580d;
1902
+ border-color: var(--aquarium-colors-secondary-80);
1427
1903
  }
1428
- .min-w-full{
1429
- min-width: 100%;
1904
+ .border-secondary-90{
1905
+ border-color: #eb4610;
1906
+ border-color: var(--aquarium-colors-secondary-90);
1430
1907
  }
1431
- .min-w-0{
1432
- min-width: 0px;
1908
+ .border-secondary-100{
1909
+ border-color: #e11d16;
1910
+ border-color: var(--aquarium-colors-secondary-100);
1433
1911
  }
1434
- .max-w-\[600px\]{
1435
- max-width: 600px;
1912
+ .border-primary-0{
1913
+ border-color: #ffffff;
1914
+ border-color: var(--aquarium-colors-primary-0);
1436
1915
  }
1437
- .max-w-\[940px\]{
1438
- max-width: 940px;
1916
+ .border-primary-5{
1917
+ border-color: #f3f6ff;
1918
+ border-color: var(--aquarium-colors-primary-5);
1439
1919
  }
1440
- .max-w-screen-xl{
1441
- max-width: 1536px;
1920
+ .border-primary-10{
1921
+ border-color: #e3e9ff;
1922
+ border-color: var(--aquarium-colors-primary-10);
1442
1923
  }
1443
- .max-w-screen-lg{
1444
- max-width: 1312px;
1924
+ .border-primary-20{
1925
+ border-color: #d5ddfa;
1926
+ border-color: var(--aquarium-colors-primary-20);
1445
1927
  }
1446
- .max-w-screen-md{
1447
- max-width: 1056px;
1928
+ .border-primary-30{
1929
+ border-color: #c7d1f4;
1930
+ border-color: var(--aquarium-colors-primary-30);
1448
1931
  }
1449
- .max-w-screen-sm{
1450
- max-width: 672px;
1932
+ .border-primary-40{
1933
+ border-color: #b9c5ef;
1934
+ border-color: var(--aquarium-colors-primary-40);
1451
1935
  }
1452
- .max-w-screen-xs{
1453
- max-width: 320px;
1936
+ .border-primary-50{
1937
+ border-color: #9daaee;
1938
+ border-color: var(--aquarium-colors-primary-50);
1454
1939
  }
1455
- .max-w-\[70px\]{
1456
- max-width: 70px;
1940
+ .border-primary-60{
1941
+ border-color: #818eec;
1942
+ border-color: var(--aquarium-colors-primary-60);
1457
1943
  }
1458
- .max-w-\[40px\]{
1459
- max-width: 40px;
1944
+ .border-primary-70{
1945
+ border-color: #5865cd;
1946
+ border-color: var(--aquarium-colors-primary-70);
1460
1947
  }
1461
- .max-w-\[300px\]{
1462
- max-width: 300px;
1948
+ .border-primary-80{
1949
+ border-color: #3545be;
1950
+ border-color: var(--aquarium-colors-primary-80);
1463
1951
  }
1464
- .max-w-\[320px\]{
1465
- max-width: 320px;
1952
+ .border-primary-90{
1953
+ border-color: #222f95;
1954
+ border-color: var(--aquarium-colors-primary-90);
1466
1955
  }
1467
- .shrink{
1468
- flex-shrink: 1;
1956
+ .border-primary-100{
1957
+ border-color: #0e1652;
1958
+ border-color: var(--aquarium-colors-primary-100);
1469
1959
  }
1470
- .flex-grow{
1471
- flex-grow: 1;
1960
+ .border-muted{
1961
+ border-color: #ededf0;
1962
+ border-color: var(--aquarium-border-color-muted);
1472
1963
  }
1473
- .grow{
1474
- flex-grow: 1;
1964
+ .border-default{
1965
+ border-color: #d2d2d6;
1966
+ border-color: var(--aquarium-border-color-default);
1475
1967
  }
1476
- .grow-0{
1477
- flex-grow: 0;
1968
+ .border-intense{
1969
+ border-color: #787885;
1970
+ border-color: var(--aquarium-border-color-intense);
1478
1971
  }
1479
- .table-auto{
1480
- table-layout: auto;
1972
+ .border-primary-muted{
1973
+ border-color: #818eec;
1974
+ border-color: var(--aquarium-border-color-primary-muted);
1481
1975
  }
1482
- .table-fixed{
1483
- table-layout: fixed;
1976
+ .border-primary-default{
1977
+ border-color: #3545be;
1978
+ border-color: var(--aquarium-border-color-primary-default);
1484
1979
  }
1485
- .border-separate{
1486
- border-collapse: separate;
1980
+ .border-primary-intense{
1981
+ border-color: #0e1652;
1982
+ border-color: var(--aquarium-border-color-primary-intense);
1487
1983
  }
1488
- .border-spacing-0{
1489
- --tw-border-spacing-x: 0;
1490
- --tw-border-spacing-y: 0;
1491
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1984
+ .border-info-muted{
1985
+ border-color: #28b4f4;
1986
+ border-color: var(--aquarium-border-color-info-muted);
1492
1987
  }
1493
- .origin-\[0\%_45\%\]{
1494
- transform-origin: 0% 45%;
1988
+ .border-info-default{
1989
+ border-color: #0399e3;
1990
+ border-color: var(--aquarium-border-color-info-default);
1495
1991
  }
1496
- .-translate-x-1\/2{
1497
- --tw-translate-x: -50%;
1498
- 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));
1992
+ .border-info-intense{
1993
+ border-color: #0174ba;
1994
+ border-color: var(--aquarium-border-color-info-intense);
1499
1995
  }
1500
- .-translate-y-1\/2{
1501
- --tw-translate-y: -50%;
1502
- 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));
1996
+ .border-success-muted{
1997
+ border-color: #cbffc9;
1998
+ border-color: var(--aquarium-border-color-success-muted);
1503
1999
  }
1504
- .rotate-45{
1505
- --tw-rotate: 45deg;
1506
- 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));
2000
+ .border-success-default{
2001
+ border-color: #60db57;
2002
+ border-color: var(--aquarium-border-color-success-default);
1507
2003
  }
1508
- .scale-\[0\.55\]{
1509
- --tw-scale-x: 0.55;
1510
- --tw-scale-y: 0.55;
1511
- 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));
2004
+ .border-success-intense{
2005
+ border-color: #00b300;
2006
+ border-color: var(--aquarium-border-color-success-intense);
1512
2007
  }
1513
- .transform{
1514
- 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));
2008
+ .border-warning-muted{
2009
+ border-color: #feebb2;
2010
+ border-color: var(--aquarium-border-color-warning-muted);
1515
2011
  }
1516
- @keyframes pulse{
1517
- 50%{
1518
- opacity: .5;
1519
- }
2012
+ .border-warning-default{
2013
+ border-color: #ffb300;
2014
+ border-color: var(--aquarium-border-color-warning-default);
1520
2015
  }
1521
- .animate-pulse{
1522
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2016
+ .border-warning-intense{
2017
+ border-color: #ff9003;
2018
+ border-color: var(--aquarium-border-color-warning-intense);
1523
2019
  }
1524
- .cursor-default{
1525
- cursor: default;
2020
+ .border-danger-muted{
2021
+ border-color: #ffcbd2;
2022
+ border-color: var(--aquarium-border-color-danger-muted);
1526
2023
  }
1527
- .cursor-not-allowed{
1528
- cursor: not-allowed;
2024
+ .border-danger-default{
2025
+ border-color: #e62728;
2026
+ border-color: var(--aquarium-border-color-danger-default);
1529
2027
  }
1530
- .cursor-pointer{
1531
- cursor: pointer;
2028
+ .border-danger-intense{
2029
+ border-color: #c50001;
2030
+ border-color: var(--aquarium-border-color-danger-intense);
1532
2031
  }
1533
- .resize-none{
1534
- resize: none;
2032
+ .bg-white{
2033
+ background-color: white;
2034
+ background-color: var(--aquarium-colors-white);
1535
2035
  }
1536
- .resize{
1537
- resize: both;
2036
+ .bg-black{
2037
+ background-color: black;
2038
+ background-color: var(--aquarium-colors-black);
1538
2039
  }
1539
- .snap-x{
1540
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
2040
+ .bg-transparent{
2041
+ background-color: transparent;
2042
+ background-color: var(--aquarium-colors-transparent);
1541
2043
  }
1542
- .snap-mandatory{
1543
- --tw-scroll-snap-strictness: mandatory;
2044
+ .bg-current{
2045
+ background-color: currentColor;
2046
+ background-color: var(--aquarium-colors-current);
1544
2047
  }
1545
- .snap-start{
1546
- scroll-snap-align: start;
2048
+ .bg-error-0{
2049
+ background-color: #fef2f1;
2050
+ background-color: var(--aquarium-colors-error-0);
1547
2051
  }
1548
- .appearance-none{
1549
- -webkit-appearance: none;
1550
- -moz-appearance: none;
1551
- appearance: none;
2052
+ .bg-error-5{
2053
+ background-color: #fee8e7;
2054
+ background-color: var(--aquarium-colors-error-5);
1552
2055
  }
1553
- .auto-cols-fr{
1554
- grid-auto-columns: minmax(0, 1fr);
2056
+ .bg-error-10{
2057
+ background-color: #ffcbd2;
2058
+ background-color: var(--aquarium-colors-error-10);
1555
2059
  }
1556
- .grid-flow-col{
1557
- grid-auto-flow: column;
2060
+ .bg-error-20{
2061
+ background-color: #ffadb3;
2062
+ background-color: var(--aquarium-colors-error-20);
1558
2063
  }
1559
- .grid-cols-\[auto_1fr_auto\]{
1560
- grid-template-columns: auto 1fr auto;
2064
+ .bg-error-30{
2065
+ background-color: #ed7975;
2066
+ background-color: var(--aquarium-colors-error-30);
1561
2067
  }
1562
- .grid-cols-1{
1563
- grid-template-columns: repeat(1, minmax(0, 1fr));
2068
+ .bg-error-40{
2069
+ background-color: #e0504f;
2070
+ background-color: var(--aquarium-colors-error-40);
1564
2071
  }
1565
- .grid-cols-2{
1566
- grid-template-columns: repeat(2, minmax(0, 1fr));
2072
+ .bg-error-50{
2073
+ background-color: #e62728;
2074
+ background-color: var(--aquarium-colors-error-50);
1567
2075
  }
1568
- .grid-cols-3{
1569
- grid-template-columns: repeat(3, minmax(0, 1fr));
2076
+ .bg-error-60{
2077
+ background-color: #e70000;
2078
+ background-color: var(--aquarium-colors-error-60);
1570
2079
  }
1571
- .grid-cols-\[auto_1fr\]{
1572
- grid-template-columns: auto 1fr;
2080
+ .bg-error-70{
2081
+ background-color: #d80005;
2082
+ background-color: var(--aquarium-colors-error-70);
1573
2083
  }
1574
- .grid-cols-\[16px_1fr\]{
1575
- grid-template-columns: 16px 1fr;
2084
+ .bg-error-80{
2085
+ background-color: #c50001;
2086
+ background-color: var(--aquarium-colors-error-80);
1576
2087
  }
1577
- .grid-cols-\[1fr_auto\]{
1578
- grid-template-columns: 1fr auto;
2088
+ .bg-error-90{
2089
+ background-color: #b90000;
2090
+ background-color: var(--aquarium-colors-error-90);
1579
2091
  }
1580
- .grid-cols-\[200px_1fr_200px\]{
1581
- grid-template-columns: 200px 1fr 200px;
2092
+ .bg-error-100{
2093
+ background-color: #aa0000;
2094
+ background-color: var(--aquarium-colors-error-100);
1582
2095
  }
1583
- .flex-row{
1584
- flex-direction: row;
2096
+ .bg-warning-0{
2097
+ background-color: #fffdf9;
2098
+ background-color: var(--aquarium-colors-warning-0);
1585
2099
  }
1586
- .flex-row-reverse{
1587
- flex-direction: row-reverse;
2100
+ .bg-warning-5{
2101
+ background-color: #fff8ea;
2102
+ background-color: var(--aquarium-colors-warning-5);
1588
2103
  }
1589
- .flex-col{
1590
- flex-direction: column;
2104
+ .bg-warning-10{
2105
+ background-color: #fff2cd;
2106
+ background-color: var(--aquarium-colors-warning-10);
1591
2107
  }
1592
- .flex-wrap{
1593
- flex-wrap: wrap;
2108
+ .bg-warning-20{
2109
+ background-color: #feebb2;
2110
+ background-color: var(--aquarium-colors-warning-20);
1594
2111
  }
1595
- .flex-nowrap{
1596
- flex-wrap: nowrap;
2112
+ .bg-warning-30{
2113
+ background-color: #fddf81;
2114
+ background-color: var(--aquarium-colors-warning-30);
1597
2115
  }
1598
- .items-center{
1599
- align-items: center;
2116
+ .bg-warning-40{
2117
+ background-color: #fdd44d;
2118
+ background-color: var(--aquarium-colors-warning-40);
1600
2119
  }
1601
- .items-stretch{
1602
- align-items: stretch;
2120
+ .bg-warning-50{
2121
+ background-color: #fdc926;
2122
+ background-color: var(--aquarium-colors-warning-50);
1603
2123
  }
1604
- .justify-start{
1605
- justify-content: flex-start;
2124
+ .bg-warning-60{
2125
+ background-color: #ffc107;
2126
+ background-color: var(--aquarium-colors-warning-60);
1606
2127
  }
1607
- .justify-end{
1608
- justify-content: flex-end;
2128
+ .bg-warning-70{
2129
+ background-color: #ffb300;
2130
+ background-color: var(--aquarium-colors-warning-70);
1609
2131
  }
1610
- .justify-center{
1611
- justify-content: center;
2132
+ .bg-warning-80{
2133
+ background-color: #fd9f00;
2134
+ background-color: var(--aquarium-colors-warning-80);
1612
2135
  }
1613
- .justify-between{
1614
- justify-content: space-between;
2136
+ .bg-warning-90{
2137
+ background-color: #ff9003;
2138
+ background-color: var(--aquarium-colors-warning-90);
1615
2139
  }
1616
- .gap-4{
1617
- grid-gap: 12px;
1618
- gap: 12px;
2140
+ .bg-warning-100{
2141
+ background-color: #fe6d00;
2142
+ background-color: var(--aquarium-colors-warning-100);
1619
2143
  }
1620
- .gap-7{
1621
- grid-gap: 32px;
1622
- gap: 32px;
2144
+ .bg-success-0{
2145
+ background-color: #f5faf5;
2146
+ background-color: var(--aquarium-colors-success-0);
1623
2147
  }
1624
- .gap-5{
1625
- grid-gap: 16px;
1626
- gap: 16px;
2148
+ .bg-success-5{
2149
+ background-color: #ecf7ed;
2150
+ background-color: var(--aquarium-colors-success-5);
1627
2151
  }
1628
- .gap-3{
1629
- grid-gap: 8px;
1630
- gap: 8px;
2152
+ .bg-success-10{
2153
+ background-color: #cbffc9;
2154
+ background-color: var(--aquarium-colors-success-10);
1631
2155
  }
1632
- .gap-0{
1633
- grid-gap: 0;
1634
- gap: 0;
2156
+ .bg-success-20{
2157
+ background-color: #afffa7;
2158
+ background-color: var(--aquarium-colors-success-20);
1635
2159
  }
1636
- .gap-2{
1637
- grid-gap: 4px;
1638
- gap: 4px;
2160
+ .bg-success-30{
2161
+ background-color: #89eb80;
2162
+ background-color: var(--aquarium-colors-success-30);
1639
2163
  }
1640
- .gap-8{
1641
- grid-gap: 40px;
1642
- gap: 40px;
2164
+ .bg-success-40{
2165
+ background-color: #60db57;
2166
+ background-color: var(--aquarium-colors-success-40);
1643
2167
  }
1644
- .gap-x-3{
1645
- grid-column-gap: 8px;
1646
- -moz-column-gap: 8px;
1647
- column-gap: 8px;
2168
+ .bg-success-50{
2169
+ background-color: #40ce37;
2170
+ background-color: var(--aquarium-colors-success-50);
1648
2171
  }
1649
- .gap-y-2{
1650
- grid-row-gap: 4px;
1651
- row-gap: 4px;
2172
+ .bg-success-60{
2173
+ background-color: #00c300;
2174
+ background-color: var(--aquarium-colors-success-60);
1652
2175
  }
1653
- .gap-x-2{
1654
- grid-column-gap: 4px;
1655
- -moz-column-gap: 4px;
1656
- column-gap: 4px;
2176
+ .bg-success-70{
2177
+ background-color: #00b300;
2178
+ background-color: var(--aquarium-colors-success-70);
1657
2179
  }
1658
- .gap-x-5{
1659
- grid-column-gap: 16px;
1660
- -moz-column-gap: 16px;
1661
- column-gap: 16px;
2180
+ .bg-success-80{
2181
+ background-color: #009f00;
2182
+ background-color: var(--aquarium-colors-success-80);
1662
2183
  }
1663
- .gap-x-4{
1664
- grid-column-gap: 12px;
1665
- -moz-column-gap: 12px;
1666
- column-gap: 12px;
2184
+ .bg-success-90{
2185
+ background-color: #008e00;
2186
+ background-color: var(--aquarium-colors-success-90);
1667
2187
  }
1668
- .gap-x-6{
1669
- grid-column-gap: 24px;
1670
- -moz-column-gap: 24px;
1671
- column-gap: 24px;
2188
+ .bg-success-100{
2189
+ background-color: #006f00;
2190
+ background-color: var(--aquarium-colors-success-100);
1672
2191
  }
1673
- .divide-x>:not([hidden])~:not([hidden]){
1674
- --tw-divide-x-reverse: 0;
1675
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
1676
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
2192
+ .bg-info-0{
2193
+ background-color: #f9fdff;
2194
+ background-color: var(--aquarium-colors-info-0);
1677
2195
  }
1678
- .divide-grey-20>:not([hidden])~:not([hidden]){
1679
- border-color: #d2d2d6;
1680
- border-color: var(--aquarium-colors-grey-20, #d2d2d6);
2196
+ .bg-info-5{
2197
+ background-color: #effaff;
2198
+ background-color: var(--aquarium-colors-info-5);
1681
2199
  }
1682
- .self-start{
1683
- align-self: flex-start;
2200
+ .bg-info-10{
2201
+ background-color: #e0f5fe;
2202
+ background-color: var(--aquarium-colors-info-10);
1684
2203
  }
1685
- .self-center{
1686
- align-self: center;
2204
+ .bg-info-20{
2205
+ background-color: #b4e5fb;
2206
+ background-color: var(--aquarium-colors-info-20);
1687
2207
  }
1688
- .justify-self-center{
1689
- justify-self: center;
2208
+ .bg-info-30{
2209
+ background-color: #7fd1f7;
2210
+ background-color: var(--aquarium-colors-info-30);
1690
2211
  }
1691
- .overflow-hidden{
1692
- overflow: hidden;
2212
+ .bg-info-40{
2213
+ background-color: #4cc2f7;
2214
+ background-color: var(--aquarium-colors-info-40);
1693
2215
  }
1694
- .overflow-x-auto{
1695
- overflow-x: auto;
2216
+ .bg-info-50{
2217
+ background-color: #28b4f4;
2218
+ background-color: var(--aquarium-colors-info-50);
1696
2219
  }
1697
- .overflow-y-auto{
1698
- overflow-y: auto;
2220
+ .bg-info-60{
2221
+ background-color: #02a8f3;
2222
+ background-color: var(--aquarium-colors-info-60);
1699
2223
  }
1700
- .overflow-x-hidden{
1701
- overflow-x: hidden;
2224
+ .bg-info-70{
2225
+ background-color: #0399e3;
2226
+ background-color: var(--aquarium-colors-info-70);
1702
2227
  }
1703
- .overflow-x-scroll{
1704
- overflow-x: scroll;
2228
+ .bg-info-80{
2229
+ background-color: #0788d1;
2230
+ background-color: var(--aquarium-colors-info-80);
1705
2231
  }
1706
- .scroll-smooth{
1707
- scroll-behavior: smooth;
2232
+ .bg-info-90{
2233
+ background-color: #0174ba;
2234
+ background-color: var(--aquarium-colors-info-90);
1708
2235
  }
1709
- .text-ellipsis{
1710
- text-overflow: ellipsis;
2236
+ .bg-info-100{
2237
+ background-color: #02569a;
2238
+ background-color: var(--aquarium-colors-info-100);
1711
2239
  }
1712
- .whitespace-nowrap{
1713
- white-space: nowrap;
2240
+ .bg-grey-0{
2241
+ background-color: #f7f7fa;
2242
+ background-color: var(--aquarium-colors-grey-0);
1714
2243
  }
1715
- .whitespace-pre{
1716
- white-space: pre;
2244
+ .bg-grey-5{
2245
+ background-color: #ededf0;
2246
+ background-color: var(--aquarium-colors-grey-5);
1717
2247
  }
1718
- .break-words{
1719
- word-wrap: break-word;
2248
+ .bg-grey-10{
2249
+ background-color: #e1e1e3;
2250
+ background-color: var(--aquarium-colors-grey-10);
1720
2251
  }
1721
- .break-all{
1722
- word-break: break-all;
2252
+ .bg-grey-20{
2253
+ background-color: #d2d2d6;
2254
+ background-color: var(--aquarium-colors-grey-20);
1723
2255
  }
1724
- .rounded-sm{
1725
- border-radius: 0.125rem;
1726
- border-radius: var(--aquarium-border-radius-sm, 0.125rem);
2256
+ .bg-grey-30{
2257
+ background-color: #b4b4bb;
2258
+ background-color: var(--aquarium-colors-grey-30);
1727
2259
  }
1728
- .rounded-full{
1729
- border-radius: 9999px;
1730
- border-radius: var(--aquarium-border-radius-full, 9999px);
2260
+ .bg-grey-40{
2261
+ background-color: #9696a0;
2262
+ background-color: var(--aquarium-colors-grey-40);
1731
2263
  }
1732
- .rounded{
1733
- border-radius: 4px;
1734
- border-radius: var(--aquarium-border-radius-default, 4px);
2264
+ .bg-grey-50{
2265
+ background-color: #787885;
2266
+ background-color: var(--aquarium-colors-grey-50);
1735
2267
  }
1736
- .rounded-\[2px\]{
1737
- border-radius: 2px;
2268
+ .bg-grey-60{
2269
+ background-color: #5a5b6a;
2270
+ background-color: var(--aquarium-colors-grey-60);
1738
2271
  }
1739
- .border{
1740
- border-width: 1px;
2272
+ .bg-grey-70{
2273
+ background-color: #4a4b57;
2274
+ background-color: var(--aquarium-colors-grey-70);
1741
2275
  }
1742
- .border-\[2px\]{
1743
- border-width: 2px;
2276
+ .bg-grey-80{
2277
+ background-color: #3a3a44;
2278
+ background-color: var(--aquarium-colors-grey-80);
1744
2279
  }
1745
- .border-0{
1746
- border-width: 0px;
2280
+ .bg-grey-90{
2281
+ background-color: #292a31;
2282
+ background-color: var(--aquarium-colors-grey-90);
1747
2283
  }
1748
- .border-2{
1749
- border-width: 2px;
2284
+ .bg-grey-100{
2285
+ background-color: #19191d;
2286
+ background-color: var(--aquarium-colors-grey-100);
1750
2287
  }
1751
- .border-b{
1752
- border-bottom-width: 1px;
2288
+ .bg-secondary-0{
2289
+ background-color: #fffbf8;
2290
+ background-color: var(--aquarium-colors-secondary-0);
1753
2291
  }
1754
- .border-r-\[1px\]{
1755
- border-right-width: 1px;
2292
+ .bg-secondary-5{
2293
+ background-color: #fff3e8;
2294
+ background-color: var(--aquarium-colors-secondary-5);
1756
2295
  }
1757
- .border-t-2{
1758
- border-top-width: 2px;
2296
+ .bg-secondary-10{
2297
+ background-color: #fee8d0;
2298
+ background-color: var(--aquarium-colors-secondary-10);
1759
2299
  }
1760
- .border-b-\[1px\]{
1761
- border-bottom-width: 1px;
2300
+ .bg-secondary-20{
2301
+ background-color: #f8c99c;
2302
+ background-color: var(--aquarium-colors-secondary-20);
1762
2303
  }
1763
- .border-b-2{
1764
- border-bottom-width: 2px;
2304
+ .bg-secondary-30{
2305
+ background-color: #fab26e;
2306
+ background-color: var(--aquarium-colors-secondary-30);
1765
2307
  }
1766
- .border-solid{
1767
- border-style: solid;
2308
+ .bg-secondary-40{
2309
+ background-color: #fb9a3e;
2310
+ background-color: var(--aquarium-colors-secondary-40);
1768
2311
  }
1769
- .border-dashed{
1770
- border-style: dashed;
2312
+ .bg-secondary-50{
2313
+ background-color: #fc871a;
2314
+ background-color: var(--aquarium-colors-secondary-50);
1771
2315
  }
1772
- .border-none{
1773
- border-style: none;
2316
+ .bg-secondary-60{
2317
+ background-color: #ff7700;
2318
+ background-color: var(--aquarium-colors-secondary-60);
1774
2319
  }
1775
- .border-danger-default{
1776
- border-color: #e62728;
1777
- border-color: var(--aquarium-border-color-danger-default);
2320
+ .bg-secondary-70{
2321
+ background-color: #f96a02;
2322
+ background-color: var(--aquarium-colors-secondary-70);
1778
2323
  }
1779
- .border-default{
1780
- border-color: #d2d2d6;
1781
- border-color: var(--aquarium-border-color-default);
2324
+ .bg-secondary-80{
2325
+ background-color: #f3580d;
2326
+ background-color: var(--aquarium-colors-secondary-80);
1782
2327
  }
1783
- .border-info-default{
1784
- border-color: #0399e3;
1785
- border-color: var(--aquarium-border-color-info-default);
2328
+ .bg-secondary-90{
2329
+ background-color: #eb4610;
2330
+ background-color: var(--aquarium-colors-secondary-90);
1786
2331
  }
1787
- .border-muted{
1788
- border-color: #ededf0;
1789
- border-color: var(--aquarium-border-color-muted);
2332
+ .bg-secondary-100{
2333
+ background-color: #e11d16;
2334
+ background-color: var(--aquarium-colors-secondary-100);
1790
2335
  }
1791
- .border-primary-default{
1792
- border-color: #3545be;
1793
- border-color: var(--aquarium-border-color-primary-default);
2336
+ .bg-primary-0{
2337
+ background-color: #ffffff;
2338
+ background-color: var(--aquarium-colors-primary-0);
1794
2339
  }
1795
- .border-transparent{
1796
- border-color: transparent;
1797
- border-color: var(--aquarium-colors-transparent, transparent);
2340
+ .bg-primary-5{
2341
+ background-color: #f3f6ff;
2342
+ background-color: var(--aquarium-colors-primary-5);
1798
2343
  }
1799
- .border-intense{
1800
- border-color: #787885;
1801
- border-color: var(--aquarium-border-color-intense);
2344
+ .bg-primary-10{
2345
+ background-color: #e3e9ff;
2346
+ background-color: var(--aquarium-colors-primary-10);
1802
2347
  }
1803
- .border-success-intense{
1804
- border-color: #00b300;
1805
- border-color: var(--aquarium-border-color-success-intense);
2348
+ .bg-primary-20{
2349
+ background-color: #d5ddfa;
2350
+ background-color: var(--aquarium-colors-primary-20);
1806
2351
  }
1807
- .border-current{
1808
- border-color: currentColor;
1809
- border-color: var(--aquarium-colors-current, currentColor);
2352
+ .bg-primary-30{
2353
+ background-color: #c7d1f4;
2354
+ background-color: var(--aquarium-colors-primary-30);
1810
2355
  }
1811
- .bg-intense{
1812
- background-color: #d2d2d6;
1813
- background-color: var(--aquarium-background-color-intense);
2356
+ .bg-primary-40{
2357
+ background-color: #b9c5ef;
2358
+ background-color: var(--aquarium-colors-primary-40);
1814
2359
  }
1815
- .bg-status-danger{
1816
- background-color: #fee8e7;
1817
- background-color: var(--aquarium-background-color-status-danger);
2360
+ .bg-primary-50{
2361
+ background-color: #9daaee;
2362
+ background-color: var(--aquarium-colors-primary-50);
1818
2363
  }
1819
- .bg-status-info{
1820
- background-color: #e0f5fe;
1821
- background-color: var(--aquarium-background-color-status-info);
2364
+ .bg-primary-60{
2365
+ background-color: #818eec;
2366
+ background-color: var(--aquarium-colors-primary-60);
1822
2367
  }
1823
- .bg-status-success{
1824
- background-color: #ecf7ed;
1825
- background-color: var(--aquarium-background-color-status-success);
2368
+ .bg-primary-70{
2369
+ background-color: #5865cd;
2370
+ background-color: var(--aquarium-colors-primary-70);
1826
2371
  }
1827
- .bg-status-warning{
1828
- background-color: #fff8ea;
1829
- background-color: var(--aquarium-background-color-status-warning);
2372
+ .bg-primary-80{
2373
+ background-color: #3545be;
2374
+ background-color: var(--aquarium-colors-primary-80);
1830
2375
  }
1831
- .bg-status-announcement{
1832
- background-color: #f3f6ff;
1833
- background-color: var(--aquarium-background-color-status-announcement);
2376
+ .bg-primary-90{
2377
+ background-color: #222f95;
2378
+ background-color: var(--aquarium-colors-primary-90);
1834
2379
  }
1835
- .bg-muted{
1836
- background-color: #f7f7fa;
1837
- background-color: var(--aquarium-background-color-muted);
2380
+ .bg-primary-100{
2381
+ background-color: #0e1652;
2382
+ background-color: var(--aquarium-colors-primary-100);
1838
2383
  }
1839
2384
  .bg-body{
1840
2385
  background-color: white;
1841
2386
  background-color: var(--aquarium-background-color-body);
1842
2387
  }
1843
- .bg-primary-default{
1844
- background-color: #3545be;
1845
- background-color: var(--aquarium-background-color-primary-default);
1846
- }
1847
- .bg-primary-muted{
1848
- background-color: #b9c5ef;
1849
- background-color: var(--aquarium-background-color-primary-muted);
1850
- }
1851
- .bg-primary-active{
1852
- background-color: #f3f6ff;
1853
- background-color: var(--aquarium-background-color-primary-active);
2388
+ .bg-body-intense{
2389
+ background-color: #3a3a44;
2390
+ background-color: var(--aquarium-background-color-body-intense);
1854
2391
  }
1855
2392
  .bg-popover-content{
1856
2393
  background-color: white;
1857
2394
  background-color: var(--aquarium-background-color-popover-content);
1858
2395
  }
2396
+ .bg-muted{
2397
+ background-color: #f7f7fa;
2398
+ background-color: var(--aquarium-background-color-muted);
2399
+ }
1859
2400
  .bg-default{
1860
2401
  background-color: #ededf0;
1861
2402
  background-color: var(--aquarium-background-color-default);
1862
2403
  }
2404
+ .bg-intense{
2405
+ background-color: #d2d2d6;
2406
+ background-color: var(--aquarium-background-color-intense);
2407
+ }
2408
+ .bg-primary-muted{
2409
+ background-color: #b9c5ef;
2410
+ background-color: var(--aquarium-background-color-primary-muted);
2411
+ }
2412
+ .bg-primary-default{
2413
+ background-color: #3545be;
2414
+ background-color: var(--aquarium-background-color-primary-default);
2415
+ }
1863
2416
  .bg-primary-intense{
1864
2417
  background-color: #222f95;
1865
2418
  background-color: var(--aquarium-background-color-primary-intense);
1866
2419
  }
2420
+ .bg-primary-active{
2421
+ background-color: #f3f6ff;
2422
+ background-color: var(--aquarium-background-color-primary-active);
2423
+ }
2424
+ .bg-primary-hover{
2425
+ background-color: #f3f6ff;
2426
+ background-color: var(--aquarium-background-color-primary-hover);
2427
+ }
2428
+ .bg-info-muted{
2429
+ background-color: #e0f5fe;
2430
+ background-color: var(--aquarium-background-color-info-muted);
2431
+ }
1867
2432
  .bg-info-default{
1868
2433
  background-color: #0399e3;
1869
2434
  background-color: var(--aquarium-background-color-info-default);
1870
2435
  }
1871
- .bg-warning-default{
1872
- background-color: #ffb300;
1873
- background-color: var(--aquarium-background-color-warning-default);
2436
+ .bg-info-intense{
2437
+ background-color: #0174ba;
2438
+ background-color: var(--aquarium-background-color-info-intense);
2439
+ }
2440
+ .bg-success-muted{
2441
+ background-color: #ecf7ed;
2442
+ background-color: var(--aquarium-background-color-success-muted);
1874
2443
  }
1875
2444
  .bg-success-default{
1876
2445
  background-color: #00b300;
1877
2446
  background-color: var(--aquarium-background-color-success-default);
1878
2447
  }
1879
- .bg-danger-intense{
1880
- background-color: #e62728;
1881
- background-color: var(--aquarium-background-color-danger-intense);
1882
- }
1883
- .bg-body-intense{
1884
- background-color: #3a3a44;
1885
- background-color: var(--aquarium-background-color-body-intense);
2448
+ .bg-success-intense{
2449
+ background-color: #008e00;
2450
+ background-color: var(--aquarium-background-color-success-intense);
1886
2451
  }
1887
- .bg-white{
1888
- background-color: white;
1889
- background-color: var(--aquarium-colors-white, white);
2452
+ .bg-warning-muted{
2453
+ background-color: #fff8ea;
2454
+ background-color: var(--aquarium-background-color-warning-muted);
1890
2455
  }
1891
- .bg-black{
1892
- background-color: black;
1893
- background-color: var(--aquarium-colors-black, black);
2456
+ .bg-warning-default{
2457
+ background-color: #ffb300;
2458
+ background-color: var(--aquarium-background-color-warning-default);
1894
2459
  }
1895
- .bg-current{
1896
- background-color: currentColor;
1897
- background-color: var(--aquarium-colors-current, currentColor);
2460
+ .bg-warning-intense{
2461
+ background-color: #ff9003;
2462
+ background-color: var(--aquarium-background-color-warning-intense);
1898
2463
  }
1899
- .bg-transparent{
1900
- background-color: transparent;
1901
- background-color: var(--aquarium-colors-transparent, transparent);
2464
+ .bg-danger-muted{
2465
+ background-color: #ffcbd2;
2466
+ background-color: var(--aquarium-background-color-danger-muted);
1902
2467
  }
1903
2468
  .bg-danger-default{
1904
2469
  background-color: #ffadb3;
1905
2470
  background-color: var(--aquarium-background-color-danger-default);
1906
2471
  }
1907
- .bg-success-intense{
1908
- background-color: #008e00;
1909
- background-color: var(--aquarium-background-color-success-intense);
2472
+ .bg-danger-intense{
2473
+ background-color: #e62728;
2474
+ background-color: var(--aquarium-background-color-danger-intense);
2475
+ }
2476
+ .bg-status-announcement{
2477
+ background-color: #f3f6ff;
2478
+ background-color: var(--aquarium-background-color-status-announcement);
2479
+ }
2480
+ .bg-status-info{
2481
+ background-color: #e0f5fe;
2482
+ background-color: var(--aquarium-background-color-status-info);
2483
+ }
2484
+ .bg-status-warning{
2485
+ background-color: #fff8ea;
2486
+ background-color: var(--aquarium-background-color-status-warning);
2487
+ }
2488
+ .bg-status-danger{
2489
+ background-color: #fee8e7;
2490
+ background-color: var(--aquarium-background-color-status-danger);
2491
+ }
2492
+ .bg-status-success{
2493
+ background-color: #ecf7ed;
2494
+ background-color: var(--aquarium-background-color-status-success);
2495
+ }
2496
+ .bg-icon-button-hover{
2497
+ background-color: rgba(25,25,29,.05);
2498
+ background-color: var(--aquarium-background-color-icon-button-hover);
1910
2499
  }
1911
2500
  .bg-gradient-to-r{
1912
2501
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -1915,48 +2504,48 @@ input[type='number'].no-arrows {
1915
2504
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
1916
2505
  }
1917
2506
  .from-white{
1918
- --tw-gradient-from: var(--aquarium-colors-white, white);
2507
+ --tw-gradient-from: var(--aquarium-colors-white);
1919
2508
  --tw-gradient-to: rgba(255, 255, 255, 0);
1920
2509
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1921
2510
  }
1922
2511
  .via-white{
1923
2512
  --tw-gradient-to: rgba(255, 255, 255, 0);
1924
- --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white, white), var(--tw-gradient-to);
2513
+ --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white), var(--tw-gradient-to);
1925
2514
  }
1926
2515
  .bg-cover{
1927
2516
  background-size: cover;
1928
2517
  }
1929
2518
  .fill-primary-10{
1930
2519
  fill: #e3e9ff;
1931
- fill: var(--aquarium-colors-primary-10, #e3e9ff);
2520
+ fill: var(--aquarium-colors-primary-10);
1932
2521
  }
1933
2522
  .fill-success-10{
1934
2523
  fill: #cbffc9;
1935
- fill: var(--aquarium-colors-success-10, #cbffc9);
2524
+ fill: var(--aquarium-colors-success-10);
1936
2525
  }
1937
2526
  .fill-warning-20{
1938
2527
  fill: #feebb2;
1939
- fill: var(--aquarium-colors-warning-20, #feebb2);
2528
+ fill: var(--aquarium-colors-warning-20);
1940
2529
  }
1941
2530
  .fill-error-10{
1942
2531
  fill: #ffcbd2;
1943
- fill: var(--aquarium-colors-error-10, #ffcbd2);
2532
+ fill: var(--aquarium-colors-error-10);
1944
2533
  }
1945
2534
  .stroke-primary-60{
1946
2535
  stroke: #818eec;
1947
- stroke: var(--aquarium-colors-primary-60, #818eec);
2536
+ stroke: var(--aquarium-colors-primary-60);
1948
2537
  }
1949
2538
  .stroke-success-40{
1950
2539
  stroke: #60db57;
1951
- stroke: var(--aquarium-colors-success-40, #60db57);
2540
+ stroke: var(--aquarium-colors-success-40);
1952
2541
  }
1953
2542
  .stroke-warning-100{
1954
2543
  stroke: #fe6d00;
1955
- stroke: var(--aquarium-colors-warning-100, #fe6d00);
2544
+ stroke: var(--aquarium-colors-warning-100);
1956
2545
  }
1957
2546
  .stroke-error-100{
1958
2547
  stroke: #aa0000;
1959
- stroke: var(--aquarium-colors-error-100, #aa0000);
2548
+ stroke: var(--aquarium-colors-error-100);
1960
2549
  }
1961
2550
  .object-cover{
1962
2551
  -o-object-fit: cover;
@@ -2078,8 +2667,8 @@ input[type='number'].no-arrows {
2078
2667
  padding-right: 4px;
2079
2668
  }
2080
2669
  .px-0{
2081
- padding-left: 0;
2082
- padding-right: 0;
2670
+ padding-left: 0px;
2671
+ padding-right: 0px;
2083
2672
  }
2084
2673
  .py-\[10px\]{
2085
2674
  padding-top: 10px;
@@ -2154,341 +2743,357 @@ input[type='number'].no-arrows {
2154
2743
  .leading-\[0px\]{
2155
2744
  line-height: 0px;
2156
2745
  }
2157
- .text-error-100{
2158
- color: #aa0000;
2159
- color: var(--aquarium-colors-error-100, #aa0000);
2746
+ .text-white{
2747
+ color: white;
2748
+ color: var(--aquarium-colors-white);
2160
2749
  }
2161
- .text-error-90{
2162
- color: #b90000;
2163
- color: var(--aquarium-colors-error-90, #b90000);
2750
+ .text-black{
2751
+ color: black;
2752
+ color: var(--aquarium-colors-black);
2164
2753
  }
2165
- .text-error-80{
2166
- color: #c50001;
2167
- color: var(--aquarium-colors-error-80, #c50001);
2754
+ .text-transparent{
2755
+ color: transparent;
2756
+ color: var(--aquarium-colors-transparent);
2168
2757
  }
2169
- .text-error-70{
2170
- color: #d80005;
2171
- color: var(--aquarium-colors-error-70, #d80005);
2758
+ .text-current{
2759
+ color: currentColor;
2760
+ color: var(--aquarium-colors-current);
2172
2761
  }
2173
- .text-error-60{
2174
- color: #e70000;
2175
- color: var(--aquarium-colors-error-60, #e70000);
2762
+ .text-error-0{
2763
+ color: #fef2f1;
2764
+ color: var(--aquarium-colors-error-0);
2176
2765
  }
2177
- .text-error-50{
2178
- color: #e62728;
2179
- color: var(--aquarium-colors-error-50, #e62728);
2766
+ .text-error-5{
2767
+ color: #fee8e7;
2768
+ color: var(--aquarium-colors-error-5);
2180
2769
  }
2181
- .text-error-40{
2182
- color: #e0504f;
2183
- color: var(--aquarium-colors-error-40, #e0504f);
2770
+ .text-error-10{
2771
+ color: #ffcbd2;
2772
+ color: var(--aquarium-colors-error-10);
2773
+ }
2774
+ .text-error-20{
2775
+ color: #ffadb3;
2776
+ color: var(--aquarium-colors-error-20);
2184
2777
  }
2185
2778
  .text-error-30{
2186
2779
  color: #ed7975;
2187
- color: var(--aquarium-colors-error-30, #ed7975);
2780
+ color: var(--aquarium-colors-error-30);
2188
2781
  }
2189
- .text-error-20{
2190
- color: #ffadb3;
2191
- color: var(--aquarium-colors-error-20, #ffadb3);
2782
+ .text-error-40{
2783
+ color: #e0504f;
2784
+ color: var(--aquarium-colors-error-40);
2192
2785
  }
2193
- .text-error-10{
2194
- color: #ffcbd2;
2195
- color: var(--aquarium-colors-error-10, #ffcbd2);
2786
+ .text-error-50{
2787
+ color: #e62728;
2788
+ color: var(--aquarium-colors-error-50);
2196
2789
  }
2197
- .text-error-5{
2198
- color: #fee8e7;
2199
- color: var(--aquarium-colors-error-5, #fee8e7);
2790
+ .text-error-60{
2791
+ color: #e70000;
2792
+ color: var(--aquarium-colors-error-60);
2200
2793
  }
2201
- .text-error-0{
2202
- color: #fef2f1;
2203
- color: var(--aquarium-colors-error-0, #fef2f1);
2794
+ .text-error-70{
2795
+ color: #d80005;
2796
+ color: var(--aquarium-colors-error-70);
2204
2797
  }
2205
- .text-warning-100{
2206
- color: #fe6d00;
2207
- color: var(--aquarium-colors-warning-100, #fe6d00);
2798
+ .text-error-80{
2799
+ color: #c50001;
2800
+ color: var(--aquarium-colors-error-80);
2208
2801
  }
2209
- .text-warning-90{
2210
- color: #ff9003;
2211
- color: var(--aquarium-colors-warning-90, #ff9003);
2802
+ .text-error-90{
2803
+ color: #b90000;
2804
+ color: var(--aquarium-colors-error-90);
2212
2805
  }
2213
- .text-warning-80{
2214
- color: #fd9f00;
2215
- color: var(--aquarium-colors-warning-80, #fd9f00);
2806
+ .text-error-100{
2807
+ color: #aa0000;
2808
+ color: var(--aquarium-colors-error-100);
2216
2809
  }
2217
- .text-warning-70{
2218
- color: #ffb300;
2219
- color: var(--aquarium-colors-warning-70, #ffb300);
2810
+ .text-warning-0{
2811
+ color: #fffdf9;
2812
+ color: var(--aquarium-colors-warning-0);
2220
2813
  }
2221
- .text-warning-60{
2222
- color: #ffc107;
2223
- color: var(--aquarium-colors-warning-60, #ffc107);
2814
+ .text-warning-5{
2815
+ color: #fff8ea;
2816
+ color: var(--aquarium-colors-warning-5);
2817
+ }
2818
+ .text-warning-10{
2819
+ color: #fff2cd;
2820
+ color: var(--aquarium-colors-warning-10);
2821
+ }
2822
+ .text-warning-20{
2823
+ color: #feebb2;
2824
+ color: var(--aquarium-colors-warning-20);
2224
2825
  }
2225
- .text-warning-50{
2226
- color: #fdc926;
2227
- color: var(--aquarium-colors-warning-50, #fdc926);
2826
+ .text-warning-30{
2827
+ color: #fddf81;
2828
+ color: var(--aquarium-colors-warning-30);
2228
2829
  }
2229
2830
  .text-warning-40{
2230
2831
  color: #fdd44d;
2231
- color: var(--aquarium-colors-warning-40, #fdd44d);
2832
+ color: var(--aquarium-colors-warning-40);
2232
2833
  }
2233
- .text-warning-30{
2234
- color: #fddf81;
2235
- color: var(--aquarium-colors-warning-30, #fddf81);
2834
+ .text-warning-50{
2835
+ color: #fdc926;
2836
+ color: var(--aquarium-colors-warning-50);
2236
2837
  }
2237
- .text-warning-20{
2238
- color: #feebb2;
2239
- color: var(--aquarium-colors-warning-20, #feebb2);
2838
+ .text-warning-60{
2839
+ color: #ffc107;
2840
+ color: var(--aquarium-colors-warning-60);
2240
2841
  }
2241
- .text-warning-10{
2242
- color: #fff2cd;
2243
- color: var(--aquarium-colors-warning-10, #fff2cd);
2842
+ .text-warning-70{
2843
+ color: #ffb300;
2844
+ color: var(--aquarium-colors-warning-70);
2244
2845
  }
2245
- .text-warning-5{
2246
- color: #fff8ea;
2247
- color: var(--aquarium-colors-warning-5, #fff8ea);
2846
+ .text-warning-80{
2847
+ color: #fd9f00;
2848
+ color: var(--aquarium-colors-warning-80);
2248
2849
  }
2249
- .text-warning-0{
2250
- color: #fffdf9;
2251
- color: var(--aquarium-colors-warning-0, #fffdf9);
2850
+ .text-warning-90{
2851
+ color: #ff9003;
2852
+ color: var(--aquarium-colors-warning-90);
2252
2853
  }
2253
- .text-success-100{
2254
- color: #006f00;
2255
- color: var(--aquarium-colors-success-100, #006f00);
2854
+ .text-warning-100{
2855
+ color: #fe6d00;
2856
+ color: var(--aquarium-colors-warning-100);
2256
2857
  }
2257
- .text-success-90{
2258
- color: #008e00;
2259
- color: var(--aquarium-colors-success-90, #008e00);
2858
+ .text-success-0{
2859
+ color: #f5faf5;
2860
+ color: var(--aquarium-colors-success-0);
2260
2861
  }
2261
- .text-success-80{
2262
- color: #009f00;
2263
- color: var(--aquarium-colors-success-80, #009f00);
2862
+ .text-success-5{
2863
+ color: #ecf7ed;
2864
+ color: var(--aquarium-colors-success-5);
2264
2865
  }
2265
- .text-success-70{
2266
- color: #00b300;
2267
- color: var(--aquarium-colors-success-70, #00b300);
2866
+ .text-success-10{
2867
+ color: #cbffc9;
2868
+ color: var(--aquarium-colors-success-10);
2268
2869
  }
2269
- .text-success-60{
2270
- color: #00c300;
2271
- color: var(--aquarium-colors-success-60, #00c300);
2870
+ .text-success-20{
2871
+ color: #afffa7;
2872
+ color: var(--aquarium-colors-success-20);
2272
2873
  }
2273
- .text-success-50{
2274
- color: #40ce37;
2275
- color: var(--aquarium-colors-success-50, #40ce37);
2874
+ .text-success-30{
2875
+ color: #89eb80;
2876
+ color: var(--aquarium-colors-success-30);
2276
2877
  }
2277
2878
  .text-success-40{
2278
2879
  color: #60db57;
2279
- color: var(--aquarium-colors-success-40, #60db57);
2880
+ color: var(--aquarium-colors-success-40);
2280
2881
  }
2281
- .text-success-30{
2282
- color: #89eb80;
2283
- color: var(--aquarium-colors-success-30, #89eb80);
2882
+ .text-success-50{
2883
+ color: #40ce37;
2884
+ color: var(--aquarium-colors-success-50);
2284
2885
  }
2285
- .text-success-20{
2286
- color: #afffa7;
2287
- color: var(--aquarium-colors-success-20, #afffa7);
2886
+ .text-success-60{
2887
+ color: #00c300;
2888
+ color: var(--aquarium-colors-success-60);
2288
2889
  }
2289
- .text-success-10{
2290
- color: #cbffc9;
2291
- color: var(--aquarium-colors-success-10, #cbffc9);
2890
+ .text-success-70{
2891
+ color: #00b300;
2892
+ color: var(--aquarium-colors-success-70);
2292
2893
  }
2293
- .text-success-5{
2294
- color: #ecf7ed;
2295
- color: var(--aquarium-colors-success-5, #ecf7ed);
2894
+ .text-success-80{
2895
+ color: #009f00;
2896
+ color: var(--aquarium-colors-success-80);
2296
2897
  }
2297
- .text-success-0{
2298
- color: #f5faf5;
2299
- color: var(--aquarium-colors-success-0, #f5faf5);
2898
+ .text-success-90{
2899
+ color: #008e00;
2900
+ color: var(--aquarium-colors-success-90);
2300
2901
  }
2301
- .text-info-100{
2302
- color: #02569a;
2303
- color: var(--aquarium-colors-info-100, #02569a);
2902
+ .text-success-100{
2903
+ color: #006f00;
2904
+ color: var(--aquarium-colors-success-100);
2304
2905
  }
2305
- .text-info-90{
2306
- color: #0174ba;
2307
- color: var(--aquarium-colors-info-90, #0174ba);
2906
+ .text-info-0{
2907
+ color: #f9fdff;
2908
+ color: var(--aquarium-colors-info-0);
2308
2909
  }
2309
- .text-info-80{
2310
- color: #0788d1;
2311
- color: var(--aquarium-colors-info-80, #0788d1);
2910
+ .text-info-5{
2911
+ color: #effaff;
2912
+ color: var(--aquarium-colors-info-5);
2312
2913
  }
2313
- .text-info-70{
2314
- color: #0399e3;
2315
- color: var(--aquarium-colors-info-70, #0399e3);
2914
+ .text-info-10{
2915
+ color: #e0f5fe;
2916
+ color: var(--aquarium-colors-info-10);
2316
2917
  }
2317
- .text-info-60{
2318
- color: #02a8f3;
2319
- color: var(--aquarium-colors-info-60, #02a8f3);
2918
+ .text-info-20{
2919
+ color: #b4e5fb;
2920
+ color: var(--aquarium-colors-info-20);
2320
2921
  }
2321
- .text-info-50{
2322
- color: #28b4f4;
2323
- color: var(--aquarium-colors-info-50, #28b4f4);
2922
+ .text-info-30{
2923
+ color: #7fd1f7;
2924
+ color: var(--aquarium-colors-info-30);
2324
2925
  }
2325
2926
  .text-info-40{
2326
2927
  color: #4cc2f7;
2327
- color: var(--aquarium-colors-info-40, #4cc2f7);
2928
+ color: var(--aquarium-colors-info-40);
2328
2929
  }
2329
- .text-info-30{
2330
- color: #7fd1f7;
2331
- color: var(--aquarium-colors-info-30, #7fd1f7);
2930
+ .text-info-50{
2931
+ color: #28b4f4;
2932
+ color: var(--aquarium-colors-info-50);
2332
2933
  }
2333
- .text-info-20{
2334
- color: #b4e5fb;
2335
- color: var(--aquarium-colors-info-20, #b4e5fb);
2934
+ .text-info-60{
2935
+ color: #02a8f3;
2936
+ color: var(--aquarium-colors-info-60);
2336
2937
  }
2337
- .text-info-10{
2338
- color: #e0f5fe;
2339
- color: var(--aquarium-colors-info-10, #e0f5fe);
2938
+ .text-info-70{
2939
+ color: #0399e3;
2940
+ color: var(--aquarium-colors-info-70);
2340
2941
  }
2341
- .text-info-5{
2342
- color: #effaff;
2343
- color: var(--aquarium-colors-info-5, #effaff);
2942
+ .text-info-80{
2943
+ color: #0788d1;
2944
+ color: var(--aquarium-colors-info-80);
2344
2945
  }
2345
- .text-info-0{
2346
- color: #f9fdff;
2347
- color: var(--aquarium-colors-info-0, #f9fdff);
2946
+ .text-info-90{
2947
+ color: #0174ba;
2948
+ color: var(--aquarium-colors-info-90);
2348
2949
  }
2349
- .text-grey-100{
2350
- color: #19191d;
2351
- color: var(--aquarium-colors-grey-100, #19191d);
2950
+ .text-info-100{
2951
+ color: #02569a;
2952
+ color: var(--aquarium-colors-info-100);
2352
2953
  }
2353
- .text-grey-90{
2354
- color: #292a31;
2355
- color: var(--aquarium-colors-grey-90, #292a31);
2954
+ .text-grey-0{
2955
+ color: #f7f7fa;
2956
+ color: var(--aquarium-colors-grey-0);
2356
2957
  }
2357
- .text-grey-80{
2358
- color: #3a3a44;
2359
- color: var(--aquarium-colors-grey-80, #3a3a44);
2958
+ .text-grey-5{
2959
+ color: #ededf0;
2960
+ color: var(--aquarium-colors-grey-5);
2360
2961
  }
2361
- .text-grey-70{
2362
- color: #4a4b57;
2363
- color: var(--aquarium-colors-grey-70, #4a4b57);
2962
+ .text-grey-10{
2963
+ color: #e1e1e3;
2964
+ color: var(--aquarium-colors-grey-10);
2364
2965
  }
2365
- .text-grey-60{
2366
- color: #5a5b6a;
2367
- color: var(--aquarium-colors-grey-60, #5a5b6a);
2966
+ .text-grey-20{
2967
+ color: #d2d2d6;
2968
+ color: var(--aquarium-colors-grey-20);
2368
2969
  }
2369
- .text-grey-50{
2370
- color: #787885;
2371
- color: var(--aquarium-colors-grey-50, #787885);
2970
+ .text-grey-30{
2971
+ color: #b4b4bb;
2972
+ color: var(--aquarium-colors-grey-30);
2372
2973
  }
2373
2974
  .text-grey-40{
2374
2975
  color: #9696a0;
2375
- color: var(--aquarium-colors-grey-40, #9696a0);
2976
+ color: var(--aquarium-colors-grey-40);
2376
2977
  }
2377
- .text-grey-30{
2378
- color: #b4b4bb;
2379
- color: var(--aquarium-colors-grey-30, #b4b4bb);
2978
+ .text-grey-50{
2979
+ color: #787885;
2980
+ color: var(--aquarium-colors-grey-50);
2380
2981
  }
2381
- .text-grey-20{
2382
- color: #d2d2d6;
2383
- color: var(--aquarium-colors-grey-20, #d2d2d6);
2982
+ .text-grey-60{
2983
+ color: #5a5b6a;
2984
+ color: var(--aquarium-colors-grey-60);
2384
2985
  }
2385
- .text-grey-10{
2386
- color: #e1e1e3;
2387
- color: var(--aquarium-colors-grey-10, #e1e1e3);
2986
+ .text-grey-70{
2987
+ color: #4a4b57;
2988
+ color: var(--aquarium-colors-grey-70);
2388
2989
  }
2389
- .text-grey-5{
2390
- color: #ededf0;
2391
- color: var(--aquarium-colors-grey-5, #ededf0);
2990
+ .text-grey-80{
2991
+ color: #3a3a44;
2992
+ color: var(--aquarium-colors-grey-80);
2392
2993
  }
2393
- .text-grey-0{
2394
- color: #f7f7fa;
2395
- color: var(--aquarium-colors-grey-0, #f7f7fa);
2994
+ .text-grey-90{
2995
+ color: #292a31;
2996
+ color: var(--aquarium-colors-grey-90);
2396
2997
  }
2397
- .text-secondary-100{
2398
- color: #e11d16;
2399
- color: var(--aquarium-colors-secondary-100, #e11d16);
2998
+ .text-grey-100{
2999
+ color: #19191d;
3000
+ color: var(--aquarium-colors-grey-100);
2400
3001
  }
2401
- .text-secondary-90{
2402
- color: #eb4610;
2403
- color: var(--aquarium-colors-secondary-90, #eb4610);
3002
+ .text-secondary-0{
3003
+ color: #fffbf8;
3004
+ color: var(--aquarium-colors-secondary-0);
2404
3005
  }
2405
- .text-secondary-80{
2406
- color: #f3580d;
2407
- color: var(--aquarium-colors-secondary-80, #f3580d);
3006
+ .text-secondary-5{
3007
+ color: #fff3e8;
3008
+ color: var(--aquarium-colors-secondary-5);
2408
3009
  }
2409
- .text-secondary-70{
2410
- color: #f96a02;
2411
- color: var(--aquarium-colors-secondary-70, #f96a02);
3010
+ .text-secondary-10{
3011
+ color: #fee8d0;
3012
+ color: var(--aquarium-colors-secondary-10);
2412
3013
  }
2413
- .text-secondary-60{
2414
- color: #ff7700;
2415
- color: var(--aquarium-colors-secondary-60, #ff7700);
3014
+ .text-secondary-20{
3015
+ color: #f8c99c;
3016
+ color: var(--aquarium-colors-secondary-20);
2416
3017
  }
2417
- .text-secondary-50{
2418
- color: #fc871a;
2419
- color: var(--aquarium-colors-secondary-50, #fc871a);
3018
+ .text-secondary-30{
3019
+ color: #fab26e;
3020
+ color: var(--aquarium-colors-secondary-30);
2420
3021
  }
2421
3022
  .text-secondary-40{
2422
3023
  color: #fb9a3e;
2423
- color: var(--aquarium-colors-secondary-40, #fb9a3e);
3024
+ color: var(--aquarium-colors-secondary-40);
2424
3025
  }
2425
- .text-secondary-30{
2426
- color: #fab26e;
2427
- color: var(--aquarium-colors-secondary-30, #fab26e);
3026
+ .text-secondary-50{
3027
+ color: #fc871a;
3028
+ color: var(--aquarium-colors-secondary-50);
2428
3029
  }
2429
- .text-secondary-20{
2430
- color: #f8c99c;
2431
- color: var(--aquarium-colors-secondary-20, #f8c99c);
3030
+ .text-secondary-60{
3031
+ color: #ff7700;
3032
+ color: var(--aquarium-colors-secondary-60);
2432
3033
  }
2433
- .text-secondary-10{
2434
- color: #fee8d0;
2435
- color: var(--aquarium-colors-secondary-10, #fee8d0);
3034
+ .text-secondary-70{
3035
+ color: #f96a02;
3036
+ color: var(--aquarium-colors-secondary-70);
2436
3037
  }
2437
- .text-secondary-5{
2438
- color: #fff3e8;
2439
- color: var(--aquarium-colors-secondary-5, #fff3e8);
3038
+ .text-secondary-80{
3039
+ color: #f3580d;
3040
+ color: var(--aquarium-colors-secondary-80);
2440
3041
  }
2441
- .text-secondary-0{
2442
- color: #fffbf8;
2443
- color: var(--aquarium-colors-secondary-0, #fffbf8);
3042
+ .text-secondary-90{
3043
+ color: #eb4610;
3044
+ color: var(--aquarium-colors-secondary-90);
2444
3045
  }
2445
- .text-primary-100{
2446
- color: #0e1652;
2447
- color: var(--aquarium-colors-primary-100, #0e1652);
3046
+ .text-secondary-100{
3047
+ color: #e11d16;
3048
+ color: var(--aquarium-colors-secondary-100);
2448
3049
  }
2449
- .text-primary-90{
2450
- color: #222f95;
2451
- color: var(--aquarium-colors-primary-90, #222f95);
3050
+ .text-primary-0{
3051
+ color: #ffffff;
3052
+ color: var(--aquarium-colors-primary-0);
2452
3053
  }
2453
- .text-primary-80{
2454
- color: #3545be;
2455
- color: var(--aquarium-colors-primary-80, #3545be);
3054
+ .text-primary-5{
3055
+ color: #f3f6ff;
3056
+ color: var(--aquarium-colors-primary-5);
2456
3057
  }
2457
- .text-primary-70{
2458
- color: #5865cd;
2459
- color: var(--aquarium-colors-primary-70, #5865cd);
3058
+ .text-primary-10{
3059
+ color: #e3e9ff;
3060
+ color: var(--aquarium-colors-primary-10);
2460
3061
  }
2461
- .text-primary-60{
2462
- color: #818eec;
2463
- color: var(--aquarium-colors-primary-60, #818eec);
3062
+ .text-primary-20{
3063
+ color: #d5ddfa;
3064
+ color: var(--aquarium-colors-primary-20);
2464
3065
  }
2465
- .text-primary-50{
2466
- color: #9daaee;
2467
- color: var(--aquarium-colors-primary-50, #9daaee);
3066
+ .text-primary-30{
3067
+ color: #c7d1f4;
3068
+ color: var(--aquarium-colors-primary-30);
2468
3069
  }
2469
3070
  .text-primary-40{
2470
3071
  color: #b9c5ef;
2471
- color: var(--aquarium-colors-primary-40, #b9c5ef);
3072
+ color: var(--aquarium-colors-primary-40);
2472
3073
  }
2473
- .text-primary-30{
2474
- color: #c7d1f4;
2475
- color: var(--aquarium-colors-primary-30, #c7d1f4);
3074
+ .text-primary-50{
3075
+ color: #9daaee;
3076
+ color: var(--aquarium-colors-primary-50);
2476
3077
  }
2477
- .text-primary-20{
2478
- color: #d5ddfa;
2479
- color: var(--aquarium-colors-primary-20, #d5ddfa);
3078
+ .text-primary-60{
3079
+ color: #818eec;
3080
+ color: var(--aquarium-colors-primary-60);
2480
3081
  }
2481
- .text-primary-10{
2482
- color: #e3e9ff;
2483
- color: var(--aquarium-colors-primary-10, #e3e9ff);
3082
+ .text-primary-70{
3083
+ color: #5865cd;
3084
+ color: var(--aquarium-colors-primary-70);
2484
3085
  }
2485
- .text-primary-5{
2486
- color: #f3f6ff;
2487
- color: var(--aquarium-colors-primary-5, #f3f6ff);
3086
+ .text-primary-80{
3087
+ color: #3545be;
3088
+ color: var(--aquarium-colors-primary-80);
2488
3089
  }
2489
- .text-primary-0{
2490
- color: #ffffff;
2491
- color: var(--aquarium-colors-primary-0, #ffffff);
3090
+ .text-primary-90{
3091
+ color: #222f95;
3092
+ color: var(--aquarium-colors-primary-90);
3093
+ }
3094
+ .text-primary-100{
3095
+ color: #0e1652;
3096
+ color: var(--aquarium-colors-primary-100);
2492
3097
  }
2493
3098
  .text-inactive{
2494
3099
  color: #9696a0;
@@ -2590,14 +3195,6 @@ input[type='number'].no-arrows {
2590
3195
  color: #c50001;
2591
3196
  color: var(--aquarium-text-color-danger-intense);
2592
3197
  }
2593
- .text-transparent{
2594
- color: transparent;
2595
- color: var(--aquarium-colors-transparent, transparent);
2596
- }
2597
- .text-white{
2598
- color: white;
2599
- color: var(--aquarium-colors-white, white);
2600
- }
2601
3198
  .underline{
2602
3199
  -webkit-text-decoration-line: underline;
2603
3200
  text-decoration-line: underline;
@@ -2625,14 +3222,14 @@ input[type='number'].no-arrows {
2625
3222
  opacity: 0;
2626
3223
  }
2627
3224
  .shadow-16dp{
2628
- --tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
2629
- --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
3225
+ --tw-shadow: var(--aquarium-box-shadow-16dp);
3226
+ --tw-shadow-colored: var(--aquarium-box-shadow-16dp);
2630
3227
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2631
3228
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2632
3229
  }
2633
3230
  .shadow-4dp{
2634
- --tw-shadow: var(--aquarium-box-shadow-4dp, 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20));
2635
- --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
3231
+ --tw-shadow: var(--aquarium-box-shadow-4dp);
3232
+ --tw-shadow-colored: var(--aquarium-box-shadow-4dp);
2636
3233
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2637
3234
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2638
3235
  }
@@ -2654,7 +3251,7 @@ input[type='number'].no-arrows {
2654
3251
  }
2655
3252
  .ring{
2656
3253
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2657
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3254
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2658
3255
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2659
3256
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2660
3257
  }
@@ -2662,7 +3259,7 @@ input[type='number'].no-arrows {
2662
3259
  --tw-ring-inset: inset;
2663
3260
  }
2664
3261
  .ring-primary-80{
2665
- --tw-ring-color: var(--aquarium-colors-primary-80, #3545be);
3262
+ --tw-ring-color: var(--aquarium-colors-primary-80);
2666
3263
  }
2667
3264
  .ring-offset-0{
2668
3265
  --tw-ring-offset-width: 0px;
@@ -2789,10 +3386,11 @@ input[type='number'].no-arrows {
2789
3386
  content: var(--tw-content);
2790
3387
  }
2791
3388
  .first\:mt-0:first-child{
2792
- margin-top: 0;
3389
+ margin-top: 0px;
2793
3390
  }
2794
3391
  .last\:border-r-0:last-child{
2795
3392
  border-right-width: 0px;
3393
+ border-right-width: var(--aquarium-border-width-0);
2796
3394
  }
2797
3395
  .visited\:text-primary-intense:visited{
2798
3396
  color: #3545be;
@@ -2804,7 +3402,7 @@ input[type='number'].no-arrows {
2804
3402
  }
2805
3403
  .checked\:border-transparent:checked{
2806
3404
  border-color: transparent;
2807
- border-color: var(--aquarium-colors-transparent, transparent);
3405
+ border-color: var(--aquarium-colors-transparent);
2808
3406
  }
2809
3407
  .checked\:bg-primary-default:checked{
2810
3408
  background-color: #3545be;
@@ -2818,8 +3416,8 @@ input[type='number'].no-arrows {
2818
3416
  opacity: 0.5;
2819
3417
  }
2820
3418
  .checked\:shadow-whiteInset:checked{
2821
- --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
2822
- --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
3419
+ --tw-shadow: var(--aquarium-box-shadow-white-inset);
3420
+ --tw-shadow-colored: var(--aquarium-box-shadow-white-inset);
2823
3421
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2824
3422
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2825
3423
  }
@@ -2852,6 +3450,7 @@ input[type='number'].no-arrows {
2852
3450
  }
2853
3451
  .hover\:bg-icon-button-hover:hover{
2854
3452
  background-color: rgba(25,25,29,.05);
3453
+ background-color: var(--aquarium-background-color-icon-button-hover);
2855
3454
  }
2856
3455
  .hover\:bg-danger-muted:hover{
2857
3456
  background-color: #ffcbd2;
@@ -2878,7 +3477,7 @@ input[type='number'].no-arrows {
2878
3477
  text-decoration-line: underline;
2879
3478
  }
2880
3479
  .hover\:ring-primary-90:hover{
2881
- --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
3480
+ --tw-ring-color: var(--aquarium-colors-primary-90);
2882
3481
  }
2883
3482
  .hover\:checked\:bg-primary-intense:checked:hover{
2884
3483
  background-color: #222f95;
@@ -2890,7 +3489,7 @@ input[type='number'].no-arrows {
2890
3489
  }
2891
3490
  .focus\:border-transparent:focus{
2892
3491
  border-color: transparent;
2893
- border-color: var(--aquarium-colors-transparent, transparent);
3492
+ border-color: var(--aquarium-colors-transparent);
2894
3493
  }
2895
3494
  .focus\:bg-danger-default:focus{
2896
3495
  background-color: #ffadb3;
@@ -3011,22 +3610,22 @@ input[type='number'].no-arrows {
3011
3610
  --tw-ring-inset: inset;
3012
3611
  }
3013
3612
  .focus-visible\:ring-primary-100.focus-visible{
3014
- --tw-ring-color: var(--aquarium-colors-primary-100, #0e1652);
3613
+ --tw-ring-color: var(--aquarium-colors-primary-100);
3015
3614
  }
3016
3615
  .focus-visible\:ring-primary-100:focus-visible{
3017
- --tw-ring-color: var(--aquarium-colors-primary-100, #0e1652);
3616
+ --tw-ring-color: var(--aquarium-colors-primary-100);
3018
3617
  }
3019
3618
  .focus-visible\:ring-primary-90.focus-visible{
3020
- --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
3619
+ --tw-ring-color: var(--aquarium-colors-primary-90);
3021
3620
  }
3022
3621
  .focus-visible\:ring-primary-90:focus-visible{
3023
- --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
3622
+ --tw-ring-color: var(--aquarium-colors-primary-90);
3024
3623
  }
3025
3624
  .focus-visible\:ring-info-70.focus-visible{
3026
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
3625
+ --tw-ring-color: var(--aquarium-colors-info-70);
3027
3626
  }
3028
3627
  .focus-visible\:ring-info-70:focus-visible{
3029
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
3628
+ --tw-ring-color: var(--aquarium-colors-info-70);
3030
3629
  }
3031
3630
  .focus-visible\:ring-offset-0.focus-visible{
3032
3631
  --tw-ring-offset-width: 0px;
@@ -3048,7 +3647,7 @@ input[type='number'].no-arrows {
3048
3647
  }
3049
3648
  .active\:bg-transparent:active{
3050
3649
  background-color: transparent;
3051
- background-color: var(--aquarium-colors-transparent, transparent);
3650
+ background-color: var(--aquarium-colors-transparent);
3052
3651
  }
3053
3652
  .active\:text-primary-active:active{
3054
3653
  color: #222f95;
@@ -3073,7 +3672,7 @@ input[type='number'].no-arrows {
3073
3672
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3074
3673
  }
3075
3674
  .active\:ring-primary-90:active{
3076
- --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
3675
+ --tw-ring-color: var(--aquarium-colors-primary-90);
3077
3676
  }
3078
3677
  .disabled\:cursor-not-allowed:disabled{
3079
3678
  cursor: not-allowed;
@@ -3096,7 +3695,7 @@ input[type='number'].no-arrows {
3096
3695
  }
3097
3696
  .disabled\:bg-transparent:disabled{
3098
3697
  background-color: transparent;
3099
- background-color: var(--aquarium-colors-transparent, transparent);
3698
+ background-color: var(--aquarium-colors-transparent);
3100
3699
  }
3101
3700
  .disabled\:bg-muted:disabled{
3102
3701
  background-color: #f7f7fa;
@@ -3111,10 +3710,11 @@ input[type='number'].no-arrows {
3111
3710
  color: var(--aquarium-text-color-primary-inactive);
3112
3711
  }
3113
3712
  .disabled\:ring-primary-40:disabled{
3114
- --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
3713
+ --tw-ring-color: var(--aquarium-colors-primary-40);
3115
3714
  }
3116
3715
  .group:last-of-type .group-last-of-type\:border-b-0{
3117
3716
  border-bottom-width: 0px;
3717
+ border-bottom-width: var(--aquarium-border-width-0);
3118
3718
  }
3119
3719
  .group:hover .group-hover\:visible{
3120
3720
  visibility: visible;
@@ -3139,11 +3739,11 @@ input[type='number'].no-arrows {
3139
3739
  }
3140
3740
  .peer:checked~.peer-checked\:border-transparent{
3141
3741
  border-color: transparent;
3142
- border-color: var(--aquarium-colors-transparent, transparent);
3742
+ border-color: var(--aquarium-colors-transparent);
3143
3743
  }
3144
3744
  .peer:checked~.peer-checked\:text-white{
3145
3745
  color: white;
3146
- color: var(--aquarium-colors-white, white);
3746
+ color: var(--aquarium-colors-white);
3147
3747
  }
3148
3748
  .peer:checked~.peer-checked\:text-primary-default{
3149
3749
  color: #5865cd;
@@ -3177,21 +3777,22 @@ input[type='number'].no-arrows {
3177
3777
  }
3178
3778
  .children\:last\:border-b-0:last-child>*{
3179
3779
  border-bottom-width: 0px;
3780
+ border-bottom-width: var(--aquarium-border-width-0);
3180
3781
  }
3181
3782
  .\[\&\>path\]\:stroke-transparent>path{
3182
3783
  stroke: transparent;
3183
- stroke: var(--aquarium-colors-transparent, transparent);
3784
+ stroke: var(--aquarium-colors-transparent);
3184
3785
  }
3185
3786
  .\[\&\>path\]\:stroke-\[3px\]>path{
3186
3787
  stroke-width: 3px;
3187
3788
  }
3188
3789
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
3189
3790
  stroke: white;
3190
- stroke: var(--aquarium-colors-white, white);
3791
+ stroke: var(--aquarium-colors-white);
3191
3792
  }
3192
3793
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
3193
3794
  stroke: #5865cd;
3194
- stroke: var(--aquarium-colors-primary-70, #5865cd);
3795
+ stroke: var(--aquarium-colors-primary-70);
3195
3796
  }
3196
3797
  .\[\&\>\*\]\:bg-primary-active>*{
3197
3798
  background-color: #f3f6ff;
@@ -3202,7 +3803,7 @@ input[type='number'].no-arrows {
3202
3803
  background-color: var(--aquarium-background-color-muted);
3203
3804
  }
3204
3805
  .\[\&\>button\]\:p-0>button{
3205
- padding: 0;
3806
+ padding: 0px;
3206
3807
  }
3207
3808
  .\[\&\>button\]\:text-muted>button{
3208
3809
  color: #787885;