@aivenio/aquarium 1.73.0 → 1.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  @import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap';
4
4
  @import 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap';
5
+ @import 'https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap';
5
6
  /*
6
7
  ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
7
8
  */
@@ -418,91 +419,91 @@ img,video {
418
419
  --aquarium-elevations-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
419
420
  --aquarium-elevations-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
420
421
  --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);
422
- --aquarium-colors-primary-100: #0e1652;
423
- --aquarium-colors-primary-90: #222f95;
424
- --aquarium-colors-primary-80: #3545be;
425
- --aquarium-colors-primary-70: #5865cd;
426
- --aquarium-colors-primary-60: #818eec;
427
- --aquarium-colors-primary-50: #9daaee;
428
- --aquarium-colors-primary-40: #b9c5ef;
429
- --aquarium-colors-primary-30: #c7d1f4;
430
- --aquarium-colors-primary-20: #d5ddfa;
431
- --aquarium-colors-primary-10: #e3e9ff;
432
- --aquarium-colors-primary-5: #f3f6ff;
433
- --aquarium-colors-primary-0: #ffffff;
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;
422
+ --aquarium-box-shadow-body-inset: inset 0 0 0 3px var(--aquarium-background-color-body);
423
+ --aquarium-colors-primary-100: rgba(14,22,82,1);
424
+ --aquarium-colors-primary-90: rgba(34,47,149,1);
425
+ --aquarium-colors-primary-80: rgba(53,69,190,1);
426
+ --aquarium-colors-primary-70: rgba(88,101,205,1);
427
+ --aquarium-colors-primary-60: rgba(129,142,236,1);
428
+ --aquarium-colors-primary-50: rgba(157,170,238,1);
429
+ --aquarium-colors-primary-40: rgba(185,197,239,1);
430
+ --aquarium-colors-primary-30: rgba(199,209,244,1);
431
+ --aquarium-colors-primary-20: rgba(213,221,250,1);
432
+ --aquarium-colors-primary-10: rgba(227,233,255,1);
433
+ --aquarium-colors-primary-5: rgba(243,246,255,1);
434
+ --aquarium-colors-primary-0: rgba(255,255,255,1);
435
+ --aquarium-colors-secondary-100: rgba(225,29,22,1);
436
+ --aquarium-colors-secondary-90: rgba(235,70,16,1);
437
+ --aquarium-colors-secondary-80: rgba(243,88,13,1);
438
+ --aquarium-colors-secondary-70: rgba(249,106,2,1);
439
+ --aquarium-colors-secondary-60: rgba(255,119,0,1);
440
+ --aquarium-colors-secondary-50: rgba(252,135,26,1);
441
+ --aquarium-colors-secondary-40: rgba(251,154,62,1);
442
+ --aquarium-colors-secondary-30: rgba(250,178,110,1);
443
+ --aquarium-colors-secondary-20: rgba(248,201,156,1);
444
+ --aquarium-colors-secondary-10: rgba(254,232,208,1);
445
+ --aquarium-colors-secondary-5: rgba(255,243,232,1);
446
+ --aquarium-colors-secondary-0: rgba(255,251,248,1);
447
+ --aquarium-colors-grey-100: rgba(25,25,29,1);
448
+ --aquarium-colors-grey-90: rgba(41,42,49,1);
449
+ --aquarium-colors-grey-80: rgba(58,58,68,1);
450
+ --aquarium-colors-grey-70: rgba(74,75,87,1);
451
+ --aquarium-colors-grey-60: rgba(90,91,106,1);
452
+ --aquarium-colors-grey-50: rgba(120,120,133,1);
453
+ --aquarium-colors-grey-40: rgba(150,150,160,1);
454
+ --aquarium-colors-grey-30: rgba(180,180,187,1);
455
+ --aquarium-colors-grey-20: rgba(210,210,214,1);
456
+ --aquarium-colors-grey-10: rgba(225,225,227,1);
457
+ --aquarium-colors-grey-5: rgba(237,237,240,1);
458
+ --aquarium-colors-grey-0: rgba(247,247,250,1);
459
+ --aquarium-colors-info-100: rgba(2,86,154,1);
460
+ --aquarium-colors-info-90: rgba(1,116,186,1);
461
+ --aquarium-colors-info-80: rgba(7,136,209,1);
462
+ --aquarium-colors-info-70: rgba(3,153,227,1);
463
+ --aquarium-colors-info-60: rgba(2,168,243,1);
464
+ --aquarium-colors-info-50: rgba(40,180,244,1);
465
+ --aquarium-colors-info-40: rgba(76,194,247,1);
466
+ --aquarium-colors-info-30: rgba(127,209,247,1);
467
+ --aquarium-colors-info-20: rgba(180,229,251,1);
468
+ --aquarium-colors-info-10: rgba(224,245,254,1);
469
+ --aquarium-colors-info-5: rgba(239,250,255,1);
470
+ --aquarium-colors-info-0: rgba(249,253,255,1);
471
+ --aquarium-colors-success-100: rgba(0,111,0,1);
472
+ --aquarium-colors-success-90: rgba(0,142,0,1);
473
+ --aquarium-colors-success-80: rgba(0,159,0,1);
474
+ --aquarium-colors-success-70: rgba(0,179,0,1);
475
+ --aquarium-colors-success-60: rgba(0,195,0,1);
476
+ --aquarium-colors-success-50: rgba(64,206,55,1);
477
+ --aquarium-colors-success-40: rgba(96,219,87,1);
478
+ --aquarium-colors-success-30: rgba(137,235,128,1);
479
+ --aquarium-colors-success-20: rgba(175,255,167,1);
480
+ --aquarium-colors-success-10: rgba(203,255,201,1);
481
+ --aquarium-colors-success-5: rgba(236,247,237,1);
482
+ --aquarium-colors-success-0: rgba(245,250,245,1);
483
+ --aquarium-colors-warning-100: rgba(254,109,0,1);
484
+ --aquarium-colors-warning-90: rgba(255,144,3,1);
485
+ --aquarium-colors-warning-80: rgba(253,159,0,1);
486
+ --aquarium-colors-warning-70: rgba(255,179,0,1);
487
+ --aquarium-colors-warning-60: rgba(255,193,7,1);
488
+ --aquarium-colors-warning-50: rgba(253,201,38,1);
489
+ --aquarium-colors-warning-40: rgba(253,212,77,1);
490
+ --aquarium-colors-warning-30: rgba(253,223,129,1);
491
+ --aquarium-colors-warning-20: rgba(254,235,178,1);
492
+ --aquarium-colors-warning-10: rgba(255,242,205,1);
493
+ --aquarium-colors-warning-5: rgba(255,248,234,1);
494
+ --aquarium-colors-warning-0: rgba(255,253,249,1);
495
+ --aquarium-colors-error-100: rgba(170,0,0,1);
496
+ --aquarium-colors-error-90: rgba(185,0,0,1);
497
+ --aquarium-colors-error-80: rgba(197,0,1,1);
498
+ --aquarium-colors-error-70: rgba(216,0,5,1);
499
+ --aquarium-colors-error-60: rgba(231,0,0,1);
500
+ --aquarium-colors-error-50: rgba(230,39,40,1);
501
+ --aquarium-colors-error-40: rgba(224,80,79,1);
502
+ --aquarium-colors-error-30: rgba(237,121,117,1);
503
+ --aquarium-colors-error-20: rgba(255,173,179,1);
504
+ --aquarium-colors-error-10: rgba(255,203,210,1);
505
+ --aquarium-colors-error-5: rgba(254,232,231,1);
506
+ --aquarium-colors-error-0: rgba(254,242,241,1);
506
507
  --aquarium-colors-current: currentColor;
507
508
  --aquarium-colors-transparent: transparent;
508
509
  --aquarium-colors-black: black;
@@ -567,6 +568,7 @@ img,video {
567
568
  --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-60);
568
569
  --aquarium-text-color-primary-active: var(--aquarium-colors-primary-90);
569
570
  --aquarium-text-color-primary-inactive: var(--aquarium-colors-primary-40);
571
+ --aquarium-text-color-opposite-default: var(--aquarium-colors-white);
570
572
  --aquarium-text-color-intense: var(--aquarium-colors-grey-90);
571
573
  --aquarium-text-color-default: var(--aquarium-colors-grey-70);
572
574
  --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
@@ -627,7 +629,7 @@ input[type='number'].no-arrows {
627
629
  }
628
630
  .recharts-cartesian-axis-tick-value,.recharts-label{
629
631
  font: normal 400 12px/1.26 Inter;
630
- fill: #787885;
632
+ fill: rgba(120,120,133,1);
631
633
  fill: var(--aquarium-colors-grey-50);
632
634
  }
633
635
  .recharts-label{
@@ -638,7 +640,7 @@ input[type='number'].no-arrows {
638
640
  }
639
641
  .recharts-tooltip-wrapper{
640
642
  font: normal 400 16px/1.5 Inter;
641
- color: #4a4b57;
643
+ color: rgba(74,75,87,1);
642
644
  color: var(--aquarium-text-color-default);
643
645
  outline: 2px solid transparent;
644
646
  outline-offset: 2px;
@@ -663,7 +665,7 @@ input[type='number'].no-arrows {
663
665
  height: 14px;
664
666
  }
665
667
  .recharts-tooltip-item>span{
666
- color: #4a4b57;
668
+ color: rgba(74,75,87,1);
667
669
  color: var(--aquarium-text-color-default);
668
670
  }
669
671
  .recharts-tooltip-item-name{
@@ -688,7 +690,7 @@ input[type='number'].no-arrows {
688
690
  .recharts-legend-item-text{
689
691
  margin-left: 2px;
690
692
  margin-right: 0px !important;
691
- color: #4a4b57 !important;
693
+ color: rgba(74,75,87,1) !important;
692
694
  color: var(--aquarium-text-color-default) !important;
693
695
  }
694
696
  .recharts-sector.inactive,.recharts-rectangle.inactive{
@@ -801,6 +803,12 @@ input[type='number'].no-arrows {
801
803
  .typography-caption{
802
804
  font: normal 400 12px/1.26 Inter;
803
805
  }
806
+ .typography-code{
807
+ font: normal 400 16px/1.5 Source Code Pro;
808
+ }
809
+ .typography-code-strong{
810
+ font: normal 600 16px/1.5 Source Code Pro;
811
+ }
804
812
  .typography-caption-small{
805
813
  font: normal 400 10px/1.2 Inter;
806
814
  }
@@ -1501,7 +1509,7 @@ input[type='number'].no-arrows {
1501
1509
  border-left-width: calc(var(--aquarium-border-width-default) * calc(1 - var(--tw-divide-x-reverse)));
1502
1510
  }
1503
1511
  .divide-grey-20>:not([hidden])~:not([hidden]){
1504
- border-color: #d2d2d6;
1512
+ border-color: rgba(210,210,214,1);
1505
1513
  border-color: var(--aquarium-colors-grey-20);
1506
1514
  }
1507
1515
  .self-start{
@@ -1622,411 +1630,411 @@ input[type='number'].no-arrows {
1622
1630
  border-color: var(--aquarium-colors-current);
1623
1631
  }
1624
1632
  .border-error-0{
1625
- border-color: #fef2f1;
1633
+ border-color: rgba(254,242,241,1);
1626
1634
  border-color: var(--aquarium-colors-error-0);
1627
1635
  }
1628
1636
  .border-error-5{
1629
- border-color: #fee8e7;
1637
+ border-color: rgba(254,232,231,1);
1630
1638
  border-color: var(--aquarium-colors-error-5);
1631
1639
  }
1632
1640
  .border-error-10{
1633
- border-color: #ffcbd2;
1641
+ border-color: rgba(255,203,210,1);
1634
1642
  border-color: var(--aquarium-colors-error-10);
1635
1643
  }
1636
1644
  .border-error-20{
1637
- border-color: #ffadb3;
1645
+ border-color: rgba(255,173,179,1);
1638
1646
  border-color: var(--aquarium-colors-error-20);
1639
1647
  }
1640
1648
  .border-error-30{
1641
- border-color: #ed7975;
1649
+ border-color: rgba(237,121,117,1);
1642
1650
  border-color: var(--aquarium-colors-error-30);
1643
1651
  }
1644
1652
  .border-error-40{
1645
- border-color: #e0504f;
1653
+ border-color: rgba(224,80,79,1);
1646
1654
  border-color: var(--aquarium-colors-error-40);
1647
1655
  }
1648
1656
  .border-error-50{
1649
- border-color: #e62728;
1657
+ border-color: rgba(230,39,40,1);
1650
1658
  border-color: var(--aquarium-colors-error-50);
1651
1659
  }
1652
1660
  .border-error-60{
1653
- border-color: #e70000;
1661
+ border-color: rgba(231,0,0,1);
1654
1662
  border-color: var(--aquarium-colors-error-60);
1655
1663
  }
1656
1664
  .border-error-70{
1657
- border-color: #d80005;
1665
+ border-color: rgba(216,0,5,1);
1658
1666
  border-color: var(--aquarium-colors-error-70);
1659
1667
  }
1660
1668
  .border-error-80{
1661
- border-color: #c50001;
1669
+ border-color: rgba(197,0,1,1);
1662
1670
  border-color: var(--aquarium-colors-error-80);
1663
1671
  }
1664
1672
  .border-error-90{
1665
- border-color: #b90000;
1673
+ border-color: rgba(185,0,0,1);
1666
1674
  border-color: var(--aquarium-colors-error-90);
1667
1675
  }
1668
1676
  .border-error-100{
1669
- border-color: #aa0000;
1677
+ border-color: rgba(170,0,0,1);
1670
1678
  border-color: var(--aquarium-colors-error-100);
1671
1679
  }
1672
1680
  .border-warning-0{
1673
- border-color: #fffdf9;
1681
+ border-color: rgba(255,253,249,1);
1674
1682
  border-color: var(--aquarium-colors-warning-0);
1675
1683
  }
1676
1684
  .border-warning-5{
1677
- border-color: #fff8ea;
1685
+ border-color: rgba(255,248,234,1);
1678
1686
  border-color: var(--aquarium-colors-warning-5);
1679
1687
  }
1680
1688
  .border-warning-10{
1681
- border-color: #fff2cd;
1689
+ border-color: rgba(255,242,205,1);
1682
1690
  border-color: var(--aquarium-colors-warning-10);
1683
1691
  }
1684
1692
  .border-warning-20{
1685
- border-color: #feebb2;
1693
+ border-color: rgba(254,235,178,1);
1686
1694
  border-color: var(--aquarium-colors-warning-20);
1687
1695
  }
1688
1696
  .border-warning-30{
1689
- border-color: #fddf81;
1697
+ border-color: rgba(253,223,129,1);
1690
1698
  border-color: var(--aquarium-colors-warning-30);
1691
1699
  }
1692
1700
  .border-warning-40{
1693
- border-color: #fdd44d;
1701
+ border-color: rgba(253,212,77,1);
1694
1702
  border-color: var(--aquarium-colors-warning-40);
1695
1703
  }
1696
1704
  .border-warning-50{
1697
- border-color: #fdc926;
1705
+ border-color: rgba(253,201,38,1);
1698
1706
  border-color: var(--aquarium-colors-warning-50);
1699
1707
  }
1700
1708
  .border-warning-60{
1701
- border-color: #ffc107;
1709
+ border-color: rgba(255,193,7,1);
1702
1710
  border-color: var(--aquarium-colors-warning-60);
1703
1711
  }
1704
1712
  .border-warning-70{
1705
- border-color: #ffb300;
1713
+ border-color: rgba(255,179,0,1);
1706
1714
  border-color: var(--aquarium-colors-warning-70);
1707
1715
  }
1708
1716
  .border-warning-80{
1709
- border-color: #fd9f00;
1717
+ border-color: rgba(253,159,0,1);
1710
1718
  border-color: var(--aquarium-colors-warning-80);
1711
1719
  }
1712
1720
  .border-warning-90{
1713
- border-color: #ff9003;
1721
+ border-color: rgba(255,144,3,1);
1714
1722
  border-color: var(--aquarium-colors-warning-90);
1715
1723
  }
1716
1724
  .border-warning-100{
1717
- border-color: #fe6d00;
1725
+ border-color: rgba(254,109,0,1);
1718
1726
  border-color: var(--aquarium-colors-warning-100);
1719
1727
  }
1720
1728
  .border-success-0{
1721
- border-color: #f5faf5;
1729
+ border-color: rgba(245,250,245,1);
1722
1730
  border-color: var(--aquarium-colors-success-0);
1723
1731
  }
1724
1732
  .border-success-5{
1725
- border-color: #ecf7ed;
1733
+ border-color: rgba(236,247,237,1);
1726
1734
  border-color: var(--aquarium-colors-success-5);
1727
1735
  }
1728
1736
  .border-success-10{
1729
- border-color: #cbffc9;
1737
+ border-color: rgba(203,255,201,1);
1730
1738
  border-color: var(--aquarium-colors-success-10);
1731
1739
  }
1732
1740
  .border-success-20{
1733
- border-color: #afffa7;
1741
+ border-color: rgba(175,255,167,1);
1734
1742
  border-color: var(--aquarium-colors-success-20);
1735
1743
  }
1736
1744
  .border-success-30{
1737
- border-color: #89eb80;
1745
+ border-color: rgba(137,235,128,1);
1738
1746
  border-color: var(--aquarium-colors-success-30);
1739
1747
  }
1740
1748
  .border-success-40{
1741
- border-color: #60db57;
1749
+ border-color: rgba(96,219,87,1);
1742
1750
  border-color: var(--aquarium-colors-success-40);
1743
1751
  }
1744
1752
  .border-success-50{
1745
- border-color: #40ce37;
1753
+ border-color: rgba(64,206,55,1);
1746
1754
  border-color: var(--aquarium-colors-success-50);
1747
1755
  }
1748
1756
  .border-success-60{
1749
- border-color: #00c300;
1757
+ border-color: rgba(0,195,0,1);
1750
1758
  border-color: var(--aquarium-colors-success-60);
1751
1759
  }
1752
1760
  .border-success-70{
1753
- border-color: #00b300;
1761
+ border-color: rgba(0,179,0,1);
1754
1762
  border-color: var(--aquarium-colors-success-70);
1755
1763
  }
1756
1764
  .border-success-80{
1757
- border-color: #009f00;
1765
+ border-color: rgba(0,159,0,1);
1758
1766
  border-color: var(--aquarium-colors-success-80);
1759
1767
  }
1760
1768
  .border-success-90{
1761
- border-color: #008e00;
1769
+ border-color: rgba(0,142,0,1);
1762
1770
  border-color: var(--aquarium-colors-success-90);
1763
1771
  }
1764
1772
  .border-success-100{
1765
- border-color: #006f00;
1773
+ border-color: rgba(0,111,0,1);
1766
1774
  border-color: var(--aquarium-colors-success-100);
1767
1775
  }
1768
1776
  .border-info-0{
1769
- border-color: #f9fdff;
1777
+ border-color: rgba(249,253,255,1);
1770
1778
  border-color: var(--aquarium-colors-info-0);
1771
1779
  }
1772
1780
  .border-info-5{
1773
- border-color: #effaff;
1781
+ border-color: rgba(239,250,255,1);
1774
1782
  border-color: var(--aquarium-colors-info-5);
1775
1783
  }
1776
1784
  .border-info-10{
1777
- border-color: #e0f5fe;
1785
+ border-color: rgba(224,245,254,1);
1778
1786
  border-color: var(--aquarium-colors-info-10);
1779
1787
  }
1780
1788
  .border-info-20{
1781
- border-color: #b4e5fb;
1789
+ border-color: rgba(180,229,251,1);
1782
1790
  border-color: var(--aquarium-colors-info-20);
1783
1791
  }
1784
1792
  .border-info-30{
1785
- border-color: #7fd1f7;
1793
+ border-color: rgba(127,209,247,1);
1786
1794
  border-color: var(--aquarium-colors-info-30);
1787
1795
  }
1788
1796
  .border-info-40{
1789
- border-color: #4cc2f7;
1797
+ border-color: rgba(76,194,247,1);
1790
1798
  border-color: var(--aquarium-colors-info-40);
1791
1799
  }
1792
1800
  .border-info-50{
1793
- border-color: #28b4f4;
1801
+ border-color: rgba(40,180,244,1);
1794
1802
  border-color: var(--aquarium-colors-info-50);
1795
1803
  }
1796
1804
  .border-info-60{
1797
- border-color: #02a8f3;
1805
+ border-color: rgba(2,168,243,1);
1798
1806
  border-color: var(--aquarium-colors-info-60);
1799
1807
  }
1800
1808
  .border-info-70{
1801
- border-color: #0399e3;
1809
+ border-color: rgba(3,153,227,1);
1802
1810
  border-color: var(--aquarium-colors-info-70);
1803
1811
  }
1804
1812
  .border-info-80{
1805
- border-color: #0788d1;
1813
+ border-color: rgba(7,136,209,1);
1806
1814
  border-color: var(--aquarium-colors-info-80);
1807
1815
  }
1808
1816
  .border-info-90{
1809
- border-color: #0174ba;
1817
+ border-color: rgba(1,116,186,1);
1810
1818
  border-color: var(--aquarium-colors-info-90);
1811
1819
  }
1812
1820
  .border-info-100{
1813
- border-color: #02569a;
1821
+ border-color: rgba(2,86,154,1);
1814
1822
  border-color: var(--aquarium-colors-info-100);
1815
1823
  }
1816
1824
  .border-grey-0{
1817
- border-color: #f7f7fa;
1825
+ border-color: rgba(247,247,250,1);
1818
1826
  border-color: var(--aquarium-colors-grey-0);
1819
1827
  }
1820
1828
  .border-grey-5{
1821
- border-color: #ededf0;
1829
+ border-color: rgba(237,237,240,1);
1822
1830
  border-color: var(--aquarium-colors-grey-5);
1823
1831
  }
1824
1832
  .border-grey-10{
1825
- border-color: #e1e1e3;
1833
+ border-color: rgba(225,225,227,1);
1826
1834
  border-color: var(--aquarium-colors-grey-10);
1827
1835
  }
1828
1836
  .border-grey-20{
1829
- border-color: #d2d2d6;
1837
+ border-color: rgba(210,210,214,1);
1830
1838
  border-color: var(--aquarium-colors-grey-20);
1831
1839
  }
1832
1840
  .border-grey-30{
1833
- border-color: #b4b4bb;
1841
+ border-color: rgba(180,180,187,1);
1834
1842
  border-color: var(--aquarium-colors-grey-30);
1835
1843
  }
1836
1844
  .border-grey-40{
1837
- border-color: #9696a0;
1845
+ border-color: rgba(150,150,160,1);
1838
1846
  border-color: var(--aquarium-colors-grey-40);
1839
1847
  }
1840
1848
  .border-grey-50{
1841
- border-color: #787885;
1849
+ border-color: rgba(120,120,133,1);
1842
1850
  border-color: var(--aquarium-colors-grey-50);
1843
1851
  }
1844
1852
  .border-grey-60{
1845
- border-color: #5a5b6a;
1853
+ border-color: rgba(90,91,106,1);
1846
1854
  border-color: var(--aquarium-colors-grey-60);
1847
1855
  }
1848
1856
  .border-grey-70{
1849
- border-color: #4a4b57;
1857
+ border-color: rgba(74,75,87,1);
1850
1858
  border-color: var(--aquarium-colors-grey-70);
1851
1859
  }
1852
1860
  .border-grey-80{
1853
- border-color: #3a3a44;
1861
+ border-color: rgba(58,58,68,1);
1854
1862
  border-color: var(--aquarium-colors-grey-80);
1855
1863
  }
1856
1864
  .border-grey-90{
1857
- border-color: #292a31;
1865
+ border-color: rgba(41,42,49,1);
1858
1866
  border-color: var(--aquarium-colors-grey-90);
1859
1867
  }
1860
1868
  .border-grey-100{
1861
- border-color: #19191d;
1869
+ border-color: rgba(25,25,29,1);
1862
1870
  border-color: var(--aquarium-colors-grey-100);
1863
1871
  }
1864
1872
  .border-secondary-0{
1865
- border-color: #fffbf8;
1873
+ border-color: rgba(255,251,248,1);
1866
1874
  border-color: var(--aquarium-colors-secondary-0);
1867
1875
  }
1868
1876
  .border-secondary-5{
1869
- border-color: #fff3e8;
1877
+ border-color: rgba(255,243,232,1);
1870
1878
  border-color: var(--aquarium-colors-secondary-5);
1871
1879
  }
1872
1880
  .border-secondary-10{
1873
- border-color: #fee8d0;
1881
+ border-color: rgba(254,232,208,1);
1874
1882
  border-color: var(--aquarium-colors-secondary-10);
1875
1883
  }
1876
1884
  .border-secondary-20{
1877
- border-color: #f8c99c;
1885
+ border-color: rgba(248,201,156,1);
1878
1886
  border-color: var(--aquarium-colors-secondary-20);
1879
1887
  }
1880
1888
  .border-secondary-30{
1881
- border-color: #fab26e;
1889
+ border-color: rgba(250,178,110,1);
1882
1890
  border-color: var(--aquarium-colors-secondary-30);
1883
1891
  }
1884
1892
  .border-secondary-40{
1885
- border-color: #fb9a3e;
1893
+ border-color: rgba(251,154,62,1);
1886
1894
  border-color: var(--aquarium-colors-secondary-40);
1887
1895
  }
1888
1896
  .border-secondary-50{
1889
- border-color: #fc871a;
1897
+ border-color: rgba(252,135,26,1);
1890
1898
  border-color: var(--aquarium-colors-secondary-50);
1891
1899
  }
1892
1900
  .border-secondary-60{
1893
- border-color: #ff7700;
1901
+ border-color: rgba(255,119,0,1);
1894
1902
  border-color: var(--aquarium-colors-secondary-60);
1895
1903
  }
1896
1904
  .border-secondary-70{
1897
- border-color: #f96a02;
1905
+ border-color: rgba(249,106,2,1);
1898
1906
  border-color: var(--aquarium-colors-secondary-70);
1899
1907
  }
1900
1908
  .border-secondary-80{
1901
- border-color: #f3580d;
1909
+ border-color: rgba(243,88,13,1);
1902
1910
  border-color: var(--aquarium-colors-secondary-80);
1903
1911
  }
1904
1912
  .border-secondary-90{
1905
- border-color: #eb4610;
1913
+ border-color: rgba(235,70,16,1);
1906
1914
  border-color: var(--aquarium-colors-secondary-90);
1907
1915
  }
1908
1916
  .border-secondary-100{
1909
- border-color: #e11d16;
1917
+ border-color: rgba(225,29,22,1);
1910
1918
  border-color: var(--aquarium-colors-secondary-100);
1911
1919
  }
1912
1920
  .border-primary-0{
1913
- border-color: #ffffff;
1921
+ border-color: rgba(255,255,255,1);
1914
1922
  border-color: var(--aquarium-colors-primary-0);
1915
1923
  }
1916
1924
  .border-primary-5{
1917
- border-color: #f3f6ff;
1925
+ border-color: rgba(243,246,255,1);
1918
1926
  border-color: var(--aquarium-colors-primary-5);
1919
1927
  }
1920
1928
  .border-primary-10{
1921
- border-color: #e3e9ff;
1929
+ border-color: rgba(227,233,255,1);
1922
1930
  border-color: var(--aquarium-colors-primary-10);
1923
1931
  }
1924
1932
  .border-primary-20{
1925
- border-color: #d5ddfa;
1933
+ border-color: rgba(213,221,250,1);
1926
1934
  border-color: var(--aquarium-colors-primary-20);
1927
1935
  }
1928
1936
  .border-primary-30{
1929
- border-color: #c7d1f4;
1937
+ border-color: rgba(199,209,244,1);
1930
1938
  border-color: var(--aquarium-colors-primary-30);
1931
1939
  }
1932
1940
  .border-primary-40{
1933
- border-color: #b9c5ef;
1941
+ border-color: rgba(185,197,239,1);
1934
1942
  border-color: var(--aquarium-colors-primary-40);
1935
1943
  }
1936
1944
  .border-primary-50{
1937
- border-color: #9daaee;
1945
+ border-color: rgba(157,170,238,1);
1938
1946
  border-color: var(--aquarium-colors-primary-50);
1939
1947
  }
1940
1948
  .border-primary-60{
1941
- border-color: #818eec;
1949
+ border-color: rgba(129,142,236,1);
1942
1950
  border-color: var(--aquarium-colors-primary-60);
1943
1951
  }
1944
1952
  .border-primary-70{
1945
- border-color: #5865cd;
1953
+ border-color: rgba(88,101,205,1);
1946
1954
  border-color: var(--aquarium-colors-primary-70);
1947
1955
  }
1948
1956
  .border-primary-80{
1949
- border-color: #3545be;
1957
+ border-color: rgba(53,69,190,1);
1950
1958
  border-color: var(--aquarium-colors-primary-80);
1951
1959
  }
1952
1960
  .border-primary-90{
1953
- border-color: #222f95;
1961
+ border-color: rgba(34,47,149,1);
1954
1962
  border-color: var(--aquarium-colors-primary-90);
1955
1963
  }
1956
1964
  .border-primary-100{
1957
- border-color: #0e1652;
1965
+ border-color: rgba(14,22,82,1);
1958
1966
  border-color: var(--aquarium-colors-primary-100);
1959
1967
  }
1960
1968
  .border-muted{
1961
- border-color: #ededf0;
1969
+ border-color: rgba(237,237,240,1);
1962
1970
  border-color: var(--aquarium-border-color-muted);
1963
1971
  }
1964
1972
  .border-default{
1965
- border-color: #d2d2d6;
1973
+ border-color: rgba(210,210,214,1);
1966
1974
  border-color: var(--aquarium-border-color-default);
1967
1975
  }
1968
1976
  .border-intense{
1969
- border-color: #787885;
1977
+ border-color: rgba(120,120,133,1);
1970
1978
  border-color: var(--aquarium-border-color-intense);
1971
1979
  }
1972
1980
  .border-primary-muted{
1973
- border-color: #818eec;
1981
+ border-color: rgba(129,142,236,1);
1974
1982
  border-color: var(--aquarium-border-color-primary-muted);
1975
1983
  }
1976
1984
  .border-primary-default{
1977
- border-color: #3545be;
1985
+ border-color: rgba(53,69,190,1);
1978
1986
  border-color: var(--aquarium-border-color-primary-default);
1979
1987
  }
1980
1988
  .border-primary-intense{
1981
- border-color: #0e1652;
1989
+ border-color: rgba(14,22,82,1);
1982
1990
  border-color: var(--aquarium-border-color-primary-intense);
1983
1991
  }
1984
1992
  .border-info-muted{
1985
- border-color: #28b4f4;
1993
+ border-color: rgba(40,180,244,1);
1986
1994
  border-color: var(--aquarium-border-color-info-muted);
1987
1995
  }
1988
1996
  .border-info-default{
1989
- border-color: #0399e3;
1997
+ border-color: rgba(3,153,227,1);
1990
1998
  border-color: var(--aquarium-border-color-info-default);
1991
1999
  }
1992
2000
  .border-info-intense{
1993
- border-color: #0174ba;
2001
+ border-color: rgba(1,116,186,1);
1994
2002
  border-color: var(--aquarium-border-color-info-intense);
1995
2003
  }
1996
2004
  .border-success-muted{
1997
- border-color: #cbffc9;
2005
+ border-color: rgba(203,255,201,1);
1998
2006
  border-color: var(--aquarium-border-color-success-muted);
1999
2007
  }
2000
2008
  .border-success-default{
2001
- border-color: #60db57;
2009
+ border-color: rgba(96,219,87,1);
2002
2010
  border-color: var(--aquarium-border-color-success-default);
2003
2011
  }
2004
2012
  .border-success-intense{
2005
- border-color: #00b300;
2013
+ border-color: rgba(0,179,0,1);
2006
2014
  border-color: var(--aquarium-border-color-success-intense);
2007
2015
  }
2008
2016
  .border-warning-muted{
2009
- border-color: #feebb2;
2017
+ border-color: rgba(254,235,178,1);
2010
2018
  border-color: var(--aquarium-border-color-warning-muted);
2011
2019
  }
2012
2020
  .border-warning-default{
2013
- border-color: #ffb300;
2021
+ border-color: rgba(255,179,0,1);
2014
2022
  border-color: var(--aquarium-border-color-warning-default);
2015
2023
  }
2016
2024
  .border-warning-intense{
2017
- border-color: #ff9003;
2025
+ border-color: rgba(255,144,3,1);
2018
2026
  border-color: var(--aquarium-border-color-warning-intense);
2019
2027
  }
2020
2028
  .border-danger-muted{
2021
- border-color: #ffcbd2;
2029
+ border-color: rgba(255,203,210,1);
2022
2030
  border-color: var(--aquarium-border-color-danger-muted);
2023
2031
  }
2024
2032
  .border-danger-default{
2025
- border-color: #e62728;
2033
+ border-color: rgba(230,39,40,1);
2026
2034
  border-color: var(--aquarium-border-color-danger-default);
2027
2035
  }
2028
2036
  .border-danger-intense{
2029
- border-color: #c50001;
2037
+ border-color: rgba(197,0,1,1);
2030
2038
  border-color: var(--aquarium-border-color-danger-intense);
2031
2039
  }
2032
2040
  .bg-white{
@@ -2046,339 +2054,339 @@ input[type='number'].no-arrows {
2046
2054
  background-color: var(--aquarium-colors-current);
2047
2055
  }
2048
2056
  .bg-error-0{
2049
- background-color: #fef2f1;
2057
+ background-color: rgba(254,242,241,1);
2050
2058
  background-color: var(--aquarium-colors-error-0);
2051
2059
  }
2052
2060
  .bg-error-5{
2053
- background-color: #fee8e7;
2061
+ background-color: rgba(254,232,231,1);
2054
2062
  background-color: var(--aquarium-colors-error-5);
2055
2063
  }
2056
2064
  .bg-error-10{
2057
- background-color: #ffcbd2;
2065
+ background-color: rgba(255,203,210,1);
2058
2066
  background-color: var(--aquarium-colors-error-10);
2059
2067
  }
2060
2068
  .bg-error-20{
2061
- background-color: #ffadb3;
2069
+ background-color: rgba(255,173,179,1);
2062
2070
  background-color: var(--aquarium-colors-error-20);
2063
2071
  }
2064
2072
  .bg-error-30{
2065
- background-color: #ed7975;
2073
+ background-color: rgba(237,121,117,1);
2066
2074
  background-color: var(--aquarium-colors-error-30);
2067
2075
  }
2068
2076
  .bg-error-40{
2069
- background-color: #e0504f;
2077
+ background-color: rgba(224,80,79,1);
2070
2078
  background-color: var(--aquarium-colors-error-40);
2071
2079
  }
2072
2080
  .bg-error-50{
2073
- background-color: #e62728;
2081
+ background-color: rgba(230,39,40,1);
2074
2082
  background-color: var(--aquarium-colors-error-50);
2075
2083
  }
2076
2084
  .bg-error-60{
2077
- background-color: #e70000;
2085
+ background-color: rgba(231,0,0,1);
2078
2086
  background-color: var(--aquarium-colors-error-60);
2079
2087
  }
2080
2088
  .bg-error-70{
2081
- background-color: #d80005;
2089
+ background-color: rgba(216,0,5,1);
2082
2090
  background-color: var(--aquarium-colors-error-70);
2083
2091
  }
2084
2092
  .bg-error-80{
2085
- background-color: #c50001;
2093
+ background-color: rgba(197,0,1,1);
2086
2094
  background-color: var(--aquarium-colors-error-80);
2087
2095
  }
2088
2096
  .bg-error-90{
2089
- background-color: #b90000;
2097
+ background-color: rgba(185,0,0,1);
2090
2098
  background-color: var(--aquarium-colors-error-90);
2091
2099
  }
2092
2100
  .bg-error-100{
2093
- background-color: #aa0000;
2101
+ background-color: rgba(170,0,0,1);
2094
2102
  background-color: var(--aquarium-colors-error-100);
2095
2103
  }
2096
2104
  .bg-warning-0{
2097
- background-color: #fffdf9;
2105
+ background-color: rgba(255,253,249,1);
2098
2106
  background-color: var(--aquarium-colors-warning-0);
2099
2107
  }
2100
2108
  .bg-warning-5{
2101
- background-color: #fff8ea;
2109
+ background-color: rgba(255,248,234,1);
2102
2110
  background-color: var(--aquarium-colors-warning-5);
2103
2111
  }
2104
2112
  .bg-warning-10{
2105
- background-color: #fff2cd;
2113
+ background-color: rgba(255,242,205,1);
2106
2114
  background-color: var(--aquarium-colors-warning-10);
2107
2115
  }
2108
2116
  .bg-warning-20{
2109
- background-color: #feebb2;
2117
+ background-color: rgba(254,235,178,1);
2110
2118
  background-color: var(--aquarium-colors-warning-20);
2111
2119
  }
2112
2120
  .bg-warning-30{
2113
- background-color: #fddf81;
2121
+ background-color: rgba(253,223,129,1);
2114
2122
  background-color: var(--aquarium-colors-warning-30);
2115
2123
  }
2116
2124
  .bg-warning-40{
2117
- background-color: #fdd44d;
2125
+ background-color: rgba(253,212,77,1);
2118
2126
  background-color: var(--aquarium-colors-warning-40);
2119
2127
  }
2120
2128
  .bg-warning-50{
2121
- background-color: #fdc926;
2129
+ background-color: rgba(253,201,38,1);
2122
2130
  background-color: var(--aquarium-colors-warning-50);
2123
2131
  }
2124
2132
  .bg-warning-60{
2125
- background-color: #ffc107;
2133
+ background-color: rgba(255,193,7,1);
2126
2134
  background-color: var(--aquarium-colors-warning-60);
2127
2135
  }
2128
2136
  .bg-warning-70{
2129
- background-color: #ffb300;
2137
+ background-color: rgba(255,179,0,1);
2130
2138
  background-color: var(--aquarium-colors-warning-70);
2131
2139
  }
2132
2140
  .bg-warning-80{
2133
- background-color: #fd9f00;
2141
+ background-color: rgba(253,159,0,1);
2134
2142
  background-color: var(--aquarium-colors-warning-80);
2135
2143
  }
2136
2144
  .bg-warning-90{
2137
- background-color: #ff9003;
2145
+ background-color: rgba(255,144,3,1);
2138
2146
  background-color: var(--aquarium-colors-warning-90);
2139
2147
  }
2140
2148
  .bg-warning-100{
2141
- background-color: #fe6d00;
2149
+ background-color: rgba(254,109,0,1);
2142
2150
  background-color: var(--aquarium-colors-warning-100);
2143
2151
  }
2144
2152
  .bg-success-0{
2145
- background-color: #f5faf5;
2153
+ background-color: rgba(245,250,245,1);
2146
2154
  background-color: var(--aquarium-colors-success-0);
2147
2155
  }
2148
2156
  .bg-success-5{
2149
- background-color: #ecf7ed;
2157
+ background-color: rgba(236,247,237,1);
2150
2158
  background-color: var(--aquarium-colors-success-5);
2151
2159
  }
2152
2160
  .bg-success-10{
2153
- background-color: #cbffc9;
2161
+ background-color: rgba(203,255,201,1);
2154
2162
  background-color: var(--aquarium-colors-success-10);
2155
2163
  }
2156
2164
  .bg-success-20{
2157
- background-color: #afffa7;
2165
+ background-color: rgba(175,255,167,1);
2158
2166
  background-color: var(--aquarium-colors-success-20);
2159
2167
  }
2160
2168
  .bg-success-30{
2161
- background-color: #89eb80;
2169
+ background-color: rgba(137,235,128,1);
2162
2170
  background-color: var(--aquarium-colors-success-30);
2163
2171
  }
2164
2172
  .bg-success-40{
2165
- background-color: #60db57;
2173
+ background-color: rgba(96,219,87,1);
2166
2174
  background-color: var(--aquarium-colors-success-40);
2167
2175
  }
2168
2176
  .bg-success-50{
2169
- background-color: #40ce37;
2177
+ background-color: rgba(64,206,55,1);
2170
2178
  background-color: var(--aquarium-colors-success-50);
2171
2179
  }
2172
2180
  .bg-success-60{
2173
- background-color: #00c300;
2181
+ background-color: rgba(0,195,0,1);
2174
2182
  background-color: var(--aquarium-colors-success-60);
2175
2183
  }
2176
2184
  .bg-success-70{
2177
- background-color: #00b300;
2185
+ background-color: rgba(0,179,0,1);
2178
2186
  background-color: var(--aquarium-colors-success-70);
2179
2187
  }
2180
2188
  .bg-success-80{
2181
- background-color: #009f00;
2189
+ background-color: rgba(0,159,0,1);
2182
2190
  background-color: var(--aquarium-colors-success-80);
2183
2191
  }
2184
2192
  .bg-success-90{
2185
- background-color: #008e00;
2193
+ background-color: rgba(0,142,0,1);
2186
2194
  background-color: var(--aquarium-colors-success-90);
2187
2195
  }
2188
2196
  .bg-success-100{
2189
- background-color: #006f00;
2197
+ background-color: rgba(0,111,0,1);
2190
2198
  background-color: var(--aquarium-colors-success-100);
2191
2199
  }
2192
2200
  .bg-info-0{
2193
- background-color: #f9fdff;
2201
+ background-color: rgba(249,253,255,1);
2194
2202
  background-color: var(--aquarium-colors-info-0);
2195
2203
  }
2196
2204
  .bg-info-5{
2197
- background-color: #effaff;
2205
+ background-color: rgba(239,250,255,1);
2198
2206
  background-color: var(--aquarium-colors-info-5);
2199
2207
  }
2200
2208
  .bg-info-10{
2201
- background-color: #e0f5fe;
2209
+ background-color: rgba(224,245,254,1);
2202
2210
  background-color: var(--aquarium-colors-info-10);
2203
2211
  }
2204
2212
  .bg-info-20{
2205
- background-color: #b4e5fb;
2213
+ background-color: rgba(180,229,251,1);
2206
2214
  background-color: var(--aquarium-colors-info-20);
2207
2215
  }
2208
2216
  .bg-info-30{
2209
- background-color: #7fd1f7;
2217
+ background-color: rgba(127,209,247,1);
2210
2218
  background-color: var(--aquarium-colors-info-30);
2211
2219
  }
2212
2220
  .bg-info-40{
2213
- background-color: #4cc2f7;
2221
+ background-color: rgba(76,194,247,1);
2214
2222
  background-color: var(--aquarium-colors-info-40);
2215
2223
  }
2216
2224
  .bg-info-50{
2217
- background-color: #28b4f4;
2225
+ background-color: rgba(40,180,244,1);
2218
2226
  background-color: var(--aquarium-colors-info-50);
2219
2227
  }
2220
2228
  .bg-info-60{
2221
- background-color: #02a8f3;
2229
+ background-color: rgba(2,168,243,1);
2222
2230
  background-color: var(--aquarium-colors-info-60);
2223
2231
  }
2224
2232
  .bg-info-70{
2225
- background-color: #0399e3;
2233
+ background-color: rgba(3,153,227,1);
2226
2234
  background-color: var(--aquarium-colors-info-70);
2227
2235
  }
2228
2236
  .bg-info-80{
2229
- background-color: #0788d1;
2237
+ background-color: rgba(7,136,209,1);
2230
2238
  background-color: var(--aquarium-colors-info-80);
2231
2239
  }
2232
2240
  .bg-info-90{
2233
- background-color: #0174ba;
2241
+ background-color: rgba(1,116,186,1);
2234
2242
  background-color: var(--aquarium-colors-info-90);
2235
2243
  }
2236
2244
  .bg-info-100{
2237
- background-color: #02569a;
2245
+ background-color: rgba(2,86,154,1);
2238
2246
  background-color: var(--aquarium-colors-info-100);
2239
2247
  }
2240
2248
  .bg-grey-0{
2241
- background-color: #f7f7fa;
2249
+ background-color: rgba(247,247,250,1);
2242
2250
  background-color: var(--aquarium-colors-grey-0);
2243
2251
  }
2244
2252
  .bg-grey-5{
2245
- background-color: #ededf0;
2253
+ background-color: rgba(237,237,240,1);
2246
2254
  background-color: var(--aquarium-colors-grey-5);
2247
2255
  }
2248
2256
  .bg-grey-10{
2249
- background-color: #e1e1e3;
2257
+ background-color: rgba(225,225,227,1);
2250
2258
  background-color: var(--aquarium-colors-grey-10);
2251
2259
  }
2252
2260
  .bg-grey-20{
2253
- background-color: #d2d2d6;
2261
+ background-color: rgba(210,210,214,1);
2254
2262
  background-color: var(--aquarium-colors-grey-20);
2255
2263
  }
2256
2264
  .bg-grey-30{
2257
- background-color: #b4b4bb;
2265
+ background-color: rgba(180,180,187,1);
2258
2266
  background-color: var(--aquarium-colors-grey-30);
2259
2267
  }
2260
2268
  .bg-grey-40{
2261
- background-color: #9696a0;
2269
+ background-color: rgba(150,150,160,1);
2262
2270
  background-color: var(--aquarium-colors-grey-40);
2263
2271
  }
2264
2272
  .bg-grey-50{
2265
- background-color: #787885;
2273
+ background-color: rgba(120,120,133,1);
2266
2274
  background-color: var(--aquarium-colors-grey-50);
2267
2275
  }
2268
2276
  .bg-grey-60{
2269
- background-color: #5a5b6a;
2277
+ background-color: rgba(90,91,106,1);
2270
2278
  background-color: var(--aquarium-colors-grey-60);
2271
2279
  }
2272
2280
  .bg-grey-70{
2273
- background-color: #4a4b57;
2281
+ background-color: rgba(74,75,87,1);
2274
2282
  background-color: var(--aquarium-colors-grey-70);
2275
2283
  }
2276
2284
  .bg-grey-80{
2277
- background-color: #3a3a44;
2285
+ background-color: rgba(58,58,68,1);
2278
2286
  background-color: var(--aquarium-colors-grey-80);
2279
2287
  }
2280
2288
  .bg-grey-90{
2281
- background-color: #292a31;
2289
+ background-color: rgba(41,42,49,1);
2282
2290
  background-color: var(--aquarium-colors-grey-90);
2283
2291
  }
2284
2292
  .bg-grey-100{
2285
- background-color: #19191d;
2293
+ background-color: rgba(25,25,29,1);
2286
2294
  background-color: var(--aquarium-colors-grey-100);
2287
2295
  }
2288
2296
  .bg-secondary-0{
2289
- background-color: #fffbf8;
2297
+ background-color: rgba(255,251,248,1);
2290
2298
  background-color: var(--aquarium-colors-secondary-0);
2291
2299
  }
2292
2300
  .bg-secondary-5{
2293
- background-color: #fff3e8;
2301
+ background-color: rgba(255,243,232,1);
2294
2302
  background-color: var(--aquarium-colors-secondary-5);
2295
2303
  }
2296
2304
  .bg-secondary-10{
2297
- background-color: #fee8d0;
2305
+ background-color: rgba(254,232,208,1);
2298
2306
  background-color: var(--aquarium-colors-secondary-10);
2299
2307
  }
2300
2308
  .bg-secondary-20{
2301
- background-color: #f8c99c;
2309
+ background-color: rgba(248,201,156,1);
2302
2310
  background-color: var(--aquarium-colors-secondary-20);
2303
2311
  }
2304
2312
  .bg-secondary-30{
2305
- background-color: #fab26e;
2313
+ background-color: rgba(250,178,110,1);
2306
2314
  background-color: var(--aquarium-colors-secondary-30);
2307
2315
  }
2308
2316
  .bg-secondary-40{
2309
- background-color: #fb9a3e;
2317
+ background-color: rgba(251,154,62,1);
2310
2318
  background-color: var(--aquarium-colors-secondary-40);
2311
2319
  }
2312
2320
  .bg-secondary-50{
2313
- background-color: #fc871a;
2321
+ background-color: rgba(252,135,26,1);
2314
2322
  background-color: var(--aquarium-colors-secondary-50);
2315
2323
  }
2316
2324
  .bg-secondary-60{
2317
- background-color: #ff7700;
2325
+ background-color: rgba(255,119,0,1);
2318
2326
  background-color: var(--aquarium-colors-secondary-60);
2319
2327
  }
2320
2328
  .bg-secondary-70{
2321
- background-color: #f96a02;
2329
+ background-color: rgba(249,106,2,1);
2322
2330
  background-color: var(--aquarium-colors-secondary-70);
2323
2331
  }
2324
2332
  .bg-secondary-80{
2325
- background-color: #f3580d;
2333
+ background-color: rgba(243,88,13,1);
2326
2334
  background-color: var(--aquarium-colors-secondary-80);
2327
2335
  }
2328
2336
  .bg-secondary-90{
2329
- background-color: #eb4610;
2337
+ background-color: rgba(235,70,16,1);
2330
2338
  background-color: var(--aquarium-colors-secondary-90);
2331
2339
  }
2332
2340
  .bg-secondary-100{
2333
- background-color: #e11d16;
2341
+ background-color: rgba(225,29,22,1);
2334
2342
  background-color: var(--aquarium-colors-secondary-100);
2335
2343
  }
2336
2344
  .bg-primary-0{
2337
- background-color: #ffffff;
2345
+ background-color: rgba(255,255,255,1);
2338
2346
  background-color: var(--aquarium-colors-primary-0);
2339
2347
  }
2340
2348
  .bg-primary-5{
2341
- background-color: #f3f6ff;
2349
+ background-color: rgba(243,246,255,1);
2342
2350
  background-color: var(--aquarium-colors-primary-5);
2343
2351
  }
2344
2352
  .bg-primary-10{
2345
- background-color: #e3e9ff;
2353
+ background-color: rgba(227,233,255,1);
2346
2354
  background-color: var(--aquarium-colors-primary-10);
2347
2355
  }
2348
2356
  .bg-primary-20{
2349
- background-color: #d5ddfa;
2357
+ background-color: rgba(213,221,250,1);
2350
2358
  background-color: var(--aquarium-colors-primary-20);
2351
2359
  }
2352
2360
  .bg-primary-30{
2353
- background-color: #c7d1f4;
2361
+ background-color: rgba(199,209,244,1);
2354
2362
  background-color: var(--aquarium-colors-primary-30);
2355
2363
  }
2356
2364
  .bg-primary-40{
2357
- background-color: #b9c5ef;
2365
+ background-color: rgba(185,197,239,1);
2358
2366
  background-color: var(--aquarium-colors-primary-40);
2359
2367
  }
2360
2368
  .bg-primary-50{
2361
- background-color: #9daaee;
2369
+ background-color: rgba(157,170,238,1);
2362
2370
  background-color: var(--aquarium-colors-primary-50);
2363
2371
  }
2364
2372
  .bg-primary-60{
2365
- background-color: #818eec;
2373
+ background-color: rgba(129,142,236,1);
2366
2374
  background-color: var(--aquarium-colors-primary-60);
2367
2375
  }
2368
2376
  .bg-primary-70{
2369
- background-color: #5865cd;
2377
+ background-color: rgba(88,101,205,1);
2370
2378
  background-color: var(--aquarium-colors-primary-70);
2371
2379
  }
2372
2380
  .bg-primary-80{
2373
- background-color: #3545be;
2381
+ background-color: rgba(53,69,190,1);
2374
2382
  background-color: var(--aquarium-colors-primary-80);
2375
2383
  }
2376
2384
  .bg-primary-90{
2377
- background-color: #222f95;
2385
+ background-color: rgba(34,47,149,1);
2378
2386
  background-color: var(--aquarium-colors-primary-90);
2379
2387
  }
2380
2388
  .bg-primary-100{
2381
- background-color: #0e1652;
2389
+ background-color: rgba(14,22,82,1);
2382
2390
  background-color: var(--aquarium-colors-primary-100);
2383
2391
  }
2384
2392
  .bg-body{
@@ -2386,7 +2394,7 @@ input[type='number'].no-arrows {
2386
2394
  background-color: var(--aquarium-background-color-body);
2387
2395
  }
2388
2396
  .bg-body-intense{
2389
- background-color: #3a3a44;
2397
+ background-color: rgba(58,58,68,1);
2390
2398
  background-color: var(--aquarium-background-color-body-intense);
2391
2399
  }
2392
2400
  .bg-popover-content{
@@ -2394,103 +2402,103 @@ input[type='number'].no-arrows {
2394
2402
  background-color: var(--aquarium-background-color-popover-content);
2395
2403
  }
2396
2404
  .bg-muted{
2397
- background-color: #f7f7fa;
2405
+ background-color: rgba(247,247,250,1);
2398
2406
  background-color: var(--aquarium-background-color-muted);
2399
2407
  }
2400
2408
  .bg-default{
2401
- background-color: #ededf0;
2409
+ background-color: rgba(237,237,240,1);
2402
2410
  background-color: var(--aquarium-background-color-default);
2403
2411
  }
2404
2412
  .bg-intense{
2405
- background-color: #d2d2d6;
2413
+ background-color: rgba(210,210,214,1);
2406
2414
  background-color: var(--aquarium-background-color-intense);
2407
2415
  }
2408
2416
  .bg-primary-muted{
2409
- background-color: #b9c5ef;
2417
+ background-color: rgba(185,197,239,1);
2410
2418
  background-color: var(--aquarium-background-color-primary-muted);
2411
2419
  }
2412
2420
  .bg-primary-default{
2413
- background-color: #3545be;
2421
+ background-color: rgba(53,69,190,1);
2414
2422
  background-color: var(--aquarium-background-color-primary-default);
2415
2423
  }
2416
2424
  .bg-primary-intense{
2417
- background-color: #222f95;
2425
+ background-color: rgba(34,47,149,1);
2418
2426
  background-color: var(--aquarium-background-color-primary-intense);
2419
2427
  }
2420
2428
  .bg-primary-active{
2421
- background-color: #f3f6ff;
2429
+ background-color: rgba(243,246,255,1);
2422
2430
  background-color: var(--aquarium-background-color-primary-active);
2423
2431
  }
2424
2432
  .bg-primary-hover{
2425
- background-color: #f3f6ff;
2433
+ background-color: rgba(243,246,255,1);
2426
2434
  background-color: var(--aquarium-background-color-primary-hover);
2427
2435
  }
2428
2436
  .bg-info-muted{
2429
- background-color: #e0f5fe;
2437
+ background-color: rgba(224,245,254,1);
2430
2438
  background-color: var(--aquarium-background-color-info-muted);
2431
2439
  }
2432
2440
  .bg-info-default{
2433
- background-color: #0399e3;
2441
+ background-color: rgba(3,153,227,1);
2434
2442
  background-color: var(--aquarium-background-color-info-default);
2435
2443
  }
2436
2444
  .bg-info-intense{
2437
- background-color: #0174ba;
2445
+ background-color: rgba(1,116,186,1);
2438
2446
  background-color: var(--aquarium-background-color-info-intense);
2439
2447
  }
2440
2448
  .bg-success-muted{
2441
- background-color: #ecf7ed;
2449
+ background-color: rgba(236,247,237,1);
2442
2450
  background-color: var(--aquarium-background-color-success-muted);
2443
2451
  }
2444
2452
  .bg-success-default{
2445
- background-color: #00b300;
2453
+ background-color: rgba(0,179,0,1);
2446
2454
  background-color: var(--aquarium-background-color-success-default);
2447
2455
  }
2448
2456
  .bg-success-intense{
2449
- background-color: #008e00;
2457
+ background-color: rgba(0,142,0,1);
2450
2458
  background-color: var(--aquarium-background-color-success-intense);
2451
2459
  }
2452
2460
  .bg-warning-muted{
2453
- background-color: #fff8ea;
2461
+ background-color: rgba(255,248,234,1);
2454
2462
  background-color: var(--aquarium-background-color-warning-muted);
2455
2463
  }
2456
2464
  .bg-warning-default{
2457
- background-color: #ffb300;
2465
+ background-color: rgba(255,179,0,1);
2458
2466
  background-color: var(--aquarium-background-color-warning-default);
2459
2467
  }
2460
2468
  .bg-warning-intense{
2461
- background-color: #ff9003;
2469
+ background-color: rgba(255,144,3,1);
2462
2470
  background-color: var(--aquarium-background-color-warning-intense);
2463
2471
  }
2464
2472
  .bg-danger-muted{
2465
- background-color: #ffcbd2;
2473
+ background-color: rgba(255,203,210,1);
2466
2474
  background-color: var(--aquarium-background-color-danger-muted);
2467
2475
  }
2468
2476
  .bg-danger-default{
2469
- background-color: #ffadb3;
2477
+ background-color: rgba(255,173,179,1);
2470
2478
  background-color: var(--aquarium-background-color-danger-default);
2471
2479
  }
2472
2480
  .bg-danger-intense{
2473
- background-color: #e62728;
2481
+ background-color: rgba(230,39,40,1);
2474
2482
  background-color: var(--aquarium-background-color-danger-intense);
2475
2483
  }
2476
2484
  .bg-status-announcement{
2477
- background-color: #f3f6ff;
2485
+ background-color: rgba(243,246,255,1);
2478
2486
  background-color: var(--aquarium-background-color-status-announcement);
2479
2487
  }
2480
2488
  .bg-status-info{
2481
- background-color: #e0f5fe;
2489
+ background-color: rgba(224,245,254,1);
2482
2490
  background-color: var(--aquarium-background-color-status-info);
2483
2491
  }
2484
2492
  .bg-status-warning{
2485
- background-color: #fff8ea;
2493
+ background-color: rgba(255,248,234,1);
2486
2494
  background-color: var(--aquarium-background-color-status-warning);
2487
2495
  }
2488
2496
  .bg-status-danger{
2489
- background-color: #fee8e7;
2497
+ background-color: rgba(254,232,231,1);
2490
2498
  background-color: var(--aquarium-background-color-status-danger);
2491
2499
  }
2492
2500
  .bg-status-success{
2493
- background-color: #ecf7ed;
2501
+ background-color: rgba(236,247,237,1);
2494
2502
  background-color: var(--aquarium-background-color-status-success);
2495
2503
  }
2496
2504
  .bg-icon-button-hover{
@@ -2516,35 +2524,35 @@ input[type='number'].no-arrows {
2516
2524
  background-size: cover;
2517
2525
  }
2518
2526
  .fill-primary-10{
2519
- fill: #e3e9ff;
2527
+ fill: rgba(227,233,255,1);
2520
2528
  fill: var(--aquarium-colors-primary-10);
2521
2529
  }
2522
2530
  .fill-success-10{
2523
- fill: #cbffc9;
2531
+ fill: rgba(203,255,201,1);
2524
2532
  fill: var(--aquarium-colors-success-10);
2525
2533
  }
2526
2534
  .fill-warning-20{
2527
- fill: #feebb2;
2535
+ fill: rgba(254,235,178,1);
2528
2536
  fill: var(--aquarium-colors-warning-20);
2529
2537
  }
2530
2538
  .fill-error-10{
2531
- fill: #ffcbd2;
2539
+ fill: rgba(255,203,210,1);
2532
2540
  fill: var(--aquarium-colors-error-10);
2533
2541
  }
2534
2542
  .stroke-primary-60{
2535
- stroke: #818eec;
2543
+ stroke: rgba(129,142,236,1);
2536
2544
  stroke: var(--aquarium-colors-primary-60);
2537
2545
  }
2538
2546
  .stroke-success-40{
2539
- stroke: #60db57;
2547
+ stroke: rgba(96,219,87,1);
2540
2548
  stroke: var(--aquarium-colors-success-40);
2541
2549
  }
2542
2550
  .stroke-warning-100{
2543
- stroke: #fe6d00;
2551
+ stroke: rgba(254,109,0,1);
2544
2552
  stroke: var(--aquarium-colors-warning-100);
2545
2553
  }
2546
2554
  .stroke-error-100{
2547
- stroke: #aa0000;
2555
+ stroke: rgba(170,0,0,1);
2548
2556
  stroke: var(--aquarium-colors-error-100);
2549
2557
  }
2550
2558
  .object-cover{
@@ -2760,439 +2768,443 @@ input[type='number'].no-arrows {
2760
2768
  color: var(--aquarium-colors-current);
2761
2769
  }
2762
2770
  .text-error-0{
2763
- color: #fef2f1;
2771
+ color: rgba(254,242,241,1);
2764
2772
  color: var(--aquarium-colors-error-0);
2765
2773
  }
2766
2774
  .text-error-5{
2767
- color: #fee8e7;
2775
+ color: rgba(254,232,231,1);
2768
2776
  color: var(--aquarium-colors-error-5);
2769
2777
  }
2770
2778
  .text-error-10{
2771
- color: #ffcbd2;
2779
+ color: rgba(255,203,210,1);
2772
2780
  color: var(--aquarium-colors-error-10);
2773
2781
  }
2774
2782
  .text-error-20{
2775
- color: #ffadb3;
2783
+ color: rgba(255,173,179,1);
2776
2784
  color: var(--aquarium-colors-error-20);
2777
2785
  }
2778
2786
  .text-error-30{
2779
- color: #ed7975;
2787
+ color: rgba(237,121,117,1);
2780
2788
  color: var(--aquarium-colors-error-30);
2781
2789
  }
2782
2790
  .text-error-40{
2783
- color: #e0504f;
2791
+ color: rgba(224,80,79,1);
2784
2792
  color: var(--aquarium-colors-error-40);
2785
2793
  }
2786
2794
  .text-error-50{
2787
- color: #e62728;
2795
+ color: rgba(230,39,40,1);
2788
2796
  color: var(--aquarium-colors-error-50);
2789
2797
  }
2790
2798
  .text-error-60{
2791
- color: #e70000;
2799
+ color: rgba(231,0,0,1);
2792
2800
  color: var(--aquarium-colors-error-60);
2793
2801
  }
2794
2802
  .text-error-70{
2795
- color: #d80005;
2803
+ color: rgba(216,0,5,1);
2796
2804
  color: var(--aquarium-colors-error-70);
2797
2805
  }
2798
2806
  .text-error-80{
2799
- color: #c50001;
2807
+ color: rgba(197,0,1,1);
2800
2808
  color: var(--aquarium-colors-error-80);
2801
2809
  }
2802
2810
  .text-error-90{
2803
- color: #b90000;
2811
+ color: rgba(185,0,0,1);
2804
2812
  color: var(--aquarium-colors-error-90);
2805
2813
  }
2806
2814
  .text-error-100{
2807
- color: #aa0000;
2815
+ color: rgba(170,0,0,1);
2808
2816
  color: var(--aquarium-colors-error-100);
2809
2817
  }
2810
2818
  .text-warning-0{
2811
- color: #fffdf9;
2819
+ color: rgba(255,253,249,1);
2812
2820
  color: var(--aquarium-colors-warning-0);
2813
2821
  }
2814
2822
  .text-warning-5{
2815
- color: #fff8ea;
2823
+ color: rgba(255,248,234,1);
2816
2824
  color: var(--aquarium-colors-warning-5);
2817
2825
  }
2818
2826
  .text-warning-10{
2819
- color: #fff2cd;
2827
+ color: rgba(255,242,205,1);
2820
2828
  color: var(--aquarium-colors-warning-10);
2821
2829
  }
2822
2830
  .text-warning-20{
2823
- color: #feebb2;
2831
+ color: rgba(254,235,178,1);
2824
2832
  color: var(--aquarium-colors-warning-20);
2825
2833
  }
2826
2834
  .text-warning-30{
2827
- color: #fddf81;
2835
+ color: rgba(253,223,129,1);
2828
2836
  color: var(--aquarium-colors-warning-30);
2829
2837
  }
2830
2838
  .text-warning-40{
2831
- color: #fdd44d;
2839
+ color: rgba(253,212,77,1);
2832
2840
  color: var(--aquarium-colors-warning-40);
2833
2841
  }
2834
2842
  .text-warning-50{
2835
- color: #fdc926;
2843
+ color: rgba(253,201,38,1);
2836
2844
  color: var(--aquarium-colors-warning-50);
2837
2845
  }
2838
2846
  .text-warning-60{
2839
- color: #ffc107;
2847
+ color: rgba(255,193,7,1);
2840
2848
  color: var(--aquarium-colors-warning-60);
2841
2849
  }
2842
2850
  .text-warning-70{
2843
- color: #ffb300;
2851
+ color: rgba(255,179,0,1);
2844
2852
  color: var(--aquarium-colors-warning-70);
2845
2853
  }
2846
2854
  .text-warning-80{
2847
- color: #fd9f00;
2855
+ color: rgba(253,159,0,1);
2848
2856
  color: var(--aquarium-colors-warning-80);
2849
2857
  }
2850
2858
  .text-warning-90{
2851
- color: #ff9003;
2859
+ color: rgba(255,144,3,1);
2852
2860
  color: var(--aquarium-colors-warning-90);
2853
2861
  }
2854
2862
  .text-warning-100{
2855
- color: #fe6d00;
2863
+ color: rgba(254,109,0,1);
2856
2864
  color: var(--aquarium-colors-warning-100);
2857
2865
  }
2858
2866
  .text-success-0{
2859
- color: #f5faf5;
2867
+ color: rgba(245,250,245,1);
2860
2868
  color: var(--aquarium-colors-success-0);
2861
2869
  }
2862
2870
  .text-success-5{
2863
- color: #ecf7ed;
2871
+ color: rgba(236,247,237,1);
2864
2872
  color: var(--aquarium-colors-success-5);
2865
2873
  }
2866
2874
  .text-success-10{
2867
- color: #cbffc9;
2875
+ color: rgba(203,255,201,1);
2868
2876
  color: var(--aquarium-colors-success-10);
2869
2877
  }
2870
2878
  .text-success-20{
2871
- color: #afffa7;
2879
+ color: rgba(175,255,167,1);
2872
2880
  color: var(--aquarium-colors-success-20);
2873
2881
  }
2874
2882
  .text-success-30{
2875
- color: #89eb80;
2883
+ color: rgba(137,235,128,1);
2876
2884
  color: var(--aquarium-colors-success-30);
2877
2885
  }
2878
2886
  .text-success-40{
2879
- color: #60db57;
2887
+ color: rgba(96,219,87,1);
2880
2888
  color: var(--aquarium-colors-success-40);
2881
2889
  }
2882
2890
  .text-success-50{
2883
- color: #40ce37;
2891
+ color: rgba(64,206,55,1);
2884
2892
  color: var(--aquarium-colors-success-50);
2885
2893
  }
2886
2894
  .text-success-60{
2887
- color: #00c300;
2895
+ color: rgba(0,195,0,1);
2888
2896
  color: var(--aquarium-colors-success-60);
2889
2897
  }
2890
2898
  .text-success-70{
2891
- color: #00b300;
2899
+ color: rgba(0,179,0,1);
2892
2900
  color: var(--aquarium-colors-success-70);
2893
2901
  }
2894
2902
  .text-success-80{
2895
- color: #009f00;
2903
+ color: rgba(0,159,0,1);
2896
2904
  color: var(--aquarium-colors-success-80);
2897
2905
  }
2898
2906
  .text-success-90{
2899
- color: #008e00;
2907
+ color: rgba(0,142,0,1);
2900
2908
  color: var(--aquarium-colors-success-90);
2901
2909
  }
2902
2910
  .text-success-100{
2903
- color: #006f00;
2911
+ color: rgba(0,111,0,1);
2904
2912
  color: var(--aquarium-colors-success-100);
2905
2913
  }
2906
2914
  .text-info-0{
2907
- color: #f9fdff;
2915
+ color: rgba(249,253,255,1);
2908
2916
  color: var(--aquarium-colors-info-0);
2909
2917
  }
2910
2918
  .text-info-5{
2911
- color: #effaff;
2919
+ color: rgba(239,250,255,1);
2912
2920
  color: var(--aquarium-colors-info-5);
2913
2921
  }
2914
2922
  .text-info-10{
2915
- color: #e0f5fe;
2923
+ color: rgba(224,245,254,1);
2916
2924
  color: var(--aquarium-colors-info-10);
2917
2925
  }
2918
2926
  .text-info-20{
2919
- color: #b4e5fb;
2927
+ color: rgba(180,229,251,1);
2920
2928
  color: var(--aquarium-colors-info-20);
2921
2929
  }
2922
2930
  .text-info-30{
2923
- color: #7fd1f7;
2931
+ color: rgba(127,209,247,1);
2924
2932
  color: var(--aquarium-colors-info-30);
2925
2933
  }
2926
2934
  .text-info-40{
2927
- color: #4cc2f7;
2935
+ color: rgba(76,194,247,1);
2928
2936
  color: var(--aquarium-colors-info-40);
2929
2937
  }
2930
2938
  .text-info-50{
2931
- color: #28b4f4;
2939
+ color: rgba(40,180,244,1);
2932
2940
  color: var(--aquarium-colors-info-50);
2933
2941
  }
2934
2942
  .text-info-60{
2935
- color: #02a8f3;
2943
+ color: rgba(2,168,243,1);
2936
2944
  color: var(--aquarium-colors-info-60);
2937
2945
  }
2938
2946
  .text-info-70{
2939
- color: #0399e3;
2947
+ color: rgba(3,153,227,1);
2940
2948
  color: var(--aquarium-colors-info-70);
2941
2949
  }
2942
2950
  .text-info-80{
2943
- color: #0788d1;
2951
+ color: rgba(7,136,209,1);
2944
2952
  color: var(--aquarium-colors-info-80);
2945
2953
  }
2946
2954
  .text-info-90{
2947
- color: #0174ba;
2955
+ color: rgba(1,116,186,1);
2948
2956
  color: var(--aquarium-colors-info-90);
2949
2957
  }
2950
2958
  .text-info-100{
2951
- color: #02569a;
2959
+ color: rgba(2,86,154,1);
2952
2960
  color: var(--aquarium-colors-info-100);
2953
2961
  }
2954
2962
  .text-grey-0{
2955
- color: #f7f7fa;
2963
+ color: rgba(247,247,250,1);
2956
2964
  color: var(--aquarium-colors-grey-0);
2957
2965
  }
2958
2966
  .text-grey-5{
2959
- color: #ededf0;
2967
+ color: rgba(237,237,240,1);
2960
2968
  color: var(--aquarium-colors-grey-5);
2961
2969
  }
2962
2970
  .text-grey-10{
2963
- color: #e1e1e3;
2971
+ color: rgba(225,225,227,1);
2964
2972
  color: var(--aquarium-colors-grey-10);
2965
2973
  }
2966
2974
  .text-grey-20{
2967
- color: #d2d2d6;
2975
+ color: rgba(210,210,214,1);
2968
2976
  color: var(--aquarium-colors-grey-20);
2969
2977
  }
2970
2978
  .text-grey-30{
2971
- color: #b4b4bb;
2979
+ color: rgba(180,180,187,1);
2972
2980
  color: var(--aquarium-colors-grey-30);
2973
2981
  }
2974
2982
  .text-grey-40{
2975
- color: #9696a0;
2983
+ color: rgba(150,150,160,1);
2976
2984
  color: var(--aquarium-colors-grey-40);
2977
2985
  }
2978
2986
  .text-grey-50{
2979
- color: #787885;
2987
+ color: rgba(120,120,133,1);
2980
2988
  color: var(--aquarium-colors-grey-50);
2981
2989
  }
2982
2990
  .text-grey-60{
2983
- color: #5a5b6a;
2991
+ color: rgba(90,91,106,1);
2984
2992
  color: var(--aquarium-colors-grey-60);
2985
2993
  }
2986
2994
  .text-grey-70{
2987
- color: #4a4b57;
2995
+ color: rgba(74,75,87,1);
2988
2996
  color: var(--aquarium-colors-grey-70);
2989
2997
  }
2990
2998
  .text-grey-80{
2991
- color: #3a3a44;
2999
+ color: rgba(58,58,68,1);
2992
3000
  color: var(--aquarium-colors-grey-80);
2993
3001
  }
2994
3002
  .text-grey-90{
2995
- color: #292a31;
3003
+ color: rgba(41,42,49,1);
2996
3004
  color: var(--aquarium-colors-grey-90);
2997
3005
  }
2998
3006
  .text-grey-100{
2999
- color: #19191d;
3007
+ color: rgba(25,25,29,1);
3000
3008
  color: var(--aquarium-colors-grey-100);
3001
3009
  }
3002
3010
  .text-secondary-0{
3003
- color: #fffbf8;
3011
+ color: rgba(255,251,248,1);
3004
3012
  color: var(--aquarium-colors-secondary-0);
3005
3013
  }
3006
3014
  .text-secondary-5{
3007
- color: #fff3e8;
3015
+ color: rgba(255,243,232,1);
3008
3016
  color: var(--aquarium-colors-secondary-5);
3009
3017
  }
3010
3018
  .text-secondary-10{
3011
- color: #fee8d0;
3019
+ color: rgba(254,232,208,1);
3012
3020
  color: var(--aquarium-colors-secondary-10);
3013
3021
  }
3014
3022
  .text-secondary-20{
3015
- color: #f8c99c;
3023
+ color: rgba(248,201,156,1);
3016
3024
  color: var(--aquarium-colors-secondary-20);
3017
3025
  }
3018
3026
  .text-secondary-30{
3019
- color: #fab26e;
3027
+ color: rgba(250,178,110,1);
3020
3028
  color: var(--aquarium-colors-secondary-30);
3021
3029
  }
3022
3030
  .text-secondary-40{
3023
- color: #fb9a3e;
3031
+ color: rgba(251,154,62,1);
3024
3032
  color: var(--aquarium-colors-secondary-40);
3025
3033
  }
3026
3034
  .text-secondary-50{
3027
- color: #fc871a;
3035
+ color: rgba(252,135,26,1);
3028
3036
  color: var(--aquarium-colors-secondary-50);
3029
3037
  }
3030
3038
  .text-secondary-60{
3031
- color: #ff7700;
3039
+ color: rgba(255,119,0,1);
3032
3040
  color: var(--aquarium-colors-secondary-60);
3033
3041
  }
3034
3042
  .text-secondary-70{
3035
- color: #f96a02;
3043
+ color: rgba(249,106,2,1);
3036
3044
  color: var(--aquarium-colors-secondary-70);
3037
3045
  }
3038
3046
  .text-secondary-80{
3039
- color: #f3580d;
3047
+ color: rgba(243,88,13,1);
3040
3048
  color: var(--aquarium-colors-secondary-80);
3041
3049
  }
3042
3050
  .text-secondary-90{
3043
- color: #eb4610;
3051
+ color: rgba(235,70,16,1);
3044
3052
  color: var(--aquarium-colors-secondary-90);
3045
3053
  }
3046
3054
  .text-secondary-100{
3047
- color: #e11d16;
3055
+ color: rgba(225,29,22,1);
3048
3056
  color: var(--aquarium-colors-secondary-100);
3049
3057
  }
3050
3058
  .text-primary-0{
3051
- color: #ffffff;
3059
+ color: rgba(255,255,255,1);
3052
3060
  color: var(--aquarium-colors-primary-0);
3053
3061
  }
3054
3062
  .text-primary-5{
3055
- color: #f3f6ff;
3063
+ color: rgba(243,246,255,1);
3056
3064
  color: var(--aquarium-colors-primary-5);
3057
3065
  }
3058
3066
  .text-primary-10{
3059
- color: #e3e9ff;
3067
+ color: rgba(227,233,255,1);
3060
3068
  color: var(--aquarium-colors-primary-10);
3061
3069
  }
3062
3070
  .text-primary-20{
3063
- color: #d5ddfa;
3071
+ color: rgba(213,221,250,1);
3064
3072
  color: var(--aquarium-colors-primary-20);
3065
3073
  }
3066
3074
  .text-primary-30{
3067
- color: #c7d1f4;
3075
+ color: rgba(199,209,244,1);
3068
3076
  color: var(--aquarium-colors-primary-30);
3069
3077
  }
3070
3078
  .text-primary-40{
3071
- color: #b9c5ef;
3079
+ color: rgba(185,197,239,1);
3072
3080
  color: var(--aquarium-colors-primary-40);
3073
3081
  }
3074
3082
  .text-primary-50{
3075
- color: #9daaee;
3083
+ color: rgba(157,170,238,1);
3076
3084
  color: var(--aquarium-colors-primary-50);
3077
3085
  }
3078
3086
  .text-primary-60{
3079
- color: #818eec;
3087
+ color: rgba(129,142,236,1);
3080
3088
  color: var(--aquarium-colors-primary-60);
3081
3089
  }
3082
3090
  .text-primary-70{
3083
- color: #5865cd;
3091
+ color: rgba(88,101,205,1);
3084
3092
  color: var(--aquarium-colors-primary-70);
3085
3093
  }
3086
3094
  .text-primary-80{
3087
- color: #3545be;
3095
+ color: rgba(53,69,190,1);
3088
3096
  color: var(--aquarium-colors-primary-80);
3089
3097
  }
3090
3098
  .text-primary-90{
3091
- color: #222f95;
3099
+ color: rgba(34,47,149,1);
3092
3100
  color: var(--aquarium-colors-primary-90);
3093
3101
  }
3094
3102
  .text-primary-100{
3095
- color: #0e1652;
3103
+ color: rgba(14,22,82,1);
3096
3104
  color: var(--aquarium-colors-primary-100);
3097
3105
  }
3098
3106
  .text-inactive{
3099
- color: #9696a0;
3107
+ color: rgba(150,150,160,1);
3100
3108
  color: var(--aquarium-text-color-inactive);
3101
3109
  }
3102
3110
  .text-muted{
3103
- color: #787885;
3111
+ color: rgba(120,120,133,1);
3104
3112
  color: var(--aquarium-text-color-muted);
3105
3113
  }
3106
3114
  .text-default{
3107
- color: #4a4b57;
3115
+ color: rgba(74,75,87,1);
3108
3116
  color: var(--aquarium-text-color-default);
3109
3117
  }
3110
3118
  .text-intense{
3111
- color: #292a31;
3119
+ color: rgba(41,42,49,1);
3112
3120
  color: var(--aquarium-text-color-intense);
3113
3121
  }
3122
+ .text-opposite-default{
3123
+ color: white;
3124
+ color: var(--aquarium-text-color-opposite-default);
3125
+ }
3114
3126
  .text-primary-inactive{
3115
- color: #b9c5ef;
3127
+ color: rgba(185,197,239,1);
3116
3128
  color: var(--aquarium-text-color-primary-inactive);
3117
3129
  }
3118
3130
  .text-primary-active{
3119
- color: #222f95;
3131
+ color: rgba(34,47,149,1);
3120
3132
  color: var(--aquarium-text-color-primary-active);
3121
3133
  }
3122
3134
  .text-primary-muted{
3123
- color: #818eec;
3135
+ color: rgba(129,142,236,1);
3124
3136
  color: var(--aquarium-text-color-primary-muted);
3125
3137
  }
3126
3138
  .text-primary-default{
3127
- color: #5865cd;
3139
+ color: rgba(88,101,205,1);
3128
3140
  color: var(--aquarium-text-color-primary-default);
3129
3141
  }
3130
3142
  .text-primary-intense{
3131
- color: #3545be;
3143
+ color: rgba(53,69,190,1);
3132
3144
  color: var(--aquarium-text-color-primary-intense);
3133
3145
  }
3134
3146
  .text-info-inactive{
3135
- color: #b4e5fb;
3147
+ color: rgba(180,229,251,1);
3136
3148
  color: var(--aquarium-text-color-info-inactive);
3137
3149
  }
3138
3150
  .text-info-muted{
3139
- color: #4cc2f7;
3151
+ color: rgba(76,194,247,1);
3140
3152
  color: var(--aquarium-text-color-info-muted);
3141
3153
  }
3142
3154
  .text-info-default{
3143
- color: #0399e3;
3155
+ color: rgba(3,153,227,1);
3144
3156
  color: var(--aquarium-text-color-info-default);
3145
3157
  }
3146
3158
  .text-info-intense{
3147
- color: #0174ba;
3159
+ color: rgba(1,116,186,1);
3148
3160
  color: var(--aquarium-text-color-info-intense);
3149
3161
  }
3150
3162
  .text-success-inactive{
3151
- color: #cbffc9;
3163
+ color: rgba(203,255,201,1);
3152
3164
  color: var(--aquarium-text-color-success-inactive);
3153
3165
  }
3154
3166
  .text-success-muted{
3155
- color: #89eb80;
3167
+ color: rgba(137,235,128,1);
3156
3168
  color: var(--aquarium-text-color-success-muted);
3157
3169
  }
3158
3170
  .text-success-default{
3159
- color: #00b300;
3171
+ color: rgba(0,179,0,1);
3160
3172
  color: var(--aquarium-text-color-success-default);
3161
3173
  }
3162
3174
  .text-success-intense{
3163
- color: #008e00;
3175
+ color: rgba(0,142,0,1);
3164
3176
  color: var(--aquarium-text-color-success-intense);
3165
3177
  }
3166
3178
  .text-warning-inactive{
3167
- color: #feebb2;
3179
+ color: rgba(254,235,178,1);
3168
3180
  color: var(--aquarium-text-color-warning-inactive);
3169
3181
  }
3170
3182
  .text-warning-muted{
3171
- color: #fdd44d;
3183
+ color: rgba(253,212,77,1);
3172
3184
  color: var(--aquarium-text-color-warning-muted);
3173
3185
  }
3174
3186
  .text-warning-default{
3175
- color: #fd9f00;
3187
+ color: rgba(253,159,0,1);
3176
3188
  color: var(--aquarium-text-color-warning-default);
3177
3189
  }
3178
3190
  .text-warning-intense{
3179
- color: #fe6d00;
3191
+ color: rgba(254,109,0,1);
3180
3192
  color: var(--aquarium-text-color-warning-intense);
3181
3193
  }
3182
3194
  .text-danger-inactive{
3183
- color: #ffcbd2;
3195
+ color: rgba(255,203,210,1);
3184
3196
  color: var(--aquarium-text-color-danger-inactive);
3185
3197
  }
3186
3198
  .text-danger-muted{
3187
- color: #ffadb3;
3199
+ color: rgba(255,173,179,1);
3188
3200
  color: var(--aquarium-text-color-danger-muted);
3189
3201
  }
3190
3202
  .text-danger-default{
3191
- color: #e62728;
3203
+ color: rgba(230,39,40,1);
3192
3204
  color: var(--aquarium-text-color-danger-default);
3193
3205
  }
3194
3206
  .text-danger-intense{
3195
- color: #c50001;
3207
+ color: rgba(197,0,1,1);
3196
3208
  color: var(--aquarium-text-color-danger-intense);
3197
3209
  }
3198
3210
  .underline{
@@ -3209,8 +3221,8 @@ input[type='number'].no-arrows {
3209
3221
  .opacity-70{
3210
3222
  opacity: 0.7;
3211
3223
  }
3212
- .opacity-60{
3213
- opacity: 0.6;
3224
+ .opacity-80{
3225
+ opacity: 0.8;
3214
3226
  }
3215
3227
  .opacity-40{
3216
3228
  opacity: 0.4;
@@ -3358,27 +3370,121 @@ input[type='number'].no-arrows {
3358
3370
  display: none;
3359
3371
  }
3360
3372
  .aquarium-theme-dark {
3361
- --aquarium-text-color-faint: var(--aquarium-colors-grey-60);
3373
+ --aquarium-border-color-muted: var(--aquarium-colors-grey-60);
3374
+ --aquarium-border-color-default: var(--aquarium-colors-grey-40);
3375
+ --aquarium-border-color-intense: var(--aquarium-colors-grey-20);
3376
+ --aquarium-border-color-primary-muted: var(--aquarium-colors-primary-80);
3377
+ --aquarium-border-color-primary-default: var(--aquarium-colors-primary-60);
3378
+ --aquarium-border-color-primary-intense: var(--aquarium-colors-primary-40);
3379
+ --aquarium-border-color-info-muted: var(--aquarium-colors-info-100);
3380
+ --aquarium-border-color-info-default: var(--aquarium-colors-info-90);
3381
+ --aquarium-border-color-info-intense: var(--aquarium-colors-info-20);
3382
+ --aquarium-border-color-success-muted: var(--aquarium-colors-success-100);
3383
+ --aquarium-border-color-success-default: var(--aquarium-colors-success-80);
3384
+ --aquarium-border-color-success-intense: var(--aquarium-colors-success-80);
3385
+ --aquarium-border-color-warning-muted: var(--aquarium-colors-warning-100);
3386
+ --aquarium-border-color-warning-default: var(--aquarium-colors-warning-80);
3387
+ --aquarium-border-color-warning-intense: var(--aquarium-colors-warning-60);
3388
+ --aquarium-border-color-danger-muted: var(--aquarium-colors-error-80);
3389
+ --aquarium-border-color-danger-default: var(--aquarium-colors-error-50);
3390
+ --aquarium-border-color-danger-intense: var(--aquarium-colors-error-10);
3391
+
3392
+ --aquarium-background-color-body: var(--aquarium-colors-grey-100);
3393
+ --aquarium-background-color-body-intense: var(--aquarium-colors-grey-100);
3394
+ --aquarium-background-color-popover-content: var(--aquarium-colors-grey-90);
3395
+ --aquarium-background-color-muted: var(--aquarium-colors-grey-90);
3396
+ --aquarium-background-color-default: var(--aquarium-colors-grey-80);
3397
+ --aquarium-background-color-intense: var(--aquarium-colors-grey-20);
3398
+ --aquarium-background-color-primary-muted: var(--aquarium-colors-primary-90);
3399
+ --aquarium-background-color-primary-default: var(--aquarium-colors-primary-60);
3400
+ --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-10);
3401
+ --aquarium-background-color-primary-active: var(--aquarium-colors-primary-90);
3402
+ --aquarium-background-color-primary-hover: var(--aquarium-colors-primary-90);
3403
+ --aquarium-background-color-info-muted: var(--aquarium-colors-info-100);
3404
+ --aquarium-background-color-info-default: var(--aquarium-colors-info-90);
3405
+ --aquarium-background-color-info-intense: var(--aquarium-colors-info-40);
3406
+ --aquarium-background-color-success-muted: var(--aquarium-colors-success-100);
3407
+ --aquarium-background-color-success-default: var(--aquarium-colors-success-90);
3408
+ --aquarium-background-color-success-intense: var(--aquarium-colors-success-80);
3409
+ --aquarium-background-color-warning-muted: var(--aquarium-colors-warning-100);
3410
+ --aquarium-background-color-warning-default: var(--aquarium-colors-warning-90);
3411
+ --aquarium-background-color-warning-intense: var(--aquarium-colors-warning-40);
3412
+ --aquarium-background-color-danger-muted: var(--aquarium-colors-error-90);
3413
+ --aquarium-background-color-danger-default: var(--aquarium-colors-error-80);
3414
+ --aquarium-background-color-danger-intense: var(--aquarium-colors-error-40);
3415
+ --aquarium-background-color-status-announcement: color-mix(in srgb, var(--aquarium-colors-primary-90) 30%, transparent);
3416
+ --aquarium-background-color-status-info: color-mix(in srgb, var(--aquarium-colors-info-100) 30%, transparent);
3417
+ --aquarium-background-color-status-warning: color-mix(in srgb, var(--aquarium-colors-warning-100) 30%, transparent);
3418
+ --aquarium-background-color-status-danger: color-mix(in srgb, var(--aquarium-colors-error-100) 30%, transparent);
3419
+ --aquarium-background-color-status-success: color-mix(in srgb, var(--aquarium-colors-success-100) 30%, transparent);
3420
+
3421
+ --aquarium-text-color-inactive: var(--aquarium-colors-grey-60);
3362
3422
  --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
3363
- --aquarium-text-color-lighter: var(--aquarium-colors-grey-40);
3364
3423
  --aquarium-text-color-default: var(--aquarium-colors-grey-20);
3365
- --aquarium-text-color-accent: var(--aquarium-colors-grey-0);
3366
-
3367
- --aquarium-border-color-muted: var(--aquarium-colors-grey-80);
3368
- --aquarium-border-color-default: var(--aquarium-colors-grey-80);
3369
- --aquarium-border-color-accent: var(--aquarium-colors-grey-40);
3424
+ --aquarium-text-color-intense: var(--aquarium-colors-grey-0);
3425
+ --aquarium-text-color-opposite-default: var(--aquarium-colors-grey-90);
3426
+ --aquarium-text-color-primary-inactive: var(--aquarium-colors-grey-60);
3427
+ --aquarium-text-color-primary-active: var(--aquarium-colors-primary-60);
3428
+ --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-90);
3429
+ --aquarium-text-color-primary-default: var(--aquarium-colors-primary-60);
3430
+ --aquarium-text-color-primary-intense: var(--aquarium-colors-primary-40);
3431
+ --aquarium-text-color-info-inactive: var(--aquarium-colors-info-100);
3432
+ --aquarium-text-color-info-muted: var(--aquarium-colors-info-100);
3433
+ --aquarium-text-color-info-default: var(--aquarium-colors-info-70);
3434
+ --aquarium-text-color-info-intense: var(--aquarium-colors-info-90);
3435
+ --aquarium-text-color-success-inactive: var(--aquarium-colors-success-100);
3436
+ --aquarium-text-color-success-muted: var(--aquarium-colors-success-100);
3437
+ --aquarium-text-color-success-default: var(--aquarium-colors-success-90);
3438
+ --aquarium-text-color-success-intense: var(--aquarium-colors-success-70);
3439
+ --aquarium-text-color-warning-inactive: var(--aquarium-colors-warning-100);
3440
+ --aquarium-text-color-warning-muted: var(--aquarium-colors-warning-100);
3441
+ --aquarium-text-color-warning-default: var(--aquarium-colors-warning-70);
3442
+ --aquarium-text-color-warning-intense: var(--aquarium-colors-warning-90);
3443
+ --aquarium-text-color-danger-inactive: var(--aquarium-colors-error-100);
3444
+ --aquarium-text-color-danger-muted: var(--aquarium-colors-error-100);
3445
+ --aquarium-text-color-danger-default: var(--aquarium-colors-error-50);
3446
+ --aquarium-text-color-danger-intense: var(--aquarium-colors-error-30);
3370
3447
 
3371
- --aquarium-background-color-muted: var(--aquarium-colors-grey-80);
3372
- --aquarium-background-color-default: var(--aquarium-colors-grey-40);
3373
- --aquarium-background-color-accent: var(--aquarium-colors-grey-70);
3374
- --aquarium-background-color-contrast: var(--aquarium-colors-grey-20);
3448
+ /* We need to redefine this variable so that background color gets evaluated correctly. */
3449
+ --aquarium-box-shadow-body-inset: inset 0 0 0 3px var(--aquarium-background-color-body);
3375
3450
  }
3451
+ .aquarium-theme-dark .Aquarium-Toast {
3452
+ --aquarium-background-color-body-intense: var(--aquarium-background-color-intense);
3453
+ }
3454
+ .aquarium-theme-dark .Aquarium-Switch {
3455
+ --aquarium-background-color-intense: var(--aquarium-colors-grey-70);
3456
+ --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-60);
3457
+ }
3458
+ .aquarium-theme-dark .Aquarium-Button\.Primary {
3459
+ --aquarium-background-color-primary-default: var(--aquarium-colors-primary-90);
3460
+ --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-80);
3461
+ --aquarium-background-color-primary-muted: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
3462
+ }
3463
+ .aquarium-theme-dark .Aquarium-Button\.Primary:disabled {
3464
+ color: rgba(53,69,190,1);
3465
+ color: var(--aquarium-text-color-primary-intense);
3466
+ }
3467
+ .aquarium-theme-dark .Aquarium-Button\.Secondary {
3468
+ --tw-ring-color: var(--aquarium-text-color-primary-intense);
3469
+ }
3470
+ .aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
3471
+ background-color: white;
3472
+ background-color: var(--aquarium-background-color-body);
3473
+ color: rgba(34,47,149,1);
3474
+ color: var(--aquarium-background-color-primary-intense);
3475
+ --tw-ring-color: var(--aquarium-background-color-primary-intense);
3476
+ }
3477
+ .aquarium-theme-dark .Aquarium-Button\.Secondary:disabled {
3478
+ color: color-mix(in srgb, rgba(129,142,236,1) 50%, transparent);
3479
+ color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
3480
+ --tw-ring-color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
3481
+ }
3376
3482
  .placeholder\:text-inactive::-moz-placeholder{
3377
- color: #9696a0;
3483
+ color: rgba(150,150,160,1);
3378
3484
  color: var(--aquarium-text-color-inactive);
3379
3485
  }
3380
3486
  .placeholder\:text-inactive::placeholder{
3381
- color: #9696a0;
3487
+ color: rgba(150,150,160,1);
3382
3488
  color: var(--aquarium-text-color-inactive);
3383
3489
  }
3384
3490
  .before\:content-\[\'_\'\]::before{
@@ -3393,11 +3499,11 @@ input[type='number'].no-arrows {
3393
3499
  border-right-width: var(--aquarium-border-width-0);
3394
3500
  }
3395
3501
  .visited\:text-primary-intense:visited{
3396
- color: #3545be;
3502
+ color: rgba(53,69,190,1);
3397
3503
  color: var(--aquarium-text-color-primary-intense);
3398
3504
  }
3399
3505
  .checked\:border-primary-default:checked{
3400
- border-color: #3545be;
3506
+ border-color: rgba(53,69,190,1);
3401
3507
  border-color: var(--aquarium-border-color-primary-default);
3402
3508
  }
3403
3509
  .checked\:border-transparent:checked{
@@ -3405,19 +3511,19 @@ input[type='number'].no-arrows {
3405
3511
  border-color: var(--aquarium-colors-transparent);
3406
3512
  }
3407
3513
  .checked\:bg-primary-default:checked{
3408
- background-color: #3545be;
3514
+ background-color: rgba(53,69,190,1);
3409
3515
  background-color: var(--aquarium-background-color-primary-default);
3410
3516
  }
3411
3517
  .checked\:bg-primary-muted:checked{
3412
- background-color: #b9c5ef;
3518
+ background-color: rgba(185,197,239,1);
3413
3519
  background-color: var(--aquarium-background-color-primary-muted);
3414
3520
  }
3415
3521
  .checked\:opacity-50:checked{
3416
3522
  opacity: 0.5;
3417
3523
  }
3418
- .checked\:shadow-whiteInset:checked{
3419
- --tw-shadow: var(--aquarium-box-shadow-white-inset);
3420
- --tw-shadow-colored: var(--aquarium-box-shadow-white-inset);
3524
+ .checked\:shadow-bodyInset:checked{
3525
+ --tw-shadow: var(--aquarium-box-shadow-body-inset);
3526
+ --tw-shadow-colored: var(--aquarium-box-shadow-body-inset);
3421
3527
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3422
3528
  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);
3423
3529
  }
@@ -3425,27 +3531,27 @@ input[type='number'].no-arrows {
3425
3531
  cursor: pointer;
3426
3532
  }
3427
3533
  .hover\:border-intense:hover{
3428
- border-color: #787885;
3534
+ border-color: rgba(120,120,133,1);
3429
3535
  border-color: var(--aquarium-border-color-intense);
3430
3536
  }
3431
3537
  .hover\:bg-primary-hover:hover{
3432
- background-color: #f3f6ff;
3538
+ background-color: rgba(243,246,255,1);
3433
3539
  background-color: var(--aquarium-background-color-primary-hover);
3434
3540
  }
3435
3541
  .hover\:bg-muted:hover{
3436
- background-color: #f7f7fa;
3542
+ background-color: rgba(247,247,250,1);
3437
3543
  background-color: var(--aquarium-background-color-muted);
3438
3544
  }
3439
3545
  .hover\:bg-default:hover{
3440
- background-color: #ededf0;
3546
+ background-color: rgba(237,237,240,1);
3441
3547
  background-color: var(--aquarium-background-color-default);
3442
3548
  }
3443
3549
  .hover\:bg-intense:hover{
3444
- background-color: #d2d2d6;
3550
+ background-color: rgba(210,210,214,1);
3445
3551
  background-color: var(--aquarium-background-color-intense);
3446
3552
  }
3447
3553
  .hover\:bg-primary-intense:hover{
3448
- background-color: #222f95;
3554
+ background-color: rgba(34,47,149,1);
3449
3555
  background-color: var(--aquarium-background-color-primary-intense);
3450
3556
  }
3451
3557
  .hover\:bg-icon-button-hover:hover{
@@ -3453,23 +3559,23 @@ input[type='number'].no-arrows {
3453
3559
  background-color: var(--aquarium-background-color-icon-button-hover);
3454
3560
  }
3455
3561
  .hover\:bg-danger-muted:hover{
3456
- background-color: #ffcbd2;
3562
+ background-color: rgba(255,203,210,1);
3457
3563
  background-color: var(--aquarium-background-color-danger-muted);
3458
3564
  }
3459
3565
  .hover\:text-primary-active:hover{
3460
- color: #222f95;
3566
+ color: rgba(34,47,149,1);
3461
3567
  color: var(--aquarium-text-color-primary-active);
3462
3568
  }
3463
3569
  .hover\:text-primary-default:hover{
3464
- color: #5865cd;
3570
+ color: rgba(88,101,205,1);
3465
3571
  color: var(--aquarium-text-color-primary-default);
3466
3572
  }
3467
3573
  .hover\:text-primary-intense:hover{
3468
- color: #3545be;
3574
+ color: rgba(53,69,190,1);
3469
3575
  color: var(--aquarium-text-color-primary-intense);
3470
3576
  }
3471
3577
  .hover\:text-intense:hover{
3472
- color: #292a31;
3578
+ color: rgba(41,42,49,1);
3473
3579
  color: var(--aquarium-text-color-intense);
3474
3580
  }
3475
3581
  .hover\:underline:hover{
@@ -3480,11 +3586,11 @@ input[type='number'].no-arrows {
3480
3586
  --tw-ring-color: var(--aquarium-colors-primary-90);
3481
3587
  }
3482
3588
  .hover\:checked\:bg-primary-intense:checked:hover{
3483
- background-color: #222f95;
3589
+ background-color: rgba(34,47,149,1);
3484
3590
  background-color: var(--aquarium-background-color-primary-intense);
3485
3591
  }
3486
3592
  .focus\:border-info-default:focus{
3487
- border-color: #0399e3;
3593
+ border-color: rgba(3,153,227,1);
3488
3594
  border-color: var(--aquarium-border-color-info-default);
3489
3595
  }
3490
3596
  .focus\:border-transparent:focus{
@@ -3492,15 +3598,15 @@ input[type='number'].no-arrows {
3492
3598
  border-color: var(--aquarium-colors-transparent);
3493
3599
  }
3494
3600
  .focus\:bg-danger-default:focus{
3495
- background-color: #ffadb3;
3601
+ background-color: rgba(255,173,179,1);
3496
3602
  background-color: var(--aquarium-background-color-danger-default);
3497
3603
  }
3498
3604
  .focus\:bg-intense:focus{
3499
- background-color: #d2d2d6;
3605
+ background-color: rgba(210,210,214,1);
3500
3606
  background-color: var(--aquarium-background-color-intense);
3501
3607
  }
3502
3608
  .focus\:text-primary-intense:focus{
3503
- color: #3545be;
3609
+ color: rgba(53,69,190,1);
3504
3610
  color: var(--aquarium-text-color-primary-intense);
3505
3611
  }
3506
3612
  .focus\:outline-none:focus{
@@ -3526,43 +3632,43 @@ input[type='number'].no-arrows {
3526
3632
  z-index: 50;
3527
3633
  }
3528
3634
  .focus-visible\:border-info-default.focus-visible{
3529
- border-color: #0399e3;
3635
+ border-color: rgba(3,153,227,1);
3530
3636
  border-color: var(--aquarium-border-color-info-default);
3531
3637
  }
3532
3638
  .focus-visible\:border-info-default:focus-visible{
3533
- border-color: #0399e3;
3639
+ border-color: rgba(3,153,227,1);
3534
3640
  border-color: var(--aquarium-border-color-info-default);
3535
3641
  }
3536
3642
  .focus-visible\:bg-muted.focus-visible{
3537
- background-color: #f7f7fa;
3643
+ background-color: rgba(247,247,250,1);
3538
3644
  background-color: var(--aquarium-background-color-muted);
3539
3645
  }
3540
3646
  .focus-visible\:bg-muted:focus-visible{
3541
- background-color: #f7f7fa;
3647
+ background-color: rgba(247,247,250,1);
3542
3648
  background-color: var(--aquarium-background-color-muted);
3543
3649
  }
3544
3650
  .focus-visible\:text-primary-active.focus-visible{
3545
- color: #222f95;
3651
+ color: rgba(34,47,149,1);
3546
3652
  color: var(--aquarium-text-color-primary-active);
3547
3653
  }
3548
3654
  .focus-visible\:text-primary-active:focus-visible{
3549
- color: #222f95;
3655
+ color: rgba(34,47,149,1);
3550
3656
  color: var(--aquarium-text-color-primary-active);
3551
3657
  }
3552
3658
  .focus-visible\:text-primary-intense.focus-visible{
3553
- color: #3545be;
3659
+ color: rgba(53,69,190,1);
3554
3660
  color: var(--aquarium-text-color-primary-intense);
3555
3661
  }
3556
3662
  .focus-visible\:text-primary-intense:focus-visible{
3557
- color: #3545be;
3663
+ color: rgba(53,69,190,1);
3558
3664
  color: var(--aquarium-text-color-primary-intense);
3559
3665
  }
3560
3666
  .focus-visible\:text-intense.focus-visible{
3561
- color: #292a31;
3667
+ color: rgba(41,42,49,1);
3562
3668
  color: var(--aquarium-text-color-intense);
3563
3669
  }
3564
3670
  .focus-visible\:text-intense:focus-visible{
3565
- color: #292a31;
3671
+ color: rgba(41,42,49,1);
3566
3672
  color: var(--aquarium-text-color-intense);
3567
3673
  }
3568
3674
  .focus-visible\:outline-none.focus-visible{
@@ -3638,11 +3744,11 @@ input[type='number'].no-arrows {
3638
3744
  background-color: var(--aquarium-background-color-body);
3639
3745
  }
3640
3746
  .active\:bg-primary-intense:active{
3641
- background-color: #222f95;
3747
+ background-color: rgba(34,47,149,1);
3642
3748
  background-color: var(--aquarium-background-color-primary-intense);
3643
3749
  }
3644
3750
  .active\:bg-primary-active:active{
3645
- background-color: #f3f6ff;
3751
+ background-color: rgba(243,246,255,1);
3646
3752
  background-color: var(--aquarium-background-color-primary-active);
3647
3753
  }
3648
3754
  .active\:bg-transparent:active{
@@ -3650,19 +3756,19 @@ input[type='number'].no-arrows {
3650
3756
  background-color: var(--aquarium-colors-transparent);
3651
3757
  }
3652
3758
  .active\:text-primary-active:active{
3653
- color: #222f95;
3759
+ color: rgba(34,47,149,1);
3654
3760
  color: var(--aquarium-text-color-primary-active);
3655
3761
  }
3656
3762
  .active\:text-primary-intense:active{
3657
- color: #3545be;
3763
+ color: rgba(53,69,190,1);
3658
3764
  color: var(--aquarium-text-color-primary-intense);
3659
3765
  }
3660
3766
  .active\:text-muted:active{
3661
- color: #787885;
3767
+ color: rgba(120,120,133,1);
3662
3768
  color: var(--aquarium-text-color-muted);
3663
3769
  }
3664
3770
  .active\:text-default:active{
3665
- color: #4a4b57;
3771
+ color: rgba(74,75,87,1);
3666
3772
  color: var(--aquarium-text-color-default);
3667
3773
  }
3668
3774
  .active\:ring-0:active{
@@ -3678,15 +3784,15 @@ input[type='number'].no-arrows {
3678
3784
  cursor: not-allowed;
3679
3785
  }
3680
3786
  .disabled\:border-default:disabled{
3681
- border-color: #d2d2d6;
3787
+ border-color: rgba(210,210,214,1);
3682
3788
  border-color: var(--aquarium-border-color-default);
3683
3789
  }
3684
3790
  .disabled\:bg-default:disabled{
3685
- background-color: #ededf0;
3791
+ background-color: rgba(237,237,240,1);
3686
3792
  background-color: var(--aquarium-background-color-default);
3687
3793
  }
3688
3794
  .disabled\:bg-primary-muted:disabled{
3689
- background-color: #b9c5ef;
3795
+ background-color: rgba(185,197,239,1);
3690
3796
  background-color: var(--aquarium-background-color-primary-muted);
3691
3797
  }
3692
3798
  .disabled\:bg-body:disabled{
@@ -3698,15 +3804,15 @@ input[type='number'].no-arrows {
3698
3804
  background-color: var(--aquarium-colors-transparent);
3699
3805
  }
3700
3806
  .disabled\:bg-muted:disabled{
3701
- background-color: #f7f7fa;
3807
+ background-color: rgba(247,247,250,1);
3702
3808
  background-color: var(--aquarium-background-color-muted);
3703
3809
  }
3704
3810
  .disabled\:text-inactive:disabled{
3705
- color: #9696a0;
3811
+ color: rgba(150,150,160,1);
3706
3812
  color: var(--aquarium-text-color-inactive);
3707
3813
  }
3708
3814
  .disabled\:text-primary-inactive:disabled{
3709
- color: #b9c5ef;
3815
+ color: rgba(185,197,239,1);
3710
3816
  color: var(--aquarium-text-color-primary-inactive);
3711
3817
  }
3712
3818
  .disabled\:ring-primary-40:disabled{
@@ -3720,7 +3826,7 @@ input[type='number'].no-arrows {
3720
3826
  visibility: visible;
3721
3827
  }
3722
3828
  .group:hover .group-hover\:bg-muted{
3723
- background-color: #f7f7fa;
3829
+ background-color: rgba(247,247,250,1);
3724
3830
  background-color: var(--aquarium-background-color-muted);
3725
3831
  }
3726
3832
  .group:hover .group-hover\:opacity-100{
@@ -3734,7 +3840,7 @@ input[type='number'].no-arrows {
3734
3840
  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));
3735
3841
  }
3736
3842
  .peer:checked~.peer-checked\:border-primary-default{
3737
- border-color: #3545be;
3843
+ border-color: rgba(53,69,190,1);
3738
3844
  border-color: var(--aquarium-border-color-primary-default);
3739
3845
  }
3740
3846
  .peer:checked~.peer-checked\:border-transparent{
@@ -3746,30 +3852,30 @@ input[type='number'].no-arrows {
3746
3852
  color: var(--aquarium-colors-white);
3747
3853
  }
3748
3854
  .peer:checked~.peer-checked\:text-primary-default{
3749
- color: #5865cd;
3855
+ color: rgba(88,101,205,1);
3750
3856
  color: var(--aquarium-text-color-primary-default);
3751
3857
  }
3752
3858
  .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
3753
- color: #818eec;
3859
+ color: rgba(129,142,236,1);
3754
3860
  color: var(--aquarium-text-color-primary-muted);
3755
3861
  }
3756
3862
  .peer:hover~.peer-hover\:border-intense{
3757
- border-color: #787885;
3863
+ border-color: rgba(120,120,133,1);
3758
3864
  border-color: var(--aquarium-border-color-intense);
3759
3865
  }
3760
3866
  .peer:focus~.peer-focus\:border-info-default{
3761
- border-color: #0399e3;
3867
+ border-color: rgba(3,153,227,1);
3762
3868
  border-color: var(--aquarium-border-color-info-default);
3763
3869
  }
3764
3870
  .peer:checked:disabled~.peer-checked\:peer-disabled\:bg-muted{
3765
- background-color: #f7f7fa;
3871
+ background-color: rgba(247,247,250,1);
3766
3872
  background-color: var(--aquarium-background-color-muted);
3767
3873
  }
3768
3874
  .children\:inline-block>*{
3769
3875
  display: inline-block;
3770
3876
  }
3771
3877
  .children\:border-default>*{
3772
- border-color: #d2d2d6;
3878
+ border-color: rgba(210,210,214,1);
3773
3879
  border-color: var(--aquarium-border-color-default);
3774
3880
  }
3775
3881
  .children\:opacity-70>*{
@@ -3791,26 +3897,26 @@ input[type='number'].no-arrows {
3791
3897
  stroke: var(--aquarium-colors-white);
3792
3898
  }
3793
3899
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
3794
- stroke: #5865cd;
3900
+ stroke: rgba(88,101,205,1);
3795
3901
  stroke: var(--aquarium-colors-primary-70);
3796
3902
  }
3797
3903
  .\[\&\>\*\]\:bg-primary-active>*{
3798
- background-color: #f3f6ff;
3904
+ background-color: rgba(243,246,255,1);
3799
3905
  background-color: var(--aquarium-background-color-primary-active);
3800
3906
  }
3801
3907
  .\[\&\>\*\]\:hover\:bg-muted:hover>*{
3802
- background-color: #f7f7fa;
3908
+ background-color: rgba(247,247,250,1);
3803
3909
  background-color: var(--aquarium-background-color-muted);
3804
3910
  }
3805
3911
  .\[\&\>button\]\:p-0>button{
3806
3912
  padding: 0px;
3807
3913
  }
3808
3914
  .\[\&\>button\]\:text-muted>button{
3809
- color: #787885;
3915
+ color: rgba(120,120,133,1);
3810
3916
  color: var(--aquarium-text-color-muted);
3811
3917
  }
3812
3918
  .\[\&\>button\]\:text-danger-muted>button{
3813
- color: #ffadb3;
3919
+ color: rgba(255,173,179,1);
3814
3920
  color: var(--aquarium-text-color-danger-muted);
3815
3921
  }
3816
3922
  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){