@aivenio/aquarium 1.78.0 → 1.79.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.
Files changed (45) hide show
  1. package/dist/atoms.cjs +95 -3
  2. package/dist/atoms.mjs +95 -3
  3. package/dist/charts.cjs +1 -0
  4. package/dist/charts.mjs +1 -0
  5. package/dist/src/atoms/utils/index.d.ts +234 -0
  6. package/dist/src/atoms/utils/index.js +32 -0
  7. package/dist/src/molecules/Context/Context.d.ts +2 -1
  8. package/dist/src/molecules/Context/Context.js +6 -4
  9. package/dist/src/molecules/DateField/DateField.d.ts +10 -0
  10. package/dist/src/molecules/DateField/DateField.js +33 -0
  11. package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
  12. package/dist/src/molecules/DateField/DateInput.js +22 -0
  13. package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
  14. package/dist/src/molecules/DatePicker/Button.js +12 -0
  15. package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
  16. package/dist/src/molecules/DatePicker/Calendar.js +44 -0
  17. package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
  18. package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
  19. package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
  20. package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
  21. package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
  22. package/dist/src/molecules/DatePicker/Dialog.js +7 -0
  23. package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
  24. package/dist/src/molecules/DatePicker/Popover.js +27 -0
  25. package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
  26. package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
  27. package/dist/src/molecules/Field/Field.d.ts +3 -0
  28. package/dist/src/molecules/Field/Field.js +7 -0
  29. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
  30. package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
  31. package/dist/src/molecules/TimeField/TimeField.js +33 -0
  32. package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
  33. package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
  34. package/dist/src/molecules/index.d.ts +3 -0
  35. package/dist/src/molecules/index.js +4 -1
  36. package/dist/src/utils/tailwind.d.ts +1 -0
  37. package/dist/src/utils/tailwind.js +6 -1
  38. package/dist/styles.css +1933 -1489
  39. package/dist/system.cjs +1025 -505
  40. package/dist/system.mjs +1011 -474
  41. package/dist/tailwind.config.js +2 -1
  42. package/dist/tailwind.theme.json +93 -3
  43. package/dist/tsconfig.module.tsbuildinfo +1 -1
  44. package/dist/types/tailwindGenerated.d.ts +1 -1
  45. package/package.json +6 -4
package/dist/styles.css CHANGED
@@ -3,8 +3,114 @@
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
5
  @import 'https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap';
6
+ *,::before,::after{
7
+ --tw-border-spacing-x: 0;
8
+ --tw-border-spacing-y: 0;
9
+ --tw-translate-x: 0;
10
+ --tw-translate-y: 0;
11
+ --tw-rotate: 0;
12
+ --tw-skew-x: 0;
13
+ --tw-skew-y: 0;
14
+ --tw-scale-x: 1;
15
+ --tw-scale-y: 1;
16
+ --tw-pan-x: ;
17
+ --tw-pan-y: ;
18
+ --tw-pinch-zoom: ;
19
+ --tw-scroll-snap-strictness: proximity;
20
+ --tw-gradient-from-position: ;
21
+ --tw-gradient-via-position: ;
22
+ --tw-gradient-to-position: ;
23
+ --tw-ordinal: ;
24
+ --tw-slashed-zero: ;
25
+ --tw-numeric-figure: ;
26
+ --tw-numeric-spacing: ;
27
+ --tw-numeric-fraction: ;
28
+ --tw-ring-inset: ;
29
+ --tw-ring-offset-width: 0px;
30
+ --tw-ring-offset-color: #fff;
31
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
32
+ --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
33
+ --tw-ring-shadow: 0 0 rgba(0,0,0,0);
34
+ --tw-shadow: 0 0 rgba(0,0,0,0);
35
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
36
+ --tw-blur: ;
37
+ --tw-brightness: ;
38
+ --tw-contrast: ;
39
+ --tw-grayscale: ;
40
+ --tw-hue-rotate: ;
41
+ --tw-invert: ;
42
+ --tw-saturate: ;
43
+ --tw-sepia: ;
44
+ --tw-drop-shadow: ;
45
+ --tw-backdrop-blur: ;
46
+ --tw-backdrop-brightness: ;
47
+ --tw-backdrop-contrast: ;
48
+ --tw-backdrop-grayscale: ;
49
+ --tw-backdrop-hue-rotate: ;
50
+ --tw-backdrop-invert: ;
51
+ --tw-backdrop-opacity: ;
52
+ --tw-backdrop-saturate: ;
53
+ --tw-backdrop-sepia: ;
54
+ --tw-contain-size: ;
55
+ --tw-contain-layout: ;
56
+ --tw-contain-paint: ;
57
+ --tw-contain-style: ;
58
+ }
59
+ ::backdrop{
60
+ --tw-border-spacing-x: 0;
61
+ --tw-border-spacing-y: 0;
62
+ --tw-translate-x: 0;
63
+ --tw-translate-y: 0;
64
+ --tw-rotate: 0;
65
+ --tw-skew-x: 0;
66
+ --tw-skew-y: 0;
67
+ --tw-scale-x: 1;
68
+ --tw-scale-y: 1;
69
+ --tw-pan-x: ;
70
+ --tw-pan-y: ;
71
+ --tw-pinch-zoom: ;
72
+ --tw-scroll-snap-strictness: proximity;
73
+ --tw-gradient-from-position: ;
74
+ --tw-gradient-via-position: ;
75
+ --tw-gradient-to-position: ;
76
+ --tw-ordinal: ;
77
+ --tw-slashed-zero: ;
78
+ --tw-numeric-figure: ;
79
+ --tw-numeric-spacing: ;
80
+ --tw-numeric-fraction: ;
81
+ --tw-ring-inset: ;
82
+ --tw-ring-offset-width: 0px;
83
+ --tw-ring-offset-color: #fff;
84
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
85
+ --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
86
+ --tw-ring-shadow: 0 0 rgba(0,0,0,0);
87
+ --tw-shadow: 0 0 rgba(0,0,0,0);
88
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
89
+ --tw-blur: ;
90
+ --tw-brightness: ;
91
+ --tw-contrast: ;
92
+ --tw-grayscale: ;
93
+ --tw-hue-rotate: ;
94
+ --tw-invert: ;
95
+ --tw-saturate: ;
96
+ --tw-sepia: ;
97
+ --tw-drop-shadow: ;
98
+ --tw-backdrop-blur: ;
99
+ --tw-backdrop-brightness: ;
100
+ --tw-backdrop-contrast: ;
101
+ --tw-backdrop-grayscale: ;
102
+ --tw-backdrop-hue-rotate: ;
103
+ --tw-backdrop-invert: ;
104
+ --tw-backdrop-opacity: ;
105
+ --tw-backdrop-saturate: ;
106
+ --tw-backdrop-sepia: ;
107
+ --tw-contain-size: ;
108
+ --tw-contain-layout: ;
109
+ --tw-contain-paint: ;
110
+ --tw-contain-style: ;
111
+ }
6
112
  /*
7
- ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
113
+ ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
8
114
  */
9
115
  /*
10
116
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -25,15 +131,19 @@
25
131
  3. Use a more readable tab size.
26
132
  4. Use the user's configured `sans` font-family by default.
27
133
  5. Use the user's configured `sans` font-feature-settings by default.
134
+ 6. Use the user's configured `sans` font-variation-settings by default.
135
+ 7. Disable tap highlights on iOS
28
136
  */
29
- html {
137
+ html,:host {
30
138
  line-height: 1.5; /* 1 */
31
139
  -webkit-text-size-adjust: 100%; /* 2 */
32
140
  -moz-tab-size: 4; /* 3 */
33
141
  -o-tab-size: 4;
34
142
  tab-size: 4; /* 3 */
35
- font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
143
+ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
36
144
  font-feature-settings: normal; /* 5 */
145
+ font-variation-settings: normal; /* 6 */
146
+ -webkit-tap-highlight-color: transparent; /* 7 */
37
147
  }
38
148
  /*
39
149
  1. Remove the margin in all browsers.
@@ -81,12 +191,16 @@ b,strong {
81
191
  font-weight: bolder;
82
192
  }
83
193
  /*
84
- 1. Use the user's configured `mono` font family by default.
85
- 2. Correct the odd `em` font sizing in all browsers.
194
+ 1. Use the user's configured `mono` font-family by default.
195
+ 2. Use the user's configured `mono` font-feature-settings by default.
196
+ 3. Use the user's configured `mono` font-variation-settings by default.
197
+ 4. Correct the odd `em` font sizing in all browsers.
86
198
  */
87
199
  code,kbd,samp,pre {
88
200
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
89
- font-size: 1em; /* 2 */
201
+ font-feature-settings: normal; /* 2 */
202
+ font-variation-settings: normal; /* 3 */
203
+ font-size: 1em; /* 4 */
90
204
  }
91
205
  /*
92
206
  Add the correct font size in all browsers.
@@ -126,9 +240,12 @@ table {
126
240
  */
127
241
  button,input,optgroup,select,textarea {
128
242
  font-family: inherit; /* 1 */
243
+ font-feature-settings: inherit; /* 1 */
244
+ font-variation-settings: inherit; /* 1 */
129
245
  font-size: 100%; /* 1 */
130
246
  font-weight: inherit; /* 1 */
131
247
  line-height: inherit; /* 1 */
248
+ letter-spacing: inherit; /* 1 */
132
249
  color: inherit; /* 1 */
133
250
  margin: 0; /* 2 */
134
251
  padding: 0; /* 3 */
@@ -143,7 +260,7 @@ button,select {
143
260
  1. Correct the inability to style clickable types in iOS and Safari.
144
261
  2. Remove default button styles.
145
262
  */
146
- button,[type='button'],[type='reset'],[type='submit'] {
263
+ button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']) {
147
264
  -webkit-appearance: button; /* 1 */
148
265
  background-color: transparent; /* 2 */
149
266
  background-image: none; /* 2 */
@@ -219,6 +336,12 @@ ol,ul,menu {
219
336
  padding: 0;
220
337
  }
221
338
  /*
339
+ Reset default styling for dialogs.
340
+ */
341
+ dialog {
342
+ padding: 0;
343
+ }
344
+ /*
222
345
  Prevent resizing textareas horizontally by default.
223
346
  */
224
347
  textarea {
@@ -268,98 +391,6 @@ img,video {
268
391
  [hidden] {
269
392
  display: none;
270
393
  }
271
- *,::before,::after{
272
- --tw-border-spacing-x: 0;
273
- --tw-border-spacing-y: 0;
274
- --tw-translate-x: 0;
275
- --tw-translate-y: 0;
276
- --tw-rotate: 0;
277
- --tw-skew-x: 0;
278
- --tw-skew-y: 0;
279
- --tw-scale-x: 1;
280
- --tw-scale-y: 1;
281
- --tw-pan-x: ;
282
- --tw-pan-y: ;
283
- --tw-pinch-zoom: ;
284
- --tw-scroll-snap-strictness: proximity;
285
- --tw-ordinal: ;
286
- --tw-slashed-zero: ;
287
- --tw-numeric-figure: ;
288
- --tw-numeric-spacing: ;
289
- --tw-numeric-fraction: ;
290
- --tw-ring-inset: ;
291
- --tw-ring-offset-width: 0px;
292
- --tw-ring-offset-color: #fff;
293
- --tw-ring-color: rgba(59, 130, 246, 0.5);
294
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
295
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
296
- --tw-shadow: 0 0 rgba(0,0,0,0);
297
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
298
- --tw-blur: ;
299
- --tw-brightness: ;
300
- --tw-contrast: ;
301
- --tw-grayscale: ;
302
- --tw-hue-rotate: ;
303
- --tw-invert: ;
304
- --tw-saturate: ;
305
- --tw-sepia: ;
306
- --tw-drop-shadow: ;
307
- --tw-backdrop-blur: ;
308
- --tw-backdrop-brightness: ;
309
- --tw-backdrop-contrast: ;
310
- --tw-backdrop-grayscale: ;
311
- --tw-backdrop-hue-rotate: ;
312
- --tw-backdrop-invert: ;
313
- --tw-backdrop-opacity: ;
314
- --tw-backdrop-saturate: ;
315
- --tw-backdrop-sepia: ;
316
- }
317
- ::backdrop{
318
- --tw-border-spacing-x: 0;
319
- --tw-border-spacing-y: 0;
320
- --tw-translate-x: 0;
321
- --tw-translate-y: 0;
322
- --tw-rotate: 0;
323
- --tw-skew-x: 0;
324
- --tw-skew-y: 0;
325
- --tw-scale-x: 1;
326
- --tw-scale-y: 1;
327
- --tw-pan-x: ;
328
- --tw-pan-y: ;
329
- --tw-pinch-zoom: ;
330
- --tw-scroll-snap-strictness: proximity;
331
- --tw-ordinal: ;
332
- --tw-slashed-zero: ;
333
- --tw-numeric-figure: ;
334
- --tw-numeric-spacing: ;
335
- --tw-numeric-fraction: ;
336
- --tw-ring-inset: ;
337
- --tw-ring-offset-width: 0px;
338
- --tw-ring-offset-color: #fff;
339
- --tw-ring-color: rgba(59, 130, 246, 0.5);
340
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
341
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
342
- --tw-shadow: 0 0 rgba(0,0,0,0);
343
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
344
- --tw-blur: ;
345
- --tw-brightness: ;
346
- --tw-contrast: ;
347
- --tw-grayscale: ;
348
- --tw-hue-rotate: ;
349
- --tw-invert: ;
350
- --tw-saturate: ;
351
- --tw-sepia: ;
352
- --tw-drop-shadow: ;
353
- --tw-backdrop-blur: ;
354
- --tw-backdrop-brightness: ;
355
- --tw-backdrop-contrast: ;
356
- --tw-backdrop-grayscale: ;
357
- --tw-backdrop-hue-rotate: ;
358
- --tw-backdrop-invert: ;
359
- --tw-backdrop-opacity: ;
360
- --tw-backdrop-saturate: ;
361
- --tw-backdrop-sepia: ;
362
- }
363
394
  /**
364
395
  * This file is autogenerated. Do not edit directly.
365
396
  */
@@ -719,59 +750,59 @@ input[type='number'].no-arrows {
719
750
  }
720
751
  /* https://tailwindcss.com/docs/using-with-preprocessors */
721
752
  /* @import statements must come first*/
722
- .container{
723
- width: 100%;
724
- }
725
753
  .\!container{
726
754
  width: 100% !important;
727
755
  }
756
+ .container{
757
+ width: 100%;
758
+ }
728
759
  @media (min-width: 0px){
729
- .container{
730
- max-width: 0px;
731
- }
732
760
  .\!container{
733
761
  max-width: 0px !important;
734
762
  }
735
- }
736
- @media (min-width: 320px){
737
763
  .container{
738
- max-width: 320px;
764
+ max-width: 0px;
739
765
  }
766
+ }
767
+ @media (min-width: 320px){
740
768
  .\!container{
741
769
  max-width: 320px !important;
742
770
  }
743
- }
744
- @media (min-width: 672px){
745
771
  .container{
746
- max-width: 672px;
772
+ max-width: 320px;
747
773
  }
774
+ }
775
+ @media (min-width: 672px){
748
776
  .\!container{
749
777
  max-width: 672px !important;
750
778
  }
751
- }
752
- @media (min-width: 1056px){
753
779
  .container{
754
- max-width: 1056px;
780
+ max-width: 672px;
755
781
  }
782
+ }
783
+ @media (min-width: 1056px){
756
784
  .\!container{
757
785
  max-width: 1056px !important;
758
786
  }
759
- }
760
- @media (min-width: 1312px){
761
787
  .container{
762
- max-width: 1312px;
788
+ max-width: 1056px;
763
789
  }
790
+ }
791
+ @media (min-width: 1312px){
764
792
  .\!container{
765
793
  max-width: 1312px !important;
766
794
  }
767
- }
768
- @media (min-width: 1536px){
769
795
  .container{
770
- max-width: 1536px;
796
+ max-width: 1312px;
771
797
  }
798
+ }
799
+ @media (min-width: 1536px){
772
800
  .\!container{
773
801
  max-width: 1536px !important;
774
802
  }
803
+ .container{
804
+ max-width: 1536px;
805
+ }
775
806
  }
776
807
  .typography-large-heading{
777
808
  font: normal 700 32px/1.375 Poppins;
@@ -909,78 +940,78 @@ input[type='number'].no-arrows {
909
940
  top: 0px;
910
941
  bottom: 0px;
911
942
  }
912
- .right-4{
913
- right: 12px;
914
- }
915
- .top-\[18px\]{
916
- top: 18px;
943
+ .-left-1\/2{
944
+ left: -50%;
917
945
  }
918
- .top-0{
919
- top: 0px;
946
+ .bottom-0{
947
+ bottom: 0px;
920
948
  }
921
949
  .left-0{
922
950
  left: 0px;
923
951
  }
952
+ .left-1\/2{
953
+ left: 50%;
954
+ }
955
+ .left-2{
956
+ left: 4px;
957
+ }
924
958
  .right-0{
925
959
  right: 0px;
926
960
  }
927
- .top-\[47px\]{
928
- top: 47px;
929
- }
930
- .top-\[24px\]{
931
- top: 24px;
961
+ .right-4{
962
+ right: 12px;
932
963
  }
933
964
  .right-\[28px\]{
934
965
  right: 28px;
935
966
  }
936
- .-left-1\/2{
937
- left: -50%;
967
+ .top-0{
968
+ top: 0px;
938
969
  }
939
- .top-\[3px\]{
940
- top: 3px;
970
+ .top-1\/2{
971
+ top: 50%;
941
972
  }
942
973
  .top-\[14px\]{
943
974
  top: 14px;
944
975
  }
945
- .left-2{
946
- left: 4px;
947
- }
948
- .top-1\/2{
949
- top: 50%;
950
- }
951
- .left-1\/2{
952
- left: 50%;
976
+ .top-\[18px\]{
977
+ top: 18px;
953
978
  }
954
- .bottom-0{
955
- bottom: 0px;
979
+ .top-\[24px\]{
980
+ top: 24px;
956
981
  }
957
- .z-10{
958
- z-index: 10;
982
+ .top-\[3px\]{
983
+ top: 3px;
959
984
  }
960
- .z-modal{
961
- z-index: 100;
985
+ .top-\[47px\]{
986
+ top: 47px;
962
987
  }
963
988
  .-z-10{
964
989
  z-index: -10;
965
990
  }
991
+ .z-0{
992
+ z-index: 0;
993
+ }
994
+ .z-10{
995
+ z-index: 10;
996
+ }
966
997
  .z-20{
967
998
  z-index: 20;
968
999
  }
969
1000
  .z-40{
970
1001
  z-index: 40;
971
1002
  }
972
- .z-0{
973
- z-index: 0;
1003
+ .z-modal{
1004
+ z-index: 100;
974
1005
  }
975
1006
  .col-span-full{
976
1007
  grid-column: 1 / -1;
977
1008
  }
978
- .col-start-2{
979
- grid-column-start: 2;
980
- }
981
1009
  .col-start-1{
982
1010
  grid-column-start: 1;
983
1011
  }
1012
+ .col-start-2{
1013
+ grid-column-start: 2;
1014
+ }
984
1015
  .col-start-3{
985
1016
  grid-column-start: 3;
986
1017
  }
@@ -1006,6 +1037,22 @@ input[type='number'].no-arrows {
1006
1037
  margin-left: -12px;
1007
1038
  margin-right: -12px;
1008
1039
  }
1040
+ .mx-0{
1041
+ margin-left: 0px;
1042
+ margin-right: 0px;
1043
+ }
1044
+ .mx-1{
1045
+ margin-left: 2px;
1046
+ margin-right: 2px;
1047
+ }
1048
+ .mx-2{
1049
+ margin-left: 4px;
1050
+ margin-right: 4px;
1051
+ }
1052
+ .mx-3{
1053
+ margin-left: 8px;
1054
+ margin-right: 8px;
1055
+ }
1009
1056
  .mx-7{
1010
1057
  margin-left: 32px;
1011
1058
  margin-right: 32px;
@@ -1014,70 +1061,90 @@ input[type='number'].no-arrows {
1014
1061
  margin-top: 2px;
1015
1062
  margin-bottom: 2px;
1016
1063
  }
1017
- .mx-3{
1018
- margin-left: 8px;
1019
- margin-right: 8px;
1020
- }
1021
1064
  .my-4{
1022
1065
  margin-top: 12px;
1023
1066
  margin-bottom: 12px;
1024
1067
  }
1025
- .mx-2{
1026
- margin-left: 4px;
1027
- margin-right: 4px;
1028
- }
1029
- .mx-1{
1030
- margin-left: 2px;
1031
- margin-right: 2px;
1068
+ .-mt-4{
1069
+ margin-top: -12px;
1032
1070
  }
1033
- .mx-0{
1034
- margin-left: 0px;
1035
- margin-right: 0px;
1071
+ .mb-2{
1072
+ margin-bottom: 4px;
1036
1073
  }
1037
1074
  .mb-3{
1038
1075
  margin-bottom: 8px;
1039
1076
  }
1040
- .mt-5{
1041
- margin-top: 16px;
1042
- }
1043
- .-mt-4{
1044
- margin-top: -12px;
1077
+ .mb-5{
1078
+ margin-bottom: 16px;
1045
1079
  }
1046
- .mt-auto{
1047
- margin-top: auto;
1080
+ .mb-\[-20px\]{
1081
+ margin-bottom: -20px;
1048
1082
  }
1049
- .mt-1{
1050
- margin-top: 2px;
1083
+ .mb-\[-2px\]{
1084
+ margin-bottom: -2px;
1051
1085
  }
1052
- .mt-4{
1053
- margin-top: 12px;
1086
+ .mb-\[7px\]{
1087
+ margin-bottom: 7px;
1054
1088
  }
1055
- .mb-\[-20px\]{
1056
- margin-bottom: -20px;
1089
+ .ml-2{
1090
+ margin-left: 4px;
1057
1091
  }
1058
- .mb-5{
1059
- margin-bottom: 16px;
1092
+ .ml-3{
1093
+ margin-left: 8px;
1060
1094
  }
1061
1095
  .mr-4{
1062
1096
  margin-right: 12px;
1063
1097
  }
1098
+ .mt-1{
1099
+ margin-top: 2px;
1100
+ }
1064
1101
  .mt-2{
1065
1102
  margin-top: 4px;
1066
1103
  }
1067
- .ml-3{
1068
- margin-left: 8px;
1104
+ .mt-4{
1105
+ margin-top: 12px;
1069
1106
  }
1070
- .mb-\[-2px\]{
1071
- margin-bottom: -2px;
1107
+ .mt-5{
1108
+ margin-top: 16px;
1072
1109
  }
1073
- .mb-2{
1074
- margin-bottom: 4px;
1110
+ .mt-auto{
1111
+ margin-top: auto;
1075
1112
  }
1076
- .ml-2{
1077
- margin-left: 4px;
1113
+ .line-clamp-1{
1114
+ overflow: hidden;
1115
+ display: -webkit-box;
1116
+ -webkit-box-orient: vertical;
1117
+ -webkit-line-clamp: 1;
1078
1118
  }
1079
- .mb-\[7px\]{
1080
- margin-bottom: 7px;
1119
+ .line-clamp-2{
1120
+ overflow: hidden;
1121
+ display: -webkit-box;
1122
+ -webkit-box-orient: vertical;
1123
+ -webkit-line-clamp: 2;
1124
+ }
1125
+ .line-clamp-3{
1126
+ overflow: hidden;
1127
+ display: -webkit-box;
1128
+ -webkit-box-orient: vertical;
1129
+ -webkit-line-clamp: 3;
1130
+ }
1131
+ .line-clamp-4{
1132
+ overflow: hidden;
1133
+ display: -webkit-box;
1134
+ -webkit-box-orient: vertical;
1135
+ -webkit-line-clamp: 4;
1136
+ }
1137
+ .line-clamp-5{
1138
+ overflow: hidden;
1139
+ display: -webkit-box;
1140
+ -webkit-box-orient: vertical;
1141
+ -webkit-line-clamp: 5;
1142
+ }
1143
+ .line-clamp-6{
1144
+ overflow: hidden;
1145
+ display: -webkit-box;
1146
+ -webkit-box-orient: vertical;
1147
+ -webkit-line-clamp: 6;
1081
1148
  }
1082
1149
  .block{
1083
1150
  display: block;
@@ -1085,24 +1152,24 @@ input[type='number'].no-arrows {
1085
1152
  .inline-block{
1086
1153
  display: inline-block;
1087
1154
  }
1088
- .inline{
1089
- display: inline;
1090
- }
1091
1155
  .\!inline{
1092
1156
  display: inline !important;
1093
1157
  }
1158
+ .inline{
1159
+ display: inline;
1160
+ }
1094
1161
  .flex{
1095
1162
  display: flex;
1096
1163
  }
1097
1164
  .inline-flex{
1098
1165
  display: inline-flex;
1099
1166
  }
1100
- .table{
1101
- display: table;
1102
- }
1103
1167
  .\!table{
1104
1168
  display: table !important;
1105
1169
  }
1170
+ .table{
1171
+ display: table;
1172
+ }
1106
1173
  .grid{
1107
1174
  display: grid;
1108
1175
  }
@@ -1112,26 +1179,29 @@ input[type='number'].no-arrows {
1112
1179
  .contents{
1113
1180
  display: contents;
1114
1181
  }
1115
- .hidden{
1116
- display: none;
1117
- }
1118
1182
  .\!hidden{
1119
1183
  display: none !important;
1120
1184
  }
1185
+ .hidden{
1186
+ display: none;
1187
+ }
1121
1188
  .aspect-square{
1122
1189
  aspect-ratio: 1 / 1;
1123
1190
  }
1124
1191
  .h-1{
1125
1192
  height: 2px;
1126
1193
  }
1127
- .h-\[20px\]{
1128
- height: 20px;
1194
+ .h-1px{
1195
+ height: 1px;
1129
1196
  }
1130
- .h-\[174px\]{
1131
- height: 174px;
1197
+ .h-2{
1198
+ height: 4px;
1132
1199
  }
1133
- .h-\[225px\]{
1134
- height: 225px;
1200
+ .h-3{
1201
+ height: 8px;
1202
+ }
1203
+ .h-4{
1204
+ height: 12px;
1135
1205
  }
1136
1206
  .h-5{
1137
1207
  height: 16px;
@@ -1139,125 +1209,146 @@ input[type='number'].no-arrows {
1139
1209
  .h-6{
1140
1210
  height: 24px;
1141
1211
  }
1142
- .h-\[1px\]{
1143
- height: 1px;
1144
- }
1145
- .h-full{
1146
- height: 100%;
1212
+ .h-8{
1213
+ height: 40px;
1147
1214
  }
1148
1215
  .h-\[120px\]{
1149
1216
  height: 120px;
1150
1217
  }
1151
- .h-2{
1152
- height: 4px;
1218
+ .h-\[174px\]{
1219
+ height: 174px;
1153
1220
  }
1154
- .h-\[72px\]{
1155
- height: 72px;
1221
+ .h-\[1px\]{
1222
+ height: 1px;
1223
+ }
1224
+ .h-\[20px\]{
1225
+ height: 20px;
1226
+ }
1227
+ .h-\[225px\]{
1228
+ height: 225px;
1229
+ }
1230
+ .h-\[25px\]{
1231
+ height: 25px;
1156
1232
  }
1157
1233
  .h-\[2px\]{
1158
1234
  height: 2px;
1159
1235
  }
1160
- .h-\[3px\]{
1161
- height: 3px;
1162
- }
1163
1236
  .h-\[32px\]{
1164
1237
  height: 32px;
1165
1238
  }
1166
- .h-\[8px\]{
1167
- height: 8px;
1168
- }
1169
- .h-4{
1170
- height: 12px;
1239
+ .h-\[3px\]{
1240
+ height: 3px;
1171
1241
  }
1172
1242
  .h-\[50px\]{
1173
1243
  height: 50px;
1174
1244
  }
1245
+ .h-\[56px\]{
1246
+ height: 56px;
1247
+ }
1175
1248
  .h-\[6px\]{
1176
1249
  height: 6px;
1177
1250
  }
1178
- .h-\[9px\]{
1179
- height: 9px;
1180
- }
1181
- .h-1px{
1182
- height: 1px;
1251
+ .h-\[72px\]{
1252
+ height: 72px;
1183
1253
  }
1184
- .h-3{
1254
+ .h-\[8px\]{
1185
1255
  height: 8px;
1186
1256
  }
1187
- .h-\[56px\]{
1188
- height: 56px;
1257
+ .h-\[9px\]{
1258
+ height: 9px;
1189
1259
  }
1190
1260
  .h-auto{
1191
1261
  height: auto;
1192
1262
  }
1193
- .h-\[25px\]{
1194
- height: 25px;
1263
+ .h-full{
1264
+ height: 100%;
1265
+ }
1266
+ .max-h-\[inherit\]{
1267
+ max-height: inherit;
1195
1268
  }
1196
1269
  .max-h-full{
1197
1270
  max-height: 100%;
1198
1271
  }
1199
- .min-h-full{
1200
- min-height: 100%;
1201
- }
1202
1272
  .min-h-\[120px\]{
1203
1273
  min-height: 120px;
1204
1274
  }
1205
1275
  .min-h-\[50px\]{
1206
1276
  min-height: 50px;
1207
1277
  }
1208
- .w-full{
1209
- width: 100%;
1278
+ .min-h-full{
1279
+ min-height: 100%;
1210
1280
  }
1211
- .w-\[280px\]{
1212
- width: 280px;
1281
+ .w-1{
1282
+ width: 2px;
1213
1283
  }
1214
- .w-5{
1284
+ .w-1px{
1285
+ width: 1px;
1286
+ }
1287
+ .w-2{
1288
+ width: 4px;
1289
+ }
1290
+ .w-3{
1291
+ width: 8px;
1292
+ }
1293
+ .w-4{
1294
+ width: 12px;
1295
+ }
1296
+ .w-5{
1215
1297
  width: 16px;
1216
1298
  }
1217
- .w-\[360px\]{
1218
- width: 360px;
1299
+ .w-6{
1300
+ width: 24px;
1219
1301
  }
1220
- .w-\[560px\]{
1221
- width: 560px;
1302
+ .w-8{
1303
+ width: 40px;
1222
1304
  }
1223
1305
  .w-\[1080px\]{
1224
1306
  width: 1080px;
1225
1307
  }
1308
+ .w-\[280px\]{
1309
+ width: 280px;
1310
+ }
1226
1311
  .w-\[32px\]{
1227
1312
  width: 32px;
1228
1313
  }
1229
- .w-\[8px\]{
1230
- width: 8px;
1231
- }
1232
1314
  .w-\[34px\]{
1233
1315
  width: 34px;
1234
1316
  }
1235
- .w-4{
1236
- width: 12px;
1317
+ .w-\[360px\]{
1318
+ width: 360px;
1237
1319
  }
1238
- .w-1{
1239
- width: 2px;
1320
+ .w-\[560px\]{
1321
+ width: 560px;
1322
+ }
1323
+ .w-\[56px\]{
1324
+ width: 56px;
1240
1325
  }
1241
1326
  .w-\[6px\]{
1242
1327
  width: 6px;
1243
1328
  }
1329
+ .w-\[8px\]{
1330
+ width: 8px;
1331
+ }
1244
1332
  .w-\[9px\]{
1245
1333
  width: 9px;
1246
1334
  }
1247
- .w-1px{
1248
- width: 1px;
1335
+ .w-auto{
1336
+ width: auto;
1249
1337
  }
1250
- .w-2{
1251
- width: 4px;
1338
+ .w-full{
1339
+ width: 100%;
1252
1340
  }
1253
- .w-3{
1254
- width: 8px;
1341
+ .min-w-0{
1342
+ min-width: 0px;
1255
1343
  }
1256
- .w-6{
1257
- width: 24px;
1344
+ .min-w-\[150px\]{
1345
+ min-width: 150px;
1258
1346
  }
1259
- .w-\[56px\]{
1260
- width: 56px;
1347
+ .min-w-\[200px\]{
1348
+ min-width: 200px;
1349
+ }
1350
+ .min-w-\[210px\]{
1351
+ min-width: 210px;
1261
1352
  }
1262
1353
  .min-w-\[280px\]{
1263
1354
  min-width: 280px;
@@ -1265,18 +1356,24 @@ input[type='number'].no-arrows {
1265
1356
  .min-w-full{
1266
1357
  min-width: 100%;
1267
1358
  }
1268
- .min-w-0{
1269
- min-width: 0px;
1359
+ .max-w-\[300px\]{
1360
+ max-width: 300px;
1361
+ }
1362
+ .max-w-\[320px\]{
1363
+ max-width: 320px;
1364
+ }
1365
+ .max-w-\[40px\]{
1366
+ max-width: 40px;
1270
1367
  }
1271
1368
  .max-w-\[600px\]{
1272
1369
  max-width: 600px;
1273
1370
  }
1371
+ .max-w-\[70px\]{
1372
+ max-width: 70px;
1373
+ }
1274
1374
  .max-w-\[940px\]{
1275
1375
  max-width: 940px;
1276
1376
  }
1277
- .max-w-screen-xl{
1278
- max-width: 1536px;
1279
- }
1280
1377
  .max-w-screen-lg{
1281
1378
  max-width: 1312px;
1282
1379
  }
@@ -1286,20 +1383,14 @@ input[type='number'].no-arrows {
1286
1383
  .max-w-screen-sm{
1287
1384
  max-width: 672px;
1288
1385
  }
1386
+ .max-w-screen-xl{
1387
+ max-width: 1536px;
1388
+ }
1289
1389
  .max-w-screen-xs{
1290
1390
  max-width: 320px;
1291
1391
  }
1292
- .max-w-\[70px\]{
1293
- max-width: 70px;
1294
- }
1295
- .max-w-\[40px\]{
1296
- max-width: 40px;
1297
- }
1298
- .max-w-\[300px\]{
1299
- max-width: 300px;
1300
- }
1301
- .max-w-\[320px\]{
1302
- max-width: 320px;
1392
+ .flex-1{
1393
+ flex: 1 1 0%;
1303
1394
  }
1304
1395
  .shrink{
1305
1396
  flex-shrink: 1;
@@ -1393,9 +1484,6 @@ input[type='number'].no-arrows {
1393
1484
  .grid-flow-col{
1394
1485
  grid-auto-flow: column;
1395
1486
  }
1396
- .grid-cols-\[auto_1fr_auto\]{
1397
- grid-template-columns: auto 1fr auto;
1398
- }
1399
1487
  .grid-cols-1{
1400
1488
  grid-template-columns: repeat(1, minmax(0, 1fr));
1401
1489
  }
@@ -1405,9 +1493,6 @@ input[type='number'].no-arrows {
1405
1493
  .grid-cols-3{
1406
1494
  grid-template-columns: repeat(3, minmax(0, 1fr));
1407
1495
  }
1408
- .grid-cols-\[auto_1fr\]{
1409
- grid-template-columns: auto 1fr;
1410
- }
1411
1496
  .grid-cols-\[16px_1fr\]{
1412
1497
  grid-template-columns: 16px 1fr;
1413
1498
  }
@@ -1417,6 +1502,12 @@ input[type='number'].no-arrows {
1417
1502
  .grid-cols-\[200px_1fr_200px\]{
1418
1503
  grid-template-columns: 200px 1fr 200px;
1419
1504
  }
1505
+ .grid-cols-\[auto_1fr\]{
1506
+ grid-template-columns: auto 1fr;
1507
+ }
1508
+ .grid-cols-\[auto_1fr_auto\]{
1509
+ grid-template-columns: auto 1fr auto;
1510
+ }
1420
1511
  .flex-row{
1421
1512
  flex-direction: row;
1422
1513
  }
@@ -1450,63 +1541,67 @@ input[type='number'].no-arrows {
1450
1541
  .justify-between{
1451
1542
  justify-content: space-between;
1452
1543
  }
1453
- .gap-4{
1454
- grid-gap: 12px;
1455
- gap: 12px;
1544
+ .gap-0{
1545
+ grid-gap: 0px;
1546
+ gap: 0px;
1456
1547
  }
1457
- .gap-7{
1458
- grid-gap: 32px;
1459
- gap: 32px;
1548
+ .gap-1{
1549
+ grid-gap: 2px;
1550
+ gap: 2px;
1460
1551
  }
1461
- .gap-5{
1462
- grid-gap: 16px;
1463
- gap: 16px;
1552
+ .gap-2{
1553
+ grid-gap: 4px;
1554
+ gap: 4px;
1464
1555
  }
1465
1556
  .gap-3{
1466
1557
  grid-gap: 8px;
1467
1558
  gap: 8px;
1468
1559
  }
1469
- .gap-0{
1470
- grid-gap: 0px;
1471
- gap: 0px;
1560
+ .gap-4{
1561
+ grid-gap: 12px;
1562
+ gap: 12px;
1472
1563
  }
1473
- .gap-2{
1474
- grid-gap: 4px;
1475
- gap: 4px;
1564
+ .gap-5{
1565
+ grid-gap: 16px;
1566
+ gap: 16px;
1567
+ }
1568
+ .gap-7{
1569
+ grid-gap: 32px;
1570
+ gap: 32px;
1476
1571
  }
1477
1572
  .gap-8{
1478
1573
  grid-gap: 40px;
1479
1574
  gap: 40px;
1480
1575
  }
1481
- .gap-x-3{
1482
- grid-column-gap: 8px;
1483
- -moz-column-gap: 8px;
1484
- column-gap: 8px;
1485
- }
1486
- .gap-y-2{
1487
- grid-row-gap: 4px;
1488
- row-gap: 4px;
1489
- }
1490
1576
  .gap-x-2{
1491
1577
  grid-column-gap: 4px;
1492
1578
  -moz-column-gap: 4px;
1493
1579
  column-gap: 4px;
1494
1580
  }
1495
- .gap-x-5{
1496
- grid-column-gap: 16px;
1497
- -moz-column-gap: 16px;
1498
- column-gap: 16px;
1581
+ .gap-x-3{
1582
+ grid-column-gap: 8px;
1583
+ -moz-column-gap: 8px;
1584
+ column-gap: 8px;
1499
1585
  }
1500
1586
  .gap-x-4{
1501
1587
  grid-column-gap: 12px;
1502
1588
  -moz-column-gap: 12px;
1503
1589
  column-gap: 12px;
1504
1590
  }
1591
+ .gap-x-5{
1592
+ grid-column-gap: 16px;
1593
+ -moz-column-gap: 16px;
1594
+ column-gap: 16px;
1595
+ }
1505
1596
  .gap-x-6{
1506
1597
  grid-column-gap: 24px;
1507
1598
  -moz-column-gap: 24px;
1508
1599
  column-gap: 24px;
1509
1600
  }
1601
+ .gap-y-2{
1602
+ grid-row-gap: 4px;
1603
+ row-gap: 4px;
1604
+ }
1510
1605
  .divide-x>:not([hidden])~:not([hidden]){
1511
1606
  --tw-divide-x-reverse: 0;
1512
1607
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -1527,6 +1622,9 @@ input[type='number'].no-arrows {
1527
1622
  .justify-self-center{
1528
1623
  justify-self: center;
1529
1624
  }
1625
+ .overflow-auto{
1626
+ overflow: auto;
1627
+ }
1530
1628
  .overflow-hidden{
1531
1629
  overflow: hidden;
1532
1630
  }
@@ -1560,14 +1658,6 @@ input[type='number'].no-arrows {
1560
1658
  .break-all{
1561
1659
  word-break: break-all;
1562
1660
  }
1563
- .rounded-sm{
1564
- border-radius: 0.125rem;
1565
- border-radius: var(--aquarium-border-radius-sm);
1566
- }
1567
- .rounded-full{
1568
- border-radius: 9999px;
1569
- border-radius: var(--aquarium-border-radius-full);
1570
- }
1571
1661
  .rounded{
1572
1662
  border-radius: 4px;
1573
1663
  border-radius: var(--aquarium-border-radius-default);
@@ -1575,13 +1665,18 @@ input[type='number'].no-arrows {
1575
1665
  .rounded-\[2px\]{
1576
1666
  border-radius: 2px;
1577
1667
  }
1668
+ .rounded-full{
1669
+ border-radius: 9999px;
1670
+ border-radius: var(--aquarium-border-radius-full);
1671
+ }
1672
+ .rounded-sm{
1673
+ border-radius: 0.125rem;
1674
+ border-radius: var(--aquarium-border-radius-sm);
1675
+ }
1578
1676
  .border{
1579
1677
  border-width: 1px;
1580
1678
  border-width: var(--aquarium-border-width-default);
1581
1679
  }
1582
- .border-\[2px\]{
1583
- border-width: 2px;
1584
- }
1585
1680
  .border-0{
1586
1681
  border-width: 0px;
1587
1682
  border-width: var(--aquarium-border-width-0);
@@ -1590,18 +1685,13 @@ input[type='number'].no-arrows {
1590
1685
  border-width: 2px;
1591
1686
  border-width: var(--aquarium-border-width-2);
1592
1687
  }
1688
+ .border-\[2px\]{
1689
+ border-width: 2px;
1690
+ }
1593
1691
  .border-b{
1594
1692
  border-bottom-width: 1px;
1595
1693
  border-bottom-width: var(--aquarium-border-width-default);
1596
1694
  }
1597
- .border-r-1{
1598
- border-right-width: 1px;
1599
- border-right-width: var(--aquarium-border-width-1);
1600
- }
1601
- .border-t-2{
1602
- border-top-width: 2px;
1603
- border-top-width: var(--aquarium-border-width-2);
1604
- }
1605
1695
  .border-b-1{
1606
1696
  border-bottom-width: 1px;
1607
1697
  border-bottom-width: var(--aquarium-border-width-1);
@@ -1610,6 +1700,14 @@ input[type='number'].no-arrows {
1610
1700
  border-bottom-width: 2px;
1611
1701
  border-bottom-width: var(--aquarium-border-width-2);
1612
1702
  }
1703
+ .border-r-1{
1704
+ border-right-width: 1px;
1705
+ border-right-width: var(--aquarium-border-width-1);
1706
+ }
1707
+ .border-t-2{
1708
+ border-top-width: 2px;
1709
+ border-top-width: var(--aquarium-border-width-2);
1710
+ }
1613
1711
  .border-solid{
1614
1712
  border-style: solid;
1615
1713
  }
@@ -1619,34 +1717,42 @@ input[type='number'].no-arrows {
1619
1717
  .border-none{
1620
1718
  border-style: none;
1621
1719
  }
1622
- .border-white{
1623
- border-color: white;
1624
- border-color: var(--aquarium-colors-white);
1625
- }
1626
1720
  .border-black{
1627
1721
  border-color: black;
1628
1722
  border-color: var(--aquarium-colors-black);
1629
1723
  }
1630
- .border-transparent{
1631
- border-color: transparent;
1632
- border-color: var(--aquarium-colors-transparent);
1633
- }
1634
1724
  .border-current{
1635
1725
  border-color: currentColor;
1636
1726
  border-color: var(--aquarium-colors-current);
1637
1727
  }
1728
+ .border-danger-default{
1729
+ border-color: rgba(230,39,40,1);
1730
+ border-color: var(--aquarium-border-color-danger-default);
1731
+ }
1732
+ .border-danger-intense{
1733
+ border-color: rgba(197,0,1,1);
1734
+ border-color: var(--aquarium-border-color-danger-intense);
1735
+ }
1736
+ .border-danger-muted{
1737
+ border-color: rgba(255,203,210,1);
1738
+ border-color: var(--aquarium-border-color-danger-muted);
1739
+ }
1740
+ .border-default{
1741
+ border-color: rgba(210,210,214,1);
1742
+ border-color: var(--aquarium-border-color-default);
1743
+ }
1638
1744
  .border-error-0{
1639
1745
  border-color: rgba(254,242,241,1);
1640
1746
  border-color: var(--aquarium-colors-error-0);
1641
1747
  }
1642
- .border-error-5{
1643
- border-color: rgba(254,232,231,1);
1644
- border-color: var(--aquarium-colors-error-5);
1645
- }
1646
1748
  .border-error-10{
1647
1749
  border-color: rgba(255,203,210,1);
1648
1750
  border-color: var(--aquarium-colors-error-10);
1649
1751
  }
1752
+ .border-error-100{
1753
+ border-color: rgba(170,0,0,1);
1754
+ border-color: var(--aquarium-colors-error-100);
1755
+ }
1650
1756
  .border-error-20{
1651
1757
  border-color: rgba(255,173,179,1);
1652
1758
  border-color: var(--aquarium-colors-error-20);
@@ -1659,6 +1765,10 @@ input[type='number'].no-arrows {
1659
1765
  border-color: rgba(224,80,79,1);
1660
1766
  border-color: var(--aquarium-colors-error-40);
1661
1767
  }
1768
+ .border-error-5{
1769
+ border-color: rgba(254,232,231,1);
1770
+ border-color: var(--aquarium-colors-error-5);
1771
+ }
1662
1772
  .border-error-50{
1663
1773
  border-color: rgba(230,39,40,1);
1664
1774
  border-color: var(--aquarium-colors-error-50);
@@ -1679,118 +1789,66 @@ input[type='number'].no-arrows {
1679
1789
  border-color: rgba(185,0,0,1);
1680
1790
  border-color: var(--aquarium-colors-error-90);
1681
1791
  }
1682
- .border-error-100{
1683
- border-color: rgba(170,0,0,1);
1684
- border-color: var(--aquarium-colors-error-100);
1685
- }
1686
- .border-warning-0{
1687
- border-color: rgba(255,253,249,1);
1688
- border-color: var(--aquarium-colors-warning-0);
1792
+ .border-grey-0{
1793
+ border-color: rgba(247,247,250,1);
1794
+ border-color: var(--aquarium-colors-grey-0);
1689
1795
  }
1690
- .border-warning-5{
1691
- border-color: rgba(255,248,234,1);
1692
- border-color: var(--aquarium-colors-warning-5);
1796
+ .border-grey-10{
1797
+ border-color: rgba(225,225,227,1);
1798
+ border-color: var(--aquarium-colors-grey-10);
1693
1799
  }
1694
- .border-warning-10{
1695
- border-color: rgba(255,242,205,1);
1696
- border-color: var(--aquarium-colors-warning-10);
1800
+ .border-grey-100{
1801
+ border-color: rgba(25,25,29,1);
1802
+ border-color: var(--aquarium-colors-grey-100);
1697
1803
  }
1698
- .border-warning-20{
1699
- border-color: rgba(254,235,178,1);
1700
- border-color: var(--aquarium-colors-warning-20);
1804
+ .border-grey-20{
1805
+ border-color: rgba(210,210,214,1);
1806
+ border-color: var(--aquarium-colors-grey-20);
1701
1807
  }
1702
- .border-warning-30{
1703
- border-color: rgba(253,223,129,1);
1704
- border-color: var(--aquarium-colors-warning-30);
1705
- }
1706
- .border-warning-40{
1707
- border-color: rgba(253,212,77,1);
1708
- border-color: var(--aquarium-colors-warning-40);
1709
- }
1710
- .border-warning-50{
1711
- border-color: rgba(253,201,38,1);
1712
- border-color: var(--aquarium-colors-warning-50);
1713
- }
1714
- .border-warning-60{
1715
- border-color: rgba(255,193,7,1);
1716
- border-color: var(--aquarium-colors-warning-60);
1717
- }
1718
- .border-warning-70{
1719
- border-color: rgba(255,179,0,1);
1720
- border-color: var(--aquarium-colors-warning-70);
1721
- }
1722
- .border-warning-80{
1723
- border-color: rgba(253,159,0,1);
1724
- border-color: var(--aquarium-colors-warning-80);
1725
- }
1726
- .border-warning-90{
1727
- border-color: rgba(255,144,3,1);
1728
- border-color: var(--aquarium-colors-warning-90);
1729
- }
1730
- .border-warning-100{
1731
- border-color: rgba(254,109,0,1);
1732
- border-color: var(--aquarium-colors-warning-100);
1733
- }
1734
- .border-success-0{
1735
- border-color: rgba(245,250,245,1);
1736
- border-color: var(--aquarium-colors-success-0);
1737
- }
1738
- .border-success-5{
1739
- border-color: rgba(236,247,237,1);
1740
- border-color: var(--aquarium-colors-success-5);
1741
- }
1742
- .border-success-10{
1743
- border-color: rgba(203,255,201,1);
1744
- border-color: var(--aquarium-colors-success-10);
1745
- }
1746
- .border-success-20{
1747
- border-color: rgba(175,255,167,1);
1748
- border-color: var(--aquarium-colors-success-20);
1749
- }
1750
- .border-success-30{
1751
- border-color: rgba(137,235,128,1);
1752
- border-color: var(--aquarium-colors-success-30);
1808
+ .border-grey-30{
1809
+ border-color: rgba(180,180,187,1);
1810
+ border-color: var(--aquarium-colors-grey-30);
1753
1811
  }
1754
- .border-success-40{
1755
- border-color: rgba(96,219,87,1);
1756
- border-color: var(--aquarium-colors-success-40);
1812
+ .border-grey-40{
1813
+ border-color: rgba(150,150,160,1);
1814
+ border-color: var(--aquarium-colors-grey-40);
1757
1815
  }
1758
- .border-success-50{
1759
- border-color: rgba(64,206,55,1);
1760
- border-color: var(--aquarium-colors-success-50);
1816
+ .border-grey-5{
1817
+ border-color: rgba(237,237,240,1);
1818
+ border-color: var(--aquarium-colors-grey-5);
1761
1819
  }
1762
- .border-success-60{
1763
- border-color: rgba(0,195,0,1);
1764
- border-color: var(--aquarium-colors-success-60);
1820
+ .border-grey-50{
1821
+ border-color: rgba(120,120,133,1);
1822
+ border-color: var(--aquarium-colors-grey-50);
1765
1823
  }
1766
- .border-success-70{
1767
- border-color: rgba(0,179,0,1);
1768
- border-color: var(--aquarium-colors-success-70);
1824
+ .border-grey-60{
1825
+ border-color: rgba(90,91,106,1);
1826
+ border-color: var(--aquarium-colors-grey-60);
1769
1827
  }
1770
- .border-success-80{
1771
- border-color: rgba(0,159,0,1);
1772
- border-color: var(--aquarium-colors-success-80);
1828
+ .border-grey-70{
1829
+ border-color: rgba(74,75,87,1);
1830
+ border-color: var(--aquarium-colors-grey-70);
1773
1831
  }
1774
- .border-success-90{
1775
- border-color: rgba(0,142,0,1);
1776
- border-color: var(--aquarium-colors-success-90);
1832
+ .border-grey-80{
1833
+ border-color: rgba(58,58,68,1);
1834
+ border-color: var(--aquarium-colors-grey-80);
1777
1835
  }
1778
- .border-success-100{
1779
- border-color: rgba(0,111,0,1);
1780
- border-color: var(--aquarium-colors-success-100);
1836
+ .border-grey-90{
1837
+ border-color: rgba(41,42,49,1);
1838
+ border-color: var(--aquarium-colors-grey-90);
1781
1839
  }
1782
1840
  .border-info-0{
1783
1841
  border-color: rgba(249,253,255,1);
1784
1842
  border-color: var(--aquarium-colors-info-0);
1785
1843
  }
1786
- .border-info-5{
1787
- border-color: rgba(239,250,255,1);
1788
- border-color: var(--aquarium-colors-info-5);
1789
- }
1790
1844
  .border-info-10{
1791
1845
  border-color: rgba(224,245,254,1);
1792
1846
  border-color: var(--aquarium-colors-info-10);
1793
1847
  }
1848
+ .border-info-100{
1849
+ border-color: rgba(2,86,154,1);
1850
+ border-color: var(--aquarium-colors-info-100);
1851
+ }
1794
1852
  .border-info-20{
1795
1853
  border-color: rgba(180,229,251,1);
1796
1854
  border-color: var(--aquarium-colors-info-20);
@@ -1803,6 +1861,10 @@ input[type='number'].no-arrows {
1803
1861
  border-color: rgba(76,194,247,1);
1804
1862
  border-color: var(--aquarium-colors-info-40);
1805
1863
  }
1864
+ .border-info-5{
1865
+ border-color: rgba(239,250,255,1);
1866
+ border-color: var(--aquarium-colors-info-5);
1867
+ }
1806
1868
  .border-info-50{
1807
1869
  border-color: rgba(40,180,244,1);
1808
1870
  border-color: var(--aquarium-colors-info-50);
@@ -1823,70 +1885,98 @@ input[type='number'].no-arrows {
1823
1885
  border-color: rgba(1,116,186,1);
1824
1886
  border-color: var(--aquarium-colors-info-90);
1825
1887
  }
1826
- .border-info-100{
1827
- border-color: rgba(2,86,154,1);
1828
- border-color: var(--aquarium-colors-info-100);
1888
+ .border-info-default{
1889
+ border-color: rgba(3,153,227,1);
1890
+ border-color: var(--aquarium-border-color-info-default);
1829
1891
  }
1830
- .border-grey-0{
1831
- border-color: rgba(247,247,250,1);
1832
- border-color: var(--aquarium-colors-grey-0);
1892
+ .border-info-intense{
1893
+ border-color: rgba(1,116,186,1);
1894
+ border-color: var(--aquarium-border-color-info-intense);
1833
1895
  }
1834
- .border-grey-5{
1896
+ .border-info-muted{
1897
+ border-color: rgba(40,180,244,1);
1898
+ border-color: var(--aquarium-border-color-info-muted);
1899
+ }
1900
+ .border-intense{
1901
+ border-color: rgba(120,120,133,1);
1902
+ border-color: var(--aquarium-border-color-intense);
1903
+ }
1904
+ .border-muted{
1835
1905
  border-color: rgba(237,237,240,1);
1836
- border-color: var(--aquarium-colors-grey-5);
1906
+ border-color: var(--aquarium-border-color-muted);
1837
1907
  }
1838
- .border-grey-10{
1839
- border-color: rgba(225,225,227,1);
1840
- border-color: var(--aquarium-colors-grey-10);
1908
+ .border-primary-0{
1909
+ border-color: rgba(255,255,255,1);
1910
+ border-color: var(--aquarium-colors-primary-0);
1841
1911
  }
1842
- .border-grey-20{
1843
- border-color: rgba(210,210,214,1);
1844
- border-color: var(--aquarium-colors-grey-20);
1912
+ .border-primary-10{
1913
+ border-color: rgba(227,233,255,1);
1914
+ border-color: var(--aquarium-colors-primary-10);
1845
1915
  }
1846
- .border-grey-30{
1847
- border-color: rgba(180,180,187,1);
1848
- border-color: var(--aquarium-colors-grey-30);
1916
+ .border-primary-100{
1917
+ border-color: rgba(14,22,82,1);
1918
+ border-color: var(--aquarium-colors-primary-100);
1849
1919
  }
1850
- .border-grey-40{
1851
- border-color: rgba(150,150,160,1);
1852
- border-color: var(--aquarium-colors-grey-40);
1920
+ .border-primary-20{
1921
+ border-color: rgba(213,221,250,1);
1922
+ border-color: var(--aquarium-colors-primary-20);
1853
1923
  }
1854
- .border-grey-50{
1855
- border-color: rgba(120,120,133,1);
1856
- border-color: var(--aquarium-colors-grey-50);
1924
+ .border-primary-30{
1925
+ border-color: rgba(199,209,244,1);
1926
+ border-color: var(--aquarium-colors-primary-30);
1857
1927
  }
1858
- .border-grey-60{
1859
- border-color: rgba(90,91,106,1);
1860
- border-color: var(--aquarium-colors-grey-60);
1928
+ .border-primary-40{
1929
+ border-color: rgba(185,197,239,1);
1930
+ border-color: var(--aquarium-colors-primary-40);
1861
1931
  }
1862
- .border-grey-70{
1863
- border-color: rgba(74,75,87,1);
1864
- border-color: var(--aquarium-colors-grey-70);
1932
+ .border-primary-5{
1933
+ border-color: rgba(243,246,255,1);
1934
+ border-color: var(--aquarium-colors-primary-5);
1865
1935
  }
1866
- .border-grey-80{
1867
- border-color: rgba(58,58,68,1);
1868
- border-color: var(--aquarium-colors-grey-80);
1936
+ .border-primary-50{
1937
+ border-color: rgba(157,170,238,1);
1938
+ border-color: var(--aquarium-colors-primary-50);
1869
1939
  }
1870
- .border-grey-90{
1871
- border-color: rgba(41,42,49,1);
1872
- border-color: var(--aquarium-colors-grey-90);
1940
+ .border-primary-60{
1941
+ border-color: rgba(129,142,236,1);
1942
+ border-color: var(--aquarium-colors-primary-60);
1873
1943
  }
1874
- .border-grey-100{
1875
- border-color: rgba(25,25,29,1);
1876
- border-color: var(--aquarium-colors-grey-100);
1944
+ .border-primary-70{
1945
+ border-color: rgba(88,101,205,1);
1946
+ border-color: var(--aquarium-colors-primary-70);
1947
+ }
1948
+ .border-primary-80{
1949
+ border-color: rgba(53,69,190,1);
1950
+ border-color: var(--aquarium-colors-primary-80);
1951
+ }
1952
+ .border-primary-90{
1953
+ border-color: rgba(34,47,149,1);
1954
+ border-color: var(--aquarium-colors-primary-90);
1955
+ }
1956
+ .border-primary-default{
1957
+ border-color: rgba(53,69,190,1);
1958
+ border-color: var(--aquarium-border-color-primary-default);
1959
+ }
1960
+ .border-primary-intense{
1961
+ border-color: rgba(14,22,82,1);
1962
+ border-color: var(--aquarium-border-color-primary-intense);
1963
+ }
1964
+ .border-primary-muted{
1965
+ border-color: rgba(129,142,236,1);
1966
+ border-color: var(--aquarium-border-color-primary-muted);
1877
1967
  }
1878
1968
  .border-secondary-0{
1879
1969
  border-color: rgba(255,251,248,1);
1880
1970
  border-color: var(--aquarium-colors-secondary-0);
1881
1971
  }
1882
- .border-secondary-5{
1883
- border-color: rgba(255,243,232,1);
1884
- border-color: var(--aquarium-colors-secondary-5);
1885
- }
1886
1972
  .border-secondary-10{
1887
1973
  border-color: rgba(254,232,208,1);
1888
1974
  border-color: var(--aquarium-colors-secondary-10);
1889
1975
  }
1976
+ .border-secondary-100{
1977
+ border-color: rgba(225,29,22,1);
1978
+ border-color: var(--aquarium-colors-secondary-100);
1979
+ }
1890
1980
  .border-secondary-20{
1891
1981
  border-color: rgba(248,201,156,1);
1892
1982
  border-color: var(--aquarium-colors-secondary-20);
@@ -1899,6 +1989,10 @@ input[type='number'].no-arrows {
1899
1989
  border-color: rgba(251,154,62,1);
1900
1990
  border-color: var(--aquarium-colors-secondary-40);
1901
1991
  }
1992
+ .border-secondary-5{
1993
+ border-color: rgba(255,243,232,1);
1994
+ border-color: var(--aquarium-colors-secondary-5);
1995
+ }
1902
1996
  .border-secondary-50{
1903
1997
  border-color: rgba(252,135,26,1);
1904
1998
  border-color: var(--aquarium-colors-secondary-50);
@@ -1919,109 +2013,117 @@ input[type='number'].no-arrows {
1919
2013
  border-color: rgba(235,70,16,1);
1920
2014
  border-color: var(--aquarium-colors-secondary-90);
1921
2015
  }
1922
- .border-secondary-100{
1923
- border-color: rgba(225,29,22,1);
1924
- border-color: var(--aquarium-colors-secondary-100);
2016
+ .border-success-0{
2017
+ border-color: rgba(245,250,245,1);
2018
+ border-color: var(--aquarium-colors-success-0);
1925
2019
  }
1926
- .border-primary-0{
1927
- border-color: rgba(255,255,255,1);
1928
- border-color: var(--aquarium-colors-primary-0);
2020
+ .border-success-10{
2021
+ border-color: rgba(203,255,201,1);
2022
+ border-color: var(--aquarium-colors-success-10);
1929
2023
  }
1930
- .border-primary-5{
1931
- border-color: rgba(243,246,255,1);
1932
- border-color: var(--aquarium-colors-primary-5);
2024
+ .border-success-100{
2025
+ border-color: rgba(0,111,0,1);
2026
+ border-color: var(--aquarium-colors-success-100);
1933
2027
  }
1934
- .border-primary-10{
1935
- border-color: rgba(227,233,255,1);
1936
- border-color: var(--aquarium-colors-primary-10);
2028
+ .border-success-20{
2029
+ border-color: rgba(175,255,167,1);
2030
+ border-color: var(--aquarium-colors-success-20);
1937
2031
  }
1938
- .border-primary-20{
1939
- border-color: rgba(213,221,250,1);
1940
- border-color: var(--aquarium-colors-primary-20);
2032
+ .border-success-30{
2033
+ border-color: rgba(137,235,128,1);
2034
+ border-color: var(--aquarium-colors-success-30);
1941
2035
  }
1942
- .border-primary-30{
1943
- border-color: rgba(199,209,244,1);
1944
- border-color: var(--aquarium-colors-primary-30);
2036
+ .border-success-40{
2037
+ border-color: rgba(96,219,87,1);
2038
+ border-color: var(--aquarium-colors-success-40);
1945
2039
  }
1946
- .border-primary-40{
1947
- border-color: rgba(185,197,239,1);
1948
- border-color: var(--aquarium-colors-primary-40);
2040
+ .border-success-5{
2041
+ border-color: rgba(236,247,237,1);
2042
+ border-color: var(--aquarium-colors-success-5);
1949
2043
  }
1950
- .border-primary-50{
1951
- border-color: rgba(157,170,238,1);
1952
- border-color: var(--aquarium-colors-primary-50);
2044
+ .border-success-50{
2045
+ border-color: rgba(64,206,55,1);
2046
+ border-color: var(--aquarium-colors-success-50);
1953
2047
  }
1954
- .border-primary-60{
1955
- border-color: rgba(129,142,236,1);
1956
- border-color: var(--aquarium-colors-primary-60);
2048
+ .border-success-60{
2049
+ border-color: rgba(0,195,0,1);
2050
+ border-color: var(--aquarium-colors-success-60);
1957
2051
  }
1958
- .border-primary-70{
1959
- border-color: rgba(88,101,205,1);
1960
- border-color: var(--aquarium-colors-primary-70);
2052
+ .border-success-70{
2053
+ border-color: rgba(0,179,0,1);
2054
+ border-color: var(--aquarium-colors-success-70);
1961
2055
  }
1962
- .border-primary-80{
1963
- border-color: rgba(53,69,190,1);
1964
- border-color: var(--aquarium-colors-primary-80);
2056
+ .border-success-80{
2057
+ border-color: rgba(0,159,0,1);
2058
+ border-color: var(--aquarium-colors-success-80);
1965
2059
  }
1966
- .border-primary-90{
1967
- border-color: rgba(34,47,149,1);
1968
- border-color: var(--aquarium-colors-primary-90);
2060
+ .border-success-90{
2061
+ border-color: rgba(0,142,0,1);
2062
+ border-color: var(--aquarium-colors-success-90);
1969
2063
  }
1970
- .border-primary-100{
1971
- border-color: rgba(14,22,82,1);
1972
- border-color: var(--aquarium-colors-primary-100);
2064
+ .border-success-default{
2065
+ border-color: rgba(96,219,87,1);
2066
+ border-color: var(--aquarium-border-color-success-default);
1973
2067
  }
1974
- .border-muted{
1975
- border-color: rgba(237,237,240,1);
1976
- border-color: var(--aquarium-border-color-muted);
2068
+ .border-success-intense{
2069
+ border-color: rgba(0,179,0,1);
2070
+ border-color: var(--aquarium-border-color-success-intense);
1977
2071
  }
1978
- .border-default{
1979
- border-color: rgba(210,210,214,1);
1980
- border-color: var(--aquarium-border-color-default);
2072
+ .border-success-muted{
2073
+ border-color: rgba(203,255,201,1);
2074
+ border-color: var(--aquarium-border-color-success-muted);
1981
2075
  }
1982
- .border-intense{
1983
- border-color: rgba(120,120,133,1);
1984
- border-color: var(--aquarium-border-color-intense);
2076
+ .border-transparent{
2077
+ border-color: transparent;
2078
+ border-color: var(--aquarium-colors-transparent);
1985
2079
  }
1986
- .border-primary-muted{
1987
- border-color: rgba(129,142,236,1);
1988
- border-color: var(--aquarium-border-color-primary-muted);
2080
+ .border-warning-0{
2081
+ border-color: rgba(255,253,249,1);
2082
+ border-color: var(--aquarium-colors-warning-0);
1989
2083
  }
1990
- .border-primary-default{
1991
- border-color: rgba(53,69,190,1);
1992
- border-color: var(--aquarium-border-color-primary-default);
2084
+ .border-warning-10{
2085
+ border-color: rgba(255,242,205,1);
2086
+ border-color: var(--aquarium-colors-warning-10);
1993
2087
  }
1994
- .border-primary-intense{
1995
- border-color: rgba(14,22,82,1);
1996
- border-color: var(--aquarium-border-color-primary-intense);
2088
+ .border-warning-100{
2089
+ border-color: rgba(254,109,0,1);
2090
+ border-color: var(--aquarium-colors-warning-100);
1997
2091
  }
1998
- .border-info-muted{
1999
- border-color: rgba(40,180,244,1);
2000
- border-color: var(--aquarium-border-color-info-muted);
2092
+ .border-warning-20{
2093
+ border-color: rgba(254,235,178,1);
2094
+ border-color: var(--aquarium-colors-warning-20);
2001
2095
  }
2002
- .border-info-default{
2003
- border-color: rgba(3,153,227,1);
2004
- border-color: var(--aquarium-border-color-info-default);
2096
+ .border-warning-30{
2097
+ border-color: rgba(253,223,129,1);
2098
+ border-color: var(--aquarium-colors-warning-30);
2005
2099
  }
2006
- .border-info-intense{
2007
- border-color: rgba(1,116,186,1);
2008
- border-color: var(--aquarium-border-color-info-intense);
2100
+ .border-warning-40{
2101
+ border-color: rgba(253,212,77,1);
2102
+ border-color: var(--aquarium-colors-warning-40);
2009
2103
  }
2010
- .border-success-muted{
2011
- border-color: rgba(203,255,201,1);
2012
- border-color: var(--aquarium-border-color-success-muted);
2104
+ .border-warning-5{
2105
+ border-color: rgba(255,248,234,1);
2106
+ border-color: var(--aquarium-colors-warning-5);
2013
2107
  }
2014
- .border-success-default{
2015
- border-color: rgba(96,219,87,1);
2016
- border-color: var(--aquarium-border-color-success-default);
2108
+ .border-warning-50{
2109
+ border-color: rgba(253,201,38,1);
2110
+ border-color: var(--aquarium-colors-warning-50);
2017
2111
  }
2018
- .border-success-intense{
2019
- border-color: rgba(0,179,0,1);
2020
- border-color: var(--aquarium-border-color-success-intense);
2112
+ .border-warning-60{
2113
+ border-color: rgba(255,193,7,1);
2114
+ border-color: var(--aquarium-colors-warning-60);
2021
2115
  }
2022
- .border-warning-muted{
2023
- border-color: rgba(254,235,178,1);
2024
- border-color: var(--aquarium-border-color-warning-muted);
2116
+ .border-warning-70{
2117
+ border-color: rgba(255,179,0,1);
2118
+ border-color: var(--aquarium-colors-warning-70);
2119
+ }
2120
+ .border-warning-80{
2121
+ border-color: rgba(253,159,0,1);
2122
+ border-color: var(--aquarium-colors-warning-80);
2123
+ }
2124
+ .border-warning-90{
2125
+ border-color: rgba(255,144,3,1);
2126
+ border-color: var(--aquarium-colors-warning-90);
2025
2127
  }
2026
2128
  .border-warning-default{
2027
2129
  border-color: rgba(255,179,0,1);
@@ -2031,46 +2133,58 @@ input[type='number'].no-arrows {
2031
2133
  border-color: rgba(255,144,3,1);
2032
2134
  border-color: var(--aquarium-border-color-warning-intense);
2033
2135
  }
2034
- .border-danger-muted{
2035
- border-color: rgba(255,203,210,1);
2036
- border-color: var(--aquarium-border-color-danger-muted);
2037
- }
2038
- .border-danger-default{
2039
- border-color: rgba(230,39,40,1);
2040
- border-color: var(--aquarium-border-color-danger-default);
2041
- }
2042
- .border-danger-intense{
2043
- border-color: rgba(197,0,1,1);
2044
- border-color: var(--aquarium-border-color-danger-intense);
2136
+ .border-warning-muted{
2137
+ border-color: rgba(254,235,178,1);
2138
+ border-color: var(--aquarium-border-color-warning-muted);
2045
2139
  }
2046
- .bg-white{
2047
- background-color: white;
2048
- background-color: var(--aquarium-colors-white);
2140
+ .border-white{
2141
+ border-color: white;
2142
+ border-color: var(--aquarium-colors-white);
2049
2143
  }
2050
2144
  .bg-black{
2051
2145
  background-color: black;
2052
2146
  background-color: var(--aquarium-colors-black);
2053
2147
  }
2054
- .bg-transparent{
2055
- background-color: transparent;
2056
- background-color: var(--aquarium-colors-transparent);
2148
+ .bg-body{
2149
+ background-color: white;
2150
+ background-color: var(--aquarium-background-color-body);
2151
+ }
2152
+ .bg-body-intense{
2153
+ background-color: rgba(58,58,68,1);
2154
+ background-color: var(--aquarium-background-color-body-intense);
2057
2155
  }
2058
2156
  .bg-current{
2059
2157
  background-color: currentColor;
2060
2158
  background-color: var(--aquarium-colors-current);
2061
2159
  }
2160
+ .bg-danger-default{
2161
+ background-color: rgba(255,173,179,1);
2162
+ background-color: var(--aquarium-background-color-danger-default);
2163
+ }
2164
+ .bg-danger-intense{
2165
+ background-color: rgba(230,39,40,1);
2166
+ background-color: var(--aquarium-background-color-danger-intense);
2167
+ }
2168
+ .bg-danger-muted{
2169
+ background-color: rgba(255,203,210,1);
2170
+ background-color: var(--aquarium-background-color-danger-muted);
2171
+ }
2172
+ .bg-default{
2173
+ background-color: rgba(237,237,240,1);
2174
+ background-color: var(--aquarium-background-color-default);
2175
+ }
2062
2176
  .bg-error-0{
2063
2177
  background-color: rgba(254,242,241,1);
2064
2178
  background-color: var(--aquarium-colors-error-0);
2065
2179
  }
2066
- .bg-error-5{
2067
- background-color: rgba(254,232,231,1);
2068
- background-color: var(--aquarium-colors-error-5);
2069
- }
2070
2180
  .bg-error-10{
2071
2181
  background-color: rgba(255,203,210,1);
2072
2182
  background-color: var(--aquarium-colors-error-10);
2073
2183
  }
2184
+ .bg-error-100{
2185
+ background-color: rgba(170,0,0,1);
2186
+ background-color: var(--aquarium-colors-error-100);
2187
+ }
2074
2188
  .bg-error-20{
2075
2189
  background-color: rgba(255,173,179,1);
2076
2190
  background-color: var(--aquarium-colors-error-20);
@@ -2083,6 +2197,10 @@ input[type='number'].no-arrows {
2083
2197
  background-color: rgba(224,80,79,1);
2084
2198
  background-color: var(--aquarium-colors-error-40);
2085
2199
  }
2200
+ .bg-error-5{
2201
+ background-color: rgba(254,232,231,1);
2202
+ background-color: var(--aquarium-colors-error-5);
2203
+ }
2086
2204
  .bg-error-50{
2087
2205
  background-color: rgba(230,39,40,1);
2088
2206
  background-color: var(--aquarium-colors-error-50);
@@ -2103,118 +2221,70 @@ input[type='number'].no-arrows {
2103
2221
  background-color: rgba(185,0,0,1);
2104
2222
  background-color: var(--aquarium-colors-error-90);
2105
2223
  }
2106
- .bg-error-100{
2107
- background-color: rgba(170,0,0,1);
2108
- background-color: var(--aquarium-colors-error-100);
2224
+ .bg-grey-0{
2225
+ background-color: rgba(247,247,250,1);
2226
+ background-color: var(--aquarium-colors-grey-0);
2109
2227
  }
2110
- .bg-warning-0{
2111
- background-color: rgba(255,253,249,1);
2112
- background-color: var(--aquarium-colors-warning-0);
2228
+ .bg-grey-10{
2229
+ background-color: rgba(225,225,227,1);
2230
+ background-color: var(--aquarium-colors-grey-10);
2113
2231
  }
2114
- .bg-warning-5{
2115
- background-color: rgba(255,248,234,1);
2116
- background-color: var(--aquarium-colors-warning-5);
2232
+ .bg-grey-100{
2233
+ background-color: rgba(25,25,29,1);
2234
+ background-color: var(--aquarium-colors-grey-100);
2117
2235
  }
2118
- .bg-warning-10{
2119
- background-color: rgba(255,242,205,1);
2120
- background-color: var(--aquarium-colors-warning-10);
2236
+ .bg-grey-20{
2237
+ background-color: rgba(210,210,214,1);
2238
+ background-color: var(--aquarium-colors-grey-20);
2121
2239
  }
2122
- .bg-warning-20{
2123
- background-color: rgba(254,235,178,1);
2124
- background-color: var(--aquarium-colors-warning-20);
2240
+ .bg-grey-30{
2241
+ background-color: rgba(180,180,187,1);
2242
+ background-color: var(--aquarium-colors-grey-30);
2125
2243
  }
2126
- .bg-warning-30{
2127
- background-color: rgba(253,223,129,1);
2128
- background-color: var(--aquarium-colors-warning-30);
2244
+ .bg-grey-40{
2245
+ background-color: rgba(150,150,160,1);
2246
+ background-color: var(--aquarium-colors-grey-40);
2129
2247
  }
2130
- .bg-warning-40{
2131
- background-color: rgba(253,212,77,1);
2132
- background-color: var(--aquarium-colors-warning-40);
2248
+ .bg-grey-5{
2249
+ background-color: rgba(237,237,240,1);
2250
+ background-color: var(--aquarium-colors-grey-5);
2133
2251
  }
2134
- .bg-warning-50{
2135
- background-color: rgba(253,201,38,1);
2136
- background-color: var(--aquarium-colors-warning-50);
2252
+ .bg-grey-50{
2253
+ background-color: rgba(120,120,133,1);
2254
+ background-color: var(--aquarium-colors-grey-50);
2137
2255
  }
2138
- .bg-warning-60{
2139
- background-color: rgba(255,193,7,1);
2140
- background-color: var(--aquarium-colors-warning-60);
2256
+ .bg-grey-60{
2257
+ background-color: rgba(90,91,106,1);
2258
+ background-color: var(--aquarium-colors-grey-60);
2141
2259
  }
2142
- .bg-warning-70{
2143
- background-color: rgba(255,179,0,1);
2144
- background-color: var(--aquarium-colors-warning-70);
2260
+ .bg-grey-70{
2261
+ background-color: rgba(74,75,87,1);
2262
+ background-color: var(--aquarium-colors-grey-70);
2145
2263
  }
2146
- .bg-warning-80{
2147
- background-color: rgba(253,159,0,1);
2148
- background-color: var(--aquarium-colors-warning-80);
2264
+ .bg-grey-80{
2265
+ background-color: rgba(58,58,68,1);
2266
+ background-color: var(--aquarium-colors-grey-80);
2149
2267
  }
2150
- .bg-warning-90{
2151
- background-color: rgba(255,144,3,1);
2152
- background-color: var(--aquarium-colors-warning-90);
2153
- }
2154
- .bg-warning-100{
2155
- background-color: rgba(254,109,0,1);
2156
- background-color: var(--aquarium-colors-warning-100);
2157
- }
2158
- .bg-success-0{
2159
- background-color: rgba(245,250,245,1);
2160
- background-color: var(--aquarium-colors-success-0);
2161
- }
2162
- .bg-success-5{
2163
- background-color: rgba(236,247,237,1);
2164
- background-color: var(--aquarium-colors-success-5);
2165
- }
2166
- .bg-success-10{
2167
- background-color: rgba(203,255,201,1);
2168
- background-color: var(--aquarium-colors-success-10);
2169
- }
2170
- .bg-success-20{
2171
- background-color: rgba(175,255,167,1);
2172
- background-color: var(--aquarium-colors-success-20);
2173
- }
2174
- .bg-success-30{
2175
- background-color: rgba(137,235,128,1);
2176
- background-color: var(--aquarium-colors-success-30);
2177
- }
2178
- .bg-success-40{
2179
- background-color: rgba(96,219,87,1);
2180
- background-color: var(--aquarium-colors-success-40);
2181
- }
2182
- .bg-success-50{
2183
- background-color: rgba(64,206,55,1);
2184
- background-color: var(--aquarium-colors-success-50);
2185
- }
2186
- .bg-success-60{
2187
- background-color: rgba(0,195,0,1);
2188
- background-color: var(--aquarium-colors-success-60);
2189
- }
2190
- .bg-success-70{
2191
- background-color: rgba(0,179,0,1);
2192
- background-color: var(--aquarium-colors-success-70);
2193
- }
2194
- .bg-success-80{
2195
- background-color: rgba(0,159,0,1);
2196
- background-color: var(--aquarium-colors-success-80);
2197
- }
2198
- .bg-success-90{
2199
- background-color: rgba(0,142,0,1);
2200
- background-color: var(--aquarium-colors-success-90);
2268
+ .bg-grey-90{
2269
+ background-color: rgba(41,42,49,1);
2270
+ background-color: var(--aquarium-colors-grey-90);
2201
2271
  }
2202
- .bg-success-100{
2203
- background-color: rgba(0,111,0,1);
2204
- background-color: var(--aquarium-colors-success-100);
2272
+ .bg-icon-button-hover{
2273
+ background-color: rgba(25,25,29,.05);
2274
+ background-color: var(--aquarium-background-color-icon-button-hover);
2205
2275
  }
2206
2276
  .bg-info-0{
2207
2277
  background-color: rgba(249,253,255,1);
2208
2278
  background-color: var(--aquarium-colors-info-0);
2209
2279
  }
2210
- .bg-info-5{
2211
- background-color: rgba(239,250,255,1);
2212
- background-color: var(--aquarium-colors-info-5);
2213
- }
2214
2280
  .bg-info-10{
2215
2281
  background-color: rgba(224,245,254,1);
2216
2282
  background-color: var(--aquarium-colors-info-10);
2217
2283
  }
2284
+ .bg-info-100{
2285
+ background-color: rgba(2,86,154,1);
2286
+ background-color: var(--aquarium-colors-info-100);
2287
+ }
2218
2288
  .bg-info-20{
2219
2289
  background-color: rgba(180,229,251,1);
2220
2290
  background-color: var(--aquarium-colors-info-20);
@@ -2227,6 +2297,10 @@ input[type='number'].no-arrows {
2227
2297
  background-color: rgba(76,194,247,1);
2228
2298
  background-color: var(--aquarium-colors-info-40);
2229
2299
  }
2300
+ .bg-info-5{
2301
+ background-color: rgba(239,250,255,1);
2302
+ background-color: var(--aquarium-colors-info-5);
2303
+ }
2230
2304
  .bg-info-50{
2231
2305
  background-color: rgba(40,180,244,1);
2232
2306
  background-color: var(--aquarium-colors-info-50);
@@ -2247,70 +2321,110 @@ input[type='number'].no-arrows {
2247
2321
  background-color: rgba(1,116,186,1);
2248
2322
  background-color: var(--aquarium-colors-info-90);
2249
2323
  }
2250
- .bg-info-100{
2251
- background-color: rgba(2,86,154,1);
2252
- background-color: var(--aquarium-colors-info-100);
2324
+ .bg-info-default{
2325
+ background-color: rgba(3,153,227,1);
2326
+ background-color: var(--aquarium-background-color-info-default);
2253
2327
  }
2254
- .bg-grey-0{
2328
+ .bg-info-intense{
2329
+ background-color: rgba(1,116,186,1);
2330
+ background-color: var(--aquarium-background-color-info-intense);
2331
+ }
2332
+ .bg-info-muted{
2333
+ background-color: rgba(224,245,254,1);
2334
+ background-color: var(--aquarium-background-color-info-muted);
2335
+ }
2336
+ .bg-intense{
2337
+ background-color: rgba(210,210,214,1);
2338
+ background-color: var(--aquarium-background-color-intense);
2339
+ }
2340
+ .bg-muted{
2255
2341
  background-color: rgba(247,247,250,1);
2256
- background-color: var(--aquarium-colors-grey-0);
2342
+ background-color: var(--aquarium-background-color-muted);
2257
2343
  }
2258
- .bg-grey-5{
2259
- background-color: rgba(237,237,240,1);
2260
- background-color: var(--aquarium-colors-grey-5);
2344
+ .bg-popover-content{
2345
+ background-color: white;
2346
+ background-color: var(--aquarium-background-color-popover-content);
2261
2347
  }
2262
- .bg-grey-10{
2263
- background-color: rgba(225,225,227,1);
2264
- background-color: var(--aquarium-colors-grey-10);
2348
+ .bg-primary-0{
2349
+ background-color: rgba(255,255,255,1);
2350
+ background-color: var(--aquarium-colors-primary-0);
2265
2351
  }
2266
- .bg-grey-20{
2267
- background-color: rgba(210,210,214,1);
2268
- background-color: var(--aquarium-colors-grey-20);
2352
+ .bg-primary-10{
2353
+ background-color: rgba(227,233,255,1);
2354
+ background-color: var(--aquarium-colors-primary-10);
2269
2355
  }
2270
- .bg-grey-30{
2271
- background-color: rgba(180,180,187,1);
2272
- background-color: var(--aquarium-colors-grey-30);
2356
+ .bg-primary-100{
2357
+ background-color: rgba(14,22,82,1);
2358
+ background-color: var(--aquarium-colors-primary-100);
2273
2359
  }
2274
- .bg-grey-40{
2275
- background-color: rgba(150,150,160,1);
2276
- background-color: var(--aquarium-colors-grey-40);
2360
+ .bg-primary-20{
2361
+ background-color: rgba(213,221,250,1);
2362
+ background-color: var(--aquarium-colors-primary-20);
2277
2363
  }
2278
- .bg-grey-50{
2279
- background-color: rgba(120,120,133,1);
2280
- background-color: var(--aquarium-colors-grey-50);
2364
+ .bg-primary-30{
2365
+ background-color: rgba(199,209,244,1);
2366
+ background-color: var(--aquarium-colors-primary-30);
2281
2367
  }
2282
- .bg-grey-60{
2283
- background-color: rgba(90,91,106,1);
2284
- background-color: var(--aquarium-colors-grey-60);
2368
+ .bg-primary-40{
2369
+ background-color: rgba(185,197,239,1);
2370
+ background-color: var(--aquarium-colors-primary-40);
2285
2371
  }
2286
- .bg-grey-70{
2287
- background-color: rgba(74,75,87,1);
2288
- background-color: var(--aquarium-colors-grey-70);
2372
+ .bg-primary-5{
2373
+ background-color: rgba(243,246,255,1);
2374
+ background-color: var(--aquarium-colors-primary-5);
2289
2375
  }
2290
- .bg-grey-80{
2291
- background-color: rgba(58,58,68,1);
2292
- background-color: var(--aquarium-colors-grey-80);
2376
+ .bg-primary-50{
2377
+ background-color: rgba(157,170,238,1);
2378
+ background-color: var(--aquarium-colors-primary-50);
2293
2379
  }
2294
- .bg-grey-90{
2295
- background-color: rgba(41,42,49,1);
2296
- background-color: var(--aquarium-colors-grey-90);
2380
+ .bg-primary-60{
2381
+ background-color: rgba(129,142,236,1);
2382
+ background-color: var(--aquarium-colors-primary-60);
2297
2383
  }
2298
- .bg-grey-100{
2299
- background-color: rgba(25,25,29,1);
2300
- background-color: var(--aquarium-colors-grey-100);
2384
+ .bg-primary-70{
2385
+ background-color: rgba(88,101,205,1);
2386
+ background-color: var(--aquarium-colors-primary-70);
2387
+ }
2388
+ .bg-primary-80{
2389
+ background-color: rgba(53,69,190,1);
2390
+ background-color: var(--aquarium-colors-primary-80);
2391
+ }
2392
+ .bg-primary-90{
2393
+ background-color: rgba(34,47,149,1);
2394
+ background-color: var(--aquarium-colors-primary-90);
2395
+ }
2396
+ .bg-primary-active{
2397
+ background-color: rgba(243,246,255,1);
2398
+ background-color: var(--aquarium-background-color-primary-active);
2399
+ }
2400
+ .bg-primary-default{
2401
+ background-color: rgba(53,69,190,1);
2402
+ background-color: var(--aquarium-background-color-primary-default);
2403
+ }
2404
+ .bg-primary-hover{
2405
+ background-color: rgba(243,246,255,1);
2406
+ background-color: var(--aquarium-background-color-primary-hover);
2407
+ }
2408
+ .bg-primary-intense{
2409
+ background-color: rgba(34,47,149,1);
2410
+ background-color: var(--aquarium-background-color-primary-intense);
2411
+ }
2412
+ .bg-primary-muted{
2413
+ background-color: rgba(185,197,239,1);
2414
+ background-color: var(--aquarium-background-color-primary-muted);
2301
2415
  }
2302
2416
  .bg-secondary-0{
2303
2417
  background-color: rgba(255,251,248,1);
2304
2418
  background-color: var(--aquarium-colors-secondary-0);
2305
2419
  }
2306
- .bg-secondary-5{
2307
- background-color: rgba(255,243,232,1);
2308
- background-color: var(--aquarium-colors-secondary-5);
2309
- }
2310
2420
  .bg-secondary-10{
2311
2421
  background-color: rgba(254,232,208,1);
2312
2422
  background-color: var(--aquarium-colors-secondary-10);
2313
2423
  }
2424
+ .bg-secondary-100{
2425
+ background-color: rgba(225,29,22,1);
2426
+ background-color: var(--aquarium-colors-secondary-100);
2427
+ }
2314
2428
  .bg-secondary-20{
2315
2429
  background-color: rgba(248,201,156,1);
2316
2430
  background-color: var(--aquarium-colors-secondary-20);
@@ -2323,6 +2437,10 @@ input[type='number'].no-arrows {
2323
2437
  background-color: rgba(251,154,62,1);
2324
2438
  background-color: var(--aquarium-colors-secondary-40);
2325
2439
  }
2440
+ .bg-secondary-5{
2441
+ background-color: rgba(255,243,232,1);
2442
+ background-color: var(--aquarium-colors-secondary-5);
2443
+ }
2326
2444
  .bg-secondary-50{
2327
2445
  background-color: rgba(252,135,26,1);
2328
2446
  background-color: var(--aquarium-colors-secondary-50);
@@ -2343,129 +2461,137 @@ input[type='number'].no-arrows {
2343
2461
  background-color: rgba(235,70,16,1);
2344
2462
  background-color: var(--aquarium-colors-secondary-90);
2345
2463
  }
2346
- .bg-secondary-100{
2347
- background-color: rgba(225,29,22,1);
2348
- background-color: var(--aquarium-colors-secondary-100);
2349
- }
2350
- .bg-primary-0{
2351
- background-color: rgba(255,255,255,1);
2352
- background-color: var(--aquarium-colors-primary-0);
2353
- }
2354
- .bg-primary-5{
2464
+ .bg-status-announcement{
2355
2465
  background-color: rgba(243,246,255,1);
2356
- background-color: var(--aquarium-colors-primary-5);
2466
+ background-color: var(--aquarium-background-color-status-announcement);
2357
2467
  }
2358
- .bg-primary-10{
2359
- background-color: rgba(227,233,255,1);
2360
- background-color: var(--aquarium-colors-primary-10);
2468
+ .bg-status-danger{
2469
+ background-color: rgba(254,232,231,1);
2470
+ background-color: var(--aquarium-background-color-status-danger);
2361
2471
  }
2362
- .bg-primary-20{
2363
- background-color: rgba(213,221,250,1);
2364
- background-color: var(--aquarium-colors-primary-20);
2472
+ .bg-status-info{
2473
+ background-color: rgba(224,245,254,1);
2474
+ background-color: var(--aquarium-background-color-status-info);
2365
2475
  }
2366
- .bg-primary-30{
2367
- background-color: rgba(199,209,244,1);
2368
- background-color: var(--aquarium-colors-primary-30);
2476
+ .bg-status-success{
2477
+ background-color: rgba(236,247,237,1);
2478
+ background-color: var(--aquarium-background-color-status-success);
2369
2479
  }
2370
- .bg-primary-40{
2371
- background-color: rgba(185,197,239,1);
2372
- background-color: var(--aquarium-colors-primary-40);
2480
+ .bg-status-warning{
2481
+ background-color: rgba(255,248,234,1);
2482
+ background-color: var(--aquarium-background-color-status-warning);
2373
2483
  }
2374
- .bg-primary-50{
2375
- background-color: rgba(157,170,238,1);
2376
- background-color: var(--aquarium-colors-primary-50);
2484
+ .bg-success-0{
2485
+ background-color: rgba(245,250,245,1);
2486
+ background-color: var(--aquarium-colors-success-0);
2377
2487
  }
2378
- .bg-primary-60{
2379
- background-color: rgba(129,142,236,1);
2380
- background-color: var(--aquarium-colors-primary-60);
2488
+ .bg-success-10{
2489
+ background-color: rgba(203,255,201,1);
2490
+ background-color: var(--aquarium-colors-success-10);
2381
2491
  }
2382
- .bg-primary-70{
2383
- background-color: rgba(88,101,205,1);
2384
- background-color: var(--aquarium-colors-primary-70);
2492
+ .bg-success-100{
2493
+ background-color: rgba(0,111,0,1);
2494
+ background-color: var(--aquarium-colors-success-100);
2385
2495
  }
2386
- .bg-primary-80{
2387
- background-color: rgba(53,69,190,1);
2388
- background-color: var(--aquarium-colors-primary-80);
2389
- }
2390
- .bg-primary-90{
2391
- background-color: rgba(34,47,149,1);
2392
- background-color: var(--aquarium-colors-primary-90);
2496
+ .bg-success-20{
2497
+ background-color: rgba(175,255,167,1);
2498
+ background-color: var(--aquarium-colors-success-20);
2393
2499
  }
2394
- .bg-primary-100{
2395
- background-color: rgba(14,22,82,1);
2396
- background-color: var(--aquarium-colors-primary-100);
2500
+ .bg-success-30{
2501
+ background-color: rgba(137,235,128,1);
2502
+ background-color: var(--aquarium-colors-success-30);
2397
2503
  }
2398
- .bg-body{
2399
- background-color: white;
2400
- background-color: var(--aquarium-background-color-body);
2504
+ .bg-success-40{
2505
+ background-color: rgba(96,219,87,1);
2506
+ background-color: var(--aquarium-colors-success-40);
2401
2507
  }
2402
- .bg-body-intense{
2403
- background-color: rgba(58,58,68,1);
2404
- background-color: var(--aquarium-background-color-body-intense);
2508
+ .bg-success-5{
2509
+ background-color: rgba(236,247,237,1);
2510
+ background-color: var(--aquarium-colors-success-5);
2405
2511
  }
2406
- .bg-popover-content{
2407
- background-color: white;
2408
- background-color: var(--aquarium-background-color-popover-content);
2512
+ .bg-success-50{
2513
+ background-color: rgba(64,206,55,1);
2514
+ background-color: var(--aquarium-colors-success-50);
2409
2515
  }
2410
- .bg-muted{
2411
- background-color: rgba(247,247,250,1);
2412
- background-color: var(--aquarium-background-color-muted);
2516
+ .bg-success-60{
2517
+ background-color: rgba(0,195,0,1);
2518
+ background-color: var(--aquarium-colors-success-60);
2413
2519
  }
2414
- .bg-default{
2415
- background-color: rgba(237,237,240,1);
2416
- background-color: var(--aquarium-background-color-default);
2520
+ .bg-success-70{
2521
+ background-color: rgba(0,179,0,1);
2522
+ background-color: var(--aquarium-colors-success-70);
2417
2523
  }
2418
- .bg-intense{
2419
- background-color: rgba(210,210,214,1);
2420
- background-color: var(--aquarium-background-color-intense);
2524
+ .bg-success-80{
2525
+ background-color: rgba(0,159,0,1);
2526
+ background-color: var(--aquarium-colors-success-80);
2421
2527
  }
2422
- .bg-primary-muted{
2423
- background-color: rgba(185,197,239,1);
2424
- background-color: var(--aquarium-background-color-primary-muted);
2528
+ .bg-success-90{
2529
+ background-color: rgba(0,142,0,1);
2530
+ background-color: var(--aquarium-colors-success-90);
2425
2531
  }
2426
- .bg-primary-default{
2427
- background-color: rgba(53,69,190,1);
2428
- background-color: var(--aquarium-background-color-primary-default);
2532
+ .bg-success-default{
2533
+ background-color: rgba(0,179,0,1);
2534
+ background-color: var(--aquarium-background-color-success-default);
2429
2535
  }
2430
- .bg-primary-intense{
2431
- background-color: rgba(34,47,149,1);
2432
- background-color: var(--aquarium-background-color-primary-intense);
2536
+ .bg-success-intense{
2537
+ background-color: rgba(0,142,0,1);
2538
+ background-color: var(--aquarium-background-color-success-intense);
2433
2539
  }
2434
- .bg-primary-active{
2435
- background-color: rgba(243,246,255,1);
2436
- background-color: var(--aquarium-background-color-primary-active);
2540
+ .bg-success-muted{
2541
+ background-color: rgba(236,247,237,1);
2542
+ background-color: var(--aquarium-background-color-success-muted);
2437
2543
  }
2438
- .bg-primary-hover{
2439
- background-color: rgba(243,246,255,1);
2440
- background-color: var(--aquarium-background-color-primary-hover);
2544
+ .bg-transparent{
2545
+ background-color: transparent;
2546
+ background-color: var(--aquarium-colors-transparent);
2441
2547
  }
2442
- .bg-info-muted{
2443
- background-color: rgba(224,245,254,1);
2444
- background-color: var(--aquarium-background-color-info-muted);
2548
+ .bg-warning-0{
2549
+ background-color: rgba(255,253,249,1);
2550
+ background-color: var(--aquarium-colors-warning-0);
2445
2551
  }
2446
- .bg-info-default{
2447
- background-color: rgba(3,153,227,1);
2448
- background-color: var(--aquarium-background-color-info-default);
2552
+ .bg-warning-10{
2553
+ background-color: rgba(255,242,205,1);
2554
+ background-color: var(--aquarium-colors-warning-10);
2449
2555
  }
2450
- .bg-info-intense{
2451
- background-color: rgba(1,116,186,1);
2452
- background-color: var(--aquarium-background-color-info-intense);
2556
+ .bg-warning-100{
2557
+ background-color: rgba(254,109,0,1);
2558
+ background-color: var(--aquarium-colors-warning-100);
2453
2559
  }
2454
- .bg-success-muted{
2455
- background-color: rgba(236,247,237,1);
2456
- background-color: var(--aquarium-background-color-success-muted);
2560
+ .bg-warning-20{
2561
+ background-color: rgba(254,235,178,1);
2562
+ background-color: var(--aquarium-colors-warning-20);
2457
2563
  }
2458
- .bg-success-default{
2459
- background-color: rgba(0,179,0,1);
2460
- background-color: var(--aquarium-background-color-success-default);
2564
+ .bg-warning-30{
2565
+ background-color: rgba(253,223,129,1);
2566
+ background-color: var(--aquarium-colors-warning-30);
2461
2567
  }
2462
- .bg-success-intense{
2463
- background-color: rgba(0,142,0,1);
2464
- background-color: var(--aquarium-background-color-success-intense);
2568
+ .bg-warning-40{
2569
+ background-color: rgba(253,212,77,1);
2570
+ background-color: var(--aquarium-colors-warning-40);
2465
2571
  }
2466
- .bg-warning-muted{
2572
+ .bg-warning-5{
2467
2573
  background-color: rgba(255,248,234,1);
2468
- background-color: var(--aquarium-background-color-warning-muted);
2574
+ background-color: var(--aquarium-colors-warning-5);
2575
+ }
2576
+ .bg-warning-50{
2577
+ background-color: rgba(253,201,38,1);
2578
+ background-color: var(--aquarium-colors-warning-50);
2579
+ }
2580
+ .bg-warning-60{
2581
+ background-color: rgba(255,193,7,1);
2582
+ background-color: var(--aquarium-colors-warning-60);
2583
+ }
2584
+ .bg-warning-70{
2585
+ background-color: rgba(255,179,0,1);
2586
+ background-color: var(--aquarium-colors-warning-70);
2587
+ }
2588
+ .bg-warning-80{
2589
+ background-color: rgba(253,159,0,1);
2590
+ background-color: var(--aquarium-colors-warning-80);
2591
+ }
2592
+ .bg-warning-90{
2593
+ background-color: rgba(255,144,3,1);
2594
+ background-color: var(--aquarium-colors-warning-90);
2469
2595
  }
2470
2596
  .bg-warning-default{
2471
2597
  background-color: rgba(255,179,0,1);
@@ -2475,60 +2601,36 @@ input[type='number'].no-arrows {
2475
2601
  background-color: rgba(255,144,3,1);
2476
2602
  background-color: var(--aquarium-background-color-warning-intense);
2477
2603
  }
2478
- .bg-danger-muted{
2479
- background-color: rgba(255,203,210,1);
2480
- background-color: var(--aquarium-background-color-danger-muted);
2481
- }
2482
- .bg-danger-default{
2483
- background-color: rgba(255,173,179,1);
2484
- background-color: var(--aquarium-background-color-danger-default);
2485
- }
2486
- .bg-danger-intense{
2487
- background-color: rgba(230,39,40,1);
2488
- background-color: var(--aquarium-background-color-danger-intense);
2489
- }
2490
- .bg-status-announcement{
2491
- background-color: rgba(243,246,255,1);
2492
- background-color: var(--aquarium-background-color-status-announcement);
2493
- }
2494
- .bg-status-info{
2495
- background-color: rgba(224,245,254,1);
2496
- background-color: var(--aquarium-background-color-status-info);
2497
- }
2498
- .bg-status-warning{
2604
+ .bg-warning-muted{
2499
2605
  background-color: rgba(255,248,234,1);
2500
- background-color: var(--aquarium-background-color-status-warning);
2501
- }
2502
- .bg-status-danger{
2503
- background-color: rgba(254,232,231,1);
2504
- background-color: var(--aquarium-background-color-status-danger);
2606
+ background-color: var(--aquarium-background-color-warning-muted);
2505
2607
  }
2506
- .bg-status-success{
2507
- background-color: rgba(236,247,237,1);
2508
- background-color: var(--aquarium-background-color-status-success);
2608
+ .bg-white{
2609
+ background-color: white;
2610
+ background-color: var(--aquarium-colors-white);
2509
2611
  }
2510
- .bg-icon-button-hover{
2511
- background-color: rgba(25,25,29,.05);
2512
- background-color: var(--aquarium-background-color-icon-button-hover);
2612
+ .bg-gradient-to-l{
2613
+ background-image: linear-gradient(to left, var(--tw-gradient-stops));
2513
2614
  }
2514
2615
  .bg-gradient-to-r{
2515
2616
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
2516
2617
  }
2517
- .bg-gradient-to-l{
2518
- background-image: linear-gradient(to left, var(--tw-gradient-stops));
2519
- }
2520
2618
  .from-white{
2521
- --tw-gradient-from: var(--aquarium-colors-white);
2522
- --tw-gradient-to: rgba(255, 255, 255, 0);
2619
+ --tw-gradient-from: var(--aquarium-colors-white) var(--tw-gradient-from-position);
2620
+ --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
2523
2621
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2524
2622
  }
2525
2623
  .via-white{
2526
- --tw-gradient-to: rgba(255, 255, 255, 0);
2527
- --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white), var(--tw-gradient-to);
2624
+ --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
2625
+ --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white) var(--tw-gradient-via-position), var(--tw-gradient-to);
2528
2626
  }
2529
2627
  .bg-cover{
2530
2628
  background-size: cover;
2531
2629
  }
2630
+ .fill-error-10{
2631
+ fill: rgba(255,203,210,1);
2632
+ fill: var(--aquarium-colors-error-10);
2633
+ }
2532
2634
  .fill-primary-10{
2533
2635
  fill: rgba(227,233,255,1);
2534
2636
  fill: var(--aquarium-colors-primary-10);
@@ -2541,9 +2643,17 @@ input[type='number'].no-arrows {
2541
2643
  fill: rgba(254,235,178,1);
2542
2644
  fill: var(--aquarium-colors-warning-20);
2543
2645
  }
2544
- .fill-error-10{
2545
- fill: rgba(255,203,210,1);
2546
- fill: var(--aquarium-colors-error-10);
2646
+ .fill-white{
2647
+ fill: white;
2648
+ fill: var(--aquarium-colors-white);
2649
+ }
2650
+ .stroke-black{
2651
+ stroke: black;
2652
+ stroke: var(--aquarium-colors-black);
2653
+ }
2654
+ .stroke-error-100{
2655
+ stroke: rgba(170,0,0,1);
2656
+ stroke: var(--aquarium-colors-error-100);
2547
2657
  }
2548
2658
  .stroke-primary-muted{
2549
2659
  stroke: rgba(129,142,236,1);
@@ -2557,14 +2667,22 @@ input[type='number'].no-arrows {
2557
2667
  stroke: rgba(254,109,0,1);
2558
2668
  stroke: var(--aquarium-colors-warning-100);
2559
2669
  }
2560
- .stroke-error-100{
2561
- stroke: rgba(170,0,0,1);
2562
- stroke: var(--aquarium-colors-error-100);
2670
+ .stroke-1{
2671
+ stroke-width: 1;
2563
2672
  }
2564
2673
  .object-cover{
2565
2674
  -o-object-fit: cover;
2566
2675
  object-fit: cover;
2567
2676
  }
2677
+ .p-1{
2678
+ padding: 2px;
2679
+ }
2680
+ .p-2{
2681
+ padding: 4px;
2682
+ }
2683
+ .p-3{
2684
+ padding: 8px;
2685
+ }
2568
2686
  .p-4{
2569
2687
  padding: 12px;
2570
2688
  }
@@ -2577,140 +2695,134 @@ input[type='number'].no-arrows {
2577
2695
  .p-\[2px\]{
2578
2696
  padding: 2px;
2579
2697
  }
2580
- .p-3{
2581
- padding: 8px;
2582
- }
2583
2698
  .p-\[3px\]{
2584
2699
  padding: 3px;
2585
2700
  }
2586
- .p-2{
2587
- padding: 4px;
2588
- }
2589
2701
  .p-\[56px\]{
2590
2702
  padding: 56px;
2591
2703
  }
2592
- .p-1{
2593
- padding: 2px;
2704
+ .px-0{
2705
+ padding-left: 0px;
2706
+ padding-right: 0px;
2707
+ }
2708
+ .px-1{
2709
+ padding-left: 2px;
2710
+ padding-right: 2px;
2711
+ }
2712
+ .px-2{
2713
+ padding-left: 4px;
2714
+ padding-right: 4px;
2594
2715
  }
2595
2716
  .px-3{
2596
2717
  padding-left: 8px;
2597
2718
  padding-right: 8px;
2598
2719
  }
2599
- .py-3{
2600
- padding-top: 8px;
2601
- padding-bottom: 8px;
2602
- }
2603
- .px-\[60px\]{
2604
- padding-left: 60px;
2605
- padding-right: 60px;
2606
- }
2607
- .py-4{
2608
- padding-top: 12px;
2609
- padding-bottom: 12px;
2610
- }
2611
- .py-2{
2612
- padding-top: 4px;
2613
- padding-bottom: 4px;
2614
- }
2615
- .py-1{
2616
- padding-top: 2px;
2617
- padding-bottom: 2px;
2720
+ .px-4{
2721
+ padding-left: 12px;
2722
+ padding-right: 12px;
2618
2723
  }
2619
- .px-2{
2620
- padding-left: 4px;
2621
- padding-right: 4px;
2724
+ .px-5{
2725
+ padding-left: 16px;
2726
+ padding-right: 16px;
2622
2727
  }
2623
- .px-l2{
2728
+ .px-6{
2624
2729
  padding-left: 24px;
2625
2730
  padding-right: 24px;
2626
2731
  }
2627
- .py-7{
2628
- padding-top: 32px;
2629
- padding-bottom: 32px;
2630
- }
2631
- .py-6{
2632
- padding-top: 24px;
2633
- padding-bottom: 24px;
2634
- }
2635
2732
  .px-7{
2636
2733
  padding-left: 32px;
2637
2734
  padding-right: 32px;
2638
2735
  }
2639
- .px-6{
2640
- padding-left: 24px;
2641
- padding-right: 24px;
2642
- }
2643
- .py-5{
2644
- padding-top: 16px;
2645
- padding-bottom: 16px;
2646
- }
2647
- .px-5{
2648
- padding-left: 16px;
2649
- padding-right: 16px;
2650
- }
2651
- .py-\[6px\]{
2652
- padding-top: 6px;
2653
- padding-bottom: 6px;
2736
+ .px-\[14px\]{
2737
+ padding-left: 14px;
2738
+ padding-right: 14px;
2654
2739
  }
2655
2740
  .px-\[1px\]{
2656
2741
  padding-left: 1px;
2657
2742
  padding-right: 1px;
2658
2743
  }
2659
- .px-\[14px\]{
2660
- padding-left: 14px;
2661
- padding-right: 14px;
2662
- }
2663
2744
  .px-\[20px\]{
2664
2745
  padding-left: 20px;
2665
2746
  padding-right: 20px;
2666
2747
  }
2667
- .px-4{
2668
- padding-left: 12px;
2669
- padding-right: 12px;
2670
- }
2671
- .py-\[14px\]{
2672
- padding-top: 14px;
2673
- padding-bottom: 14px;
2674
- }
2675
- .px-1{
2676
- padding-left: 2px;
2677
- padding-right: 2px;
2678
- }
2679
2748
  .px-\[4px\]{
2680
2749
  padding-left: 4px;
2681
2750
  padding-right: 4px;
2682
2751
  }
2683
- .px-0{
2684
- padding-left: 0px;
2685
- padding-right: 0px;
2752
+ .px-\[60px\]{
2753
+ padding-left: 60px;
2754
+ padding-right: 60px;
2755
+ }
2756
+ .px-l2{
2757
+ padding-left: 24px;
2758
+ padding-right: 24px;
2759
+ }
2760
+ .py-1{
2761
+ padding-top: 2px;
2762
+ padding-bottom: 2px;
2763
+ }
2764
+ .py-2{
2765
+ padding-top: 4px;
2766
+ padding-bottom: 4px;
2767
+ }
2768
+ .py-3{
2769
+ padding-top: 8px;
2770
+ padding-bottom: 8px;
2771
+ }
2772
+ .py-4{
2773
+ padding-top: 12px;
2774
+ padding-bottom: 12px;
2775
+ }
2776
+ .py-5{
2777
+ padding-top: 16px;
2778
+ padding-bottom: 16px;
2779
+ }
2780
+ .py-6{
2781
+ padding-top: 24px;
2782
+ padding-bottom: 24px;
2783
+ }
2784
+ .py-7{
2785
+ padding-top: 32px;
2786
+ padding-bottom: 32px;
2686
2787
  }
2687
2788
  .py-\[10px\]{
2688
2789
  padding-top: 10px;
2689
2790
  padding-bottom: 10px;
2690
2791
  }
2691
- .pt-3{
2692
- padding-top: 8px;
2792
+ .py-\[14px\]{
2793
+ padding-top: 14px;
2794
+ padding-bottom: 14px;
2693
2795
  }
2694
- .pl-7{
2695
- padding-left: 32px;
2796
+ .py-\[6px\]{
2797
+ padding-top: 6px;
2798
+ padding-bottom: 6px;
2696
2799
  }
2697
- .pr-\[64px\]{
2698
- padding-right: 64px;
2800
+ .pb-3{
2801
+ padding-bottom: 8px;
2802
+ }
2803
+ .pb-5{
2804
+ padding-bottom: 16px;
2699
2805
  }
2700
2806
  .pb-6{
2701
2807
  padding-bottom: 24px;
2702
2808
  }
2703
- .pb-3{
2704
- padding-bottom: 8px;
2809
+ .pl-4{
2810
+ padding-left: 12px;
2705
2811
  }
2706
- .pr-7{
2707
- padding-right: 32px;
2812
+ .pl-7{
2813
+ padding-left: 32px;
2708
2814
  }
2709
2815
  .pr-4{
2710
2816
  padding-right: 12px;
2711
2817
  }
2712
- .pl-4{
2713
- padding-left: 12px;
2818
+ .pr-7{
2819
+ padding-right: 32px;
2820
+ }
2821
+ .pr-\[64px\]{
2822
+ padding-right: 64px;
2823
+ }
2824
+ .pt-3{
2825
+ padding-top: 8px;
2714
2826
  }
2715
2827
  .text-left{
2716
2828
  text-align: left;
@@ -2724,18 +2836,22 @@ input[type='number'].no-arrows {
2724
2836
  .align-middle{
2725
2837
  vertical-align: middle;
2726
2838
  }
2727
- .text-\[9px\]{
2728
- font-size: 9px;
2729
- }
2730
2839
  .text-\[8px\]{
2731
2840
  font-size: 8px;
2732
2841
  }
2733
- .font-semibold{
2734
- font-weight: 600;
2842
+ .text-\[9px\]{
2843
+ font-size: 9px;
2844
+ }
2845
+ .text-xs{
2846
+ font-size: 0.75rem;
2847
+ line-height: 1rem;
2735
2848
  }
2736
2849
  .font-normal{
2737
2850
  font-weight: 400;
2738
2851
  }
2852
+ .font-semibold{
2853
+ font-weight: 600;
2854
+ }
2739
2855
  .uppercase{
2740
2856
  text-transform: uppercase;
2741
2857
  }
@@ -2745,46 +2861,58 @@ input[type='number'].no-arrows {
2745
2861
  .italic{
2746
2862
  font-style: italic;
2747
2863
  }
2748
- .leading-tight{
2749
- line-height: 1.25;
2750
- }
2751
- .leading-none{
2752
- line-height: 1;
2864
+ .leading-\[0px\]{
2865
+ line-height: 0px;
2753
2866
  }
2754
2867
  .leading-\[18px\]{
2755
2868
  line-height: 18px;
2756
2869
  }
2757
- .leading-\[0px\]{
2758
- line-height: 0px;
2870
+ .leading-none{
2871
+ line-height: 1;
2759
2872
  }
2760
- .text-white{
2761
- color: white;
2762
- color: var(--aquarium-colors-white);
2873
+ .leading-tight{
2874
+ line-height: 1.25;
2763
2875
  }
2764
2876
  .text-black{
2765
2877
  color: black;
2766
2878
  color: var(--aquarium-colors-black);
2767
2879
  }
2768
- .text-transparent{
2769
- color: transparent;
2770
- color: var(--aquarium-colors-transparent);
2771
- }
2772
2880
  .text-current{
2773
2881
  color: currentColor;
2774
2882
  color: var(--aquarium-colors-current);
2775
2883
  }
2884
+ .text-danger-default{
2885
+ color: rgba(230,39,40,1);
2886
+ color: var(--aquarium-text-color-danger-default);
2887
+ }
2888
+ .text-danger-inactive{
2889
+ color: rgba(255,203,210,1);
2890
+ color: var(--aquarium-text-color-danger-inactive);
2891
+ }
2892
+ .text-danger-intense{
2893
+ color: rgba(197,0,1,1);
2894
+ color: var(--aquarium-text-color-danger-intense);
2895
+ }
2896
+ .text-danger-muted{
2897
+ color: rgba(255,173,179,1);
2898
+ color: var(--aquarium-text-color-danger-muted);
2899
+ }
2900
+ .text-default{
2901
+ color: rgba(74,75,87,1);
2902
+ color: var(--aquarium-text-color-default);
2903
+ }
2776
2904
  .text-error-0{
2777
2905
  color: rgba(254,242,241,1);
2778
2906
  color: var(--aquarium-colors-error-0);
2779
2907
  }
2780
- .text-error-5{
2781
- color: rgba(254,232,231,1);
2782
- color: var(--aquarium-colors-error-5);
2783
- }
2784
2908
  .text-error-10{
2785
2909
  color: rgba(255,203,210,1);
2786
2910
  color: var(--aquarium-colors-error-10);
2787
2911
  }
2912
+ .text-error-100{
2913
+ color: rgba(170,0,0,1);
2914
+ color: var(--aquarium-colors-error-100);
2915
+ }
2788
2916
  .text-error-20{
2789
2917
  color: rgba(255,173,179,1);
2790
2918
  color: var(--aquarium-colors-error-20);
@@ -2797,6 +2925,10 @@ input[type='number'].no-arrows {
2797
2925
  color: rgba(224,80,79,1);
2798
2926
  color: var(--aquarium-colors-error-40);
2799
2927
  }
2928
+ .text-error-5{
2929
+ color: rgba(254,232,231,1);
2930
+ color: var(--aquarium-colors-error-5);
2931
+ }
2800
2932
  .text-error-50{
2801
2933
  color: rgba(230,39,40,1);
2802
2934
  color: var(--aquarium-colors-error-50);
@@ -2817,118 +2949,70 @@ input[type='number'].no-arrows {
2817
2949
  color: rgba(185,0,0,1);
2818
2950
  color: var(--aquarium-colors-error-90);
2819
2951
  }
2820
- .text-error-100{
2821
- color: rgba(170,0,0,1);
2822
- color: var(--aquarium-colors-error-100);
2952
+ .text-grey-0{
2953
+ color: rgba(247,247,250,1);
2954
+ color: var(--aquarium-colors-grey-0);
2823
2955
  }
2824
- .text-warning-0{
2825
- color: rgba(255,253,249,1);
2826
- color: var(--aquarium-colors-warning-0);
2956
+ .text-grey-10{
2957
+ color: rgba(225,225,227,1);
2958
+ color: var(--aquarium-colors-grey-10);
2827
2959
  }
2828
- .text-warning-5{
2829
- color: rgba(255,248,234,1);
2830
- color: var(--aquarium-colors-warning-5);
2960
+ .text-grey-100{
2961
+ color: rgba(25,25,29,1);
2962
+ color: var(--aquarium-colors-grey-100);
2831
2963
  }
2832
- .text-warning-10{
2833
- color: rgba(255,242,205,1);
2834
- color: var(--aquarium-colors-warning-10);
2964
+ .text-grey-20{
2965
+ color: rgba(210,210,214,1);
2966
+ color: var(--aquarium-colors-grey-20);
2835
2967
  }
2836
- .text-warning-20{
2837
- color: rgba(254,235,178,1);
2838
- color: var(--aquarium-colors-warning-20);
2968
+ .text-grey-30{
2969
+ color: rgba(180,180,187,1);
2970
+ color: var(--aquarium-colors-grey-30);
2839
2971
  }
2840
- .text-warning-30{
2841
- color: rgba(253,223,129,1);
2842
- color: var(--aquarium-colors-warning-30);
2972
+ .text-grey-40{
2973
+ color: rgba(150,150,160,1);
2974
+ color: var(--aquarium-colors-grey-40);
2843
2975
  }
2844
- .text-warning-40{
2845
- color: rgba(253,212,77,1);
2846
- color: var(--aquarium-colors-warning-40);
2976
+ .text-grey-5{
2977
+ color: rgba(237,237,240,1);
2978
+ color: var(--aquarium-colors-grey-5);
2847
2979
  }
2848
- .text-warning-50{
2849
- color: rgba(253,201,38,1);
2850
- color: var(--aquarium-colors-warning-50);
2980
+ .text-grey-50{
2981
+ color: rgba(120,120,133,1);
2982
+ color: var(--aquarium-colors-grey-50);
2851
2983
  }
2852
- .text-warning-60{
2853
- color: rgba(255,193,7,1);
2854
- color: var(--aquarium-colors-warning-60);
2984
+ .text-grey-60{
2985
+ color: rgba(90,91,106,1);
2986
+ color: var(--aquarium-colors-grey-60);
2855
2987
  }
2856
- .text-warning-70{
2857
- color: rgba(255,179,0,1);
2858
- color: var(--aquarium-colors-warning-70);
2988
+ .text-grey-70{
2989
+ color: rgba(74,75,87,1);
2990
+ color: var(--aquarium-colors-grey-70);
2859
2991
  }
2860
- .text-warning-80{
2861
- color: rgba(253,159,0,1);
2862
- color: var(--aquarium-colors-warning-80);
2992
+ .text-grey-80{
2993
+ color: rgba(58,58,68,1);
2994
+ color: var(--aquarium-colors-grey-80);
2863
2995
  }
2864
- .text-warning-90{
2865
- color: rgba(255,144,3,1);
2866
- color: var(--aquarium-colors-warning-90);
2996
+ .text-grey-90{
2997
+ color: rgba(41,42,49,1);
2998
+ color: var(--aquarium-colors-grey-90);
2867
2999
  }
2868
- .text-warning-100{
2869
- color: rgba(254,109,0,1);
2870
- color: var(--aquarium-colors-warning-100);
2871
- }
2872
- .text-success-0{
2873
- color: rgba(245,250,245,1);
2874
- color: var(--aquarium-colors-success-0);
2875
- }
2876
- .text-success-5{
2877
- color: rgba(236,247,237,1);
2878
- color: var(--aquarium-colors-success-5);
2879
- }
2880
- .text-success-10{
2881
- color: rgba(203,255,201,1);
2882
- color: var(--aquarium-colors-success-10);
2883
- }
2884
- .text-success-20{
2885
- color: rgba(175,255,167,1);
2886
- color: var(--aquarium-colors-success-20);
2887
- }
2888
- .text-success-30{
2889
- color: rgba(137,235,128,1);
2890
- color: var(--aquarium-colors-success-30);
2891
- }
2892
- .text-success-40{
2893
- color: rgba(96,219,87,1);
2894
- color: var(--aquarium-colors-success-40);
2895
- }
2896
- .text-success-50{
2897
- color: rgba(64,206,55,1);
2898
- color: var(--aquarium-colors-success-50);
2899
- }
2900
- .text-success-60{
2901
- color: rgba(0,195,0,1);
2902
- color: var(--aquarium-colors-success-60);
2903
- }
2904
- .text-success-70{
2905
- color: rgba(0,179,0,1);
2906
- color: var(--aquarium-colors-success-70);
2907
- }
2908
- .text-success-80{
2909
- color: rgba(0,159,0,1);
2910
- color: var(--aquarium-colors-success-80);
2911
- }
2912
- .text-success-90{
2913
- color: rgba(0,142,0,1);
2914
- color: var(--aquarium-colors-success-90);
2915
- }
2916
- .text-success-100{
2917
- color: rgba(0,111,0,1);
2918
- color: var(--aquarium-colors-success-100);
3000
+ .text-inactive{
3001
+ color: rgba(150,150,160,1);
3002
+ color: var(--aquarium-text-color-inactive);
2919
3003
  }
2920
3004
  .text-info-0{
2921
3005
  color: rgba(249,253,255,1);
2922
3006
  color: var(--aquarium-colors-info-0);
2923
3007
  }
2924
- .text-info-5{
2925
- color: rgba(239,250,255,1);
2926
- color: var(--aquarium-colors-info-5);
2927
- }
2928
3008
  .text-info-10{
2929
3009
  color: rgba(224,245,254,1);
2930
3010
  color: var(--aquarium-colors-info-10);
2931
3011
  }
3012
+ .text-info-100{
3013
+ color: rgba(2,86,154,1);
3014
+ color: var(--aquarium-colors-info-100);
3015
+ }
2932
3016
  .text-info-20{
2933
3017
  color: rgba(180,229,251,1);
2934
3018
  color: var(--aquarium-colors-info-20);
@@ -2941,6 +3025,10 @@ input[type='number'].no-arrows {
2941
3025
  color: rgba(76,194,247,1);
2942
3026
  color: var(--aquarium-colors-info-40);
2943
3027
  }
3028
+ .text-info-5{
3029
+ color: rgba(239,250,255,1);
3030
+ color: var(--aquarium-colors-info-5);
3031
+ }
2944
3032
  .text-info-50{
2945
3033
  color: rgba(40,180,244,1);
2946
3034
  color: var(--aquarium-colors-info-50);
@@ -2961,118 +3049,46 @@ input[type='number'].no-arrows {
2961
3049
  color: rgba(1,116,186,1);
2962
3050
  color: var(--aquarium-colors-info-90);
2963
3051
  }
2964
- .text-info-100{
2965
- color: rgba(2,86,154,1);
2966
- color: var(--aquarium-colors-info-100);
2967
- }
2968
- .text-grey-0{
2969
- color: rgba(247,247,250,1);
2970
- color: var(--aquarium-colors-grey-0);
2971
- }
2972
- .text-grey-5{
2973
- color: rgba(237,237,240,1);
2974
- color: var(--aquarium-colors-grey-5);
2975
- }
2976
- .text-grey-10{
2977
- color: rgba(225,225,227,1);
2978
- color: var(--aquarium-colors-grey-10);
2979
- }
2980
- .text-grey-20{
2981
- color: rgba(210,210,214,1);
2982
- color: var(--aquarium-colors-grey-20);
2983
- }
2984
- .text-grey-30{
2985
- color: rgba(180,180,187,1);
2986
- color: var(--aquarium-colors-grey-30);
2987
- }
2988
- .text-grey-40{
2989
- color: rgba(150,150,160,1);
2990
- color: var(--aquarium-colors-grey-40);
2991
- }
2992
- .text-grey-50{
2993
- color: rgba(120,120,133,1);
2994
- color: var(--aquarium-colors-grey-50);
3052
+ .text-info-default{
3053
+ color: rgba(3,153,227,1);
3054
+ color: var(--aquarium-text-color-info-default);
2995
3055
  }
2996
- .text-grey-60{
2997
- color: rgba(90,91,106,1);
2998
- color: var(--aquarium-colors-grey-60);
3056
+ .text-info-inactive{
3057
+ color: rgba(180,229,251,1);
3058
+ color: var(--aquarium-text-color-info-inactive);
2999
3059
  }
3000
- .text-grey-70{
3001
- color: rgba(74,75,87,1);
3002
- color: var(--aquarium-colors-grey-70);
3060
+ .text-info-intense{
3061
+ color: rgba(1,116,186,1);
3062
+ color: var(--aquarium-text-color-info-intense);
3003
3063
  }
3004
- .text-grey-80{
3005
- color: rgba(58,58,68,1);
3006
- color: var(--aquarium-colors-grey-80);
3064
+ .text-info-muted{
3065
+ color: rgba(76,194,247,1);
3066
+ color: var(--aquarium-text-color-info-muted);
3007
3067
  }
3008
- .text-grey-90{
3068
+ .text-intense{
3009
3069
  color: rgba(41,42,49,1);
3010
- color: var(--aquarium-colors-grey-90);
3011
- }
3012
- .text-grey-100{
3013
- color: rgba(25,25,29,1);
3014
- color: var(--aquarium-colors-grey-100);
3015
- }
3016
- .text-secondary-0{
3017
- color: rgba(255,251,248,1);
3018
- color: var(--aquarium-colors-secondary-0);
3019
- }
3020
- .text-secondary-5{
3021
- color: rgba(255,243,232,1);
3022
- color: var(--aquarium-colors-secondary-5);
3023
- }
3024
- .text-secondary-10{
3025
- color: rgba(254,232,208,1);
3026
- color: var(--aquarium-colors-secondary-10);
3027
- }
3028
- .text-secondary-20{
3029
- color: rgba(248,201,156,1);
3030
- color: var(--aquarium-colors-secondary-20);
3031
- }
3032
- .text-secondary-30{
3033
- color: rgba(250,178,110,1);
3034
- color: var(--aquarium-colors-secondary-30);
3035
- }
3036
- .text-secondary-40{
3037
- color: rgba(251,154,62,1);
3038
- color: var(--aquarium-colors-secondary-40);
3039
- }
3040
- .text-secondary-50{
3041
- color: rgba(252,135,26,1);
3042
- color: var(--aquarium-colors-secondary-50);
3043
- }
3044
- .text-secondary-60{
3045
- color: rgba(255,119,0,1);
3046
- color: var(--aquarium-colors-secondary-60);
3047
- }
3048
- .text-secondary-70{
3049
- color: rgba(249,106,2,1);
3050
- color: var(--aquarium-colors-secondary-70);
3051
- }
3052
- .text-secondary-80{
3053
- color: rgba(243,88,13,1);
3054
- color: var(--aquarium-colors-secondary-80);
3070
+ color: var(--aquarium-text-color-intense);
3055
3071
  }
3056
- .text-secondary-90{
3057
- color: rgba(235,70,16,1);
3058
- color: var(--aquarium-colors-secondary-90);
3072
+ .text-muted{
3073
+ color: rgba(120,120,133,1);
3074
+ color: var(--aquarium-text-color-muted);
3059
3075
  }
3060
- .text-secondary-100{
3061
- color: rgba(225,29,22,1);
3062
- color: var(--aquarium-colors-secondary-100);
3076
+ .text-opposite-default{
3077
+ color: white;
3078
+ color: var(--aquarium-text-color-opposite-default);
3063
3079
  }
3064
3080
  .text-primary-0{
3065
3081
  color: rgba(255,255,255,1);
3066
3082
  color: var(--aquarium-colors-primary-0);
3067
3083
  }
3068
- .text-primary-5{
3069
- color: rgba(243,246,255,1);
3070
- color: var(--aquarium-colors-primary-5);
3071
- }
3072
3084
  .text-primary-10{
3073
3085
  color: rgba(227,233,255,1);
3074
3086
  color: var(--aquarium-colors-primary-10);
3075
3087
  }
3088
+ .text-primary-100{
3089
+ color: rgba(14,22,82,1);
3090
+ color: var(--aquarium-colors-primary-100);
3091
+ }
3076
3092
  .text-primary-20{
3077
3093
  color: rgba(213,221,250,1);
3078
3094
  color: var(--aquarium-colors-primary-20);
@@ -3085,6 +3101,10 @@ input[type='number'].no-arrows {
3085
3101
  color: rgba(185,197,239,1);
3086
3102
  color: var(--aquarium-colors-primary-40);
3087
3103
  }
3104
+ .text-primary-5{
3105
+ color: rgba(243,246,255,1);
3106
+ color: var(--aquarium-colors-primary-5);
3107
+ }
3088
3108
  .text-primary-50{
3089
3109
  color: rgba(157,170,238,1);
3090
3110
  color: var(--aquarium-colors-primary-50);
@@ -3105,113 +3125,209 @@ input[type='number'].no-arrows {
3105
3125
  color: rgba(34,47,149,1);
3106
3126
  color: var(--aquarium-colors-primary-90);
3107
3127
  }
3108
- .text-primary-100{
3109
- color: rgba(14,22,82,1);
3110
- color: var(--aquarium-colors-primary-100);
3111
- }
3112
- .text-inactive{
3113
- color: rgba(150,150,160,1);
3114
- color: var(--aquarium-text-color-inactive);
3115
- }
3116
- .text-muted{
3117
- color: rgba(120,120,133,1);
3118
- color: var(--aquarium-text-color-muted);
3119
- }
3120
- .text-default{
3121
- color: rgba(74,75,87,1);
3122
- color: var(--aquarium-text-color-default);
3123
- }
3124
- .text-intense{
3125
- color: rgba(41,42,49,1);
3126
- color: var(--aquarium-text-color-intense);
3127
- }
3128
- .text-opposite-default{
3129
- color: white;
3130
- color: var(--aquarium-text-color-opposite-default);
3131
- }
3132
- .text-primary-inactive{
3133
- color: rgba(185,197,239,1);
3134
- color: var(--aquarium-text-color-primary-inactive);
3135
- }
3136
3128
  .text-primary-active{
3137
3129
  color: rgba(34,47,149,1);
3138
3130
  color: var(--aquarium-text-color-primary-active);
3139
3131
  }
3140
- .text-primary-muted{
3141
- color: rgba(129,142,236,1);
3142
- color: var(--aquarium-text-color-primary-muted);
3143
- }
3144
3132
  .text-primary-default{
3145
3133
  color: rgba(88,101,205,1);
3146
3134
  color: var(--aquarium-text-color-primary-default);
3147
3135
  }
3136
+ .text-primary-inactive{
3137
+ color: rgba(185,197,239,1);
3138
+ color: var(--aquarium-text-color-primary-inactive);
3139
+ }
3148
3140
  .text-primary-intense{
3149
3141
  color: rgba(53,69,190,1);
3150
3142
  color: var(--aquarium-text-color-primary-intense);
3151
3143
  }
3152
- .text-info-inactive{
3153
- color: rgba(180,229,251,1);
3154
- color: var(--aquarium-text-color-info-inactive);
3144
+ .text-primary-muted{
3145
+ color: rgba(129,142,236,1);
3146
+ color: var(--aquarium-text-color-primary-muted);
3155
3147
  }
3156
- .text-info-muted{
3157
- color: rgba(76,194,247,1);
3158
- color: var(--aquarium-text-color-info-muted);
3148
+ .text-secondary-0{
3149
+ color: rgba(255,251,248,1);
3150
+ color: var(--aquarium-colors-secondary-0);
3159
3151
  }
3160
- .text-info-default{
3161
- color: rgba(3,153,227,1);
3162
- color: var(--aquarium-text-color-info-default);
3152
+ .text-secondary-10{
3153
+ color: rgba(254,232,208,1);
3154
+ color: var(--aquarium-colors-secondary-10);
3163
3155
  }
3164
- .text-info-intense{
3165
- color: rgba(1,116,186,1);
3166
- color: var(--aquarium-text-color-info-intense);
3156
+ .text-secondary-100{
3157
+ color: rgba(225,29,22,1);
3158
+ color: var(--aquarium-colors-secondary-100);
3167
3159
  }
3168
- .text-success-inactive{
3169
- color: rgba(203,255,201,1);
3170
- color: var(--aquarium-text-color-success-inactive);
3160
+ .text-secondary-20{
3161
+ color: rgba(248,201,156,1);
3162
+ color: var(--aquarium-colors-secondary-20);
3171
3163
  }
3172
- .text-success-muted{
3173
- color: rgba(137,235,128,1);
3174
- color: var(--aquarium-text-color-success-muted);
3164
+ .text-secondary-30{
3165
+ color: rgba(250,178,110,1);
3166
+ color: var(--aquarium-colors-secondary-30);
3175
3167
  }
3176
- .text-success-default{
3177
- color: rgba(0,179,0,1);
3168
+ .text-secondary-40{
3169
+ color: rgba(251,154,62,1);
3170
+ color: var(--aquarium-colors-secondary-40);
3171
+ }
3172
+ .text-secondary-5{
3173
+ color: rgba(255,243,232,1);
3174
+ color: var(--aquarium-colors-secondary-5);
3175
+ }
3176
+ .text-secondary-50{
3177
+ color: rgba(252,135,26,1);
3178
+ color: var(--aquarium-colors-secondary-50);
3179
+ }
3180
+ .text-secondary-60{
3181
+ color: rgba(255,119,0,1);
3182
+ color: var(--aquarium-colors-secondary-60);
3183
+ }
3184
+ .text-secondary-70{
3185
+ color: rgba(249,106,2,1);
3186
+ color: var(--aquarium-colors-secondary-70);
3187
+ }
3188
+ .text-secondary-80{
3189
+ color: rgba(243,88,13,1);
3190
+ color: var(--aquarium-colors-secondary-80);
3191
+ }
3192
+ .text-secondary-90{
3193
+ color: rgba(235,70,16,1);
3194
+ color: var(--aquarium-colors-secondary-90);
3195
+ }
3196
+ .text-success-0{
3197
+ color: rgba(245,250,245,1);
3198
+ color: var(--aquarium-colors-success-0);
3199
+ }
3200
+ .text-success-10{
3201
+ color: rgba(203,255,201,1);
3202
+ color: var(--aquarium-colors-success-10);
3203
+ }
3204
+ .text-success-100{
3205
+ color: rgba(0,111,0,1);
3206
+ color: var(--aquarium-colors-success-100);
3207
+ }
3208
+ .text-success-20{
3209
+ color: rgba(175,255,167,1);
3210
+ color: var(--aquarium-colors-success-20);
3211
+ }
3212
+ .text-success-30{
3213
+ color: rgba(137,235,128,1);
3214
+ color: var(--aquarium-colors-success-30);
3215
+ }
3216
+ .text-success-40{
3217
+ color: rgba(96,219,87,1);
3218
+ color: var(--aquarium-colors-success-40);
3219
+ }
3220
+ .text-success-5{
3221
+ color: rgba(236,247,237,1);
3222
+ color: var(--aquarium-colors-success-5);
3223
+ }
3224
+ .text-success-50{
3225
+ color: rgba(64,206,55,1);
3226
+ color: var(--aquarium-colors-success-50);
3227
+ }
3228
+ .text-success-60{
3229
+ color: rgba(0,195,0,1);
3230
+ color: var(--aquarium-colors-success-60);
3231
+ }
3232
+ .text-success-70{
3233
+ color: rgba(0,179,0,1);
3234
+ color: var(--aquarium-colors-success-70);
3235
+ }
3236
+ .text-success-80{
3237
+ color: rgba(0,159,0,1);
3238
+ color: var(--aquarium-colors-success-80);
3239
+ }
3240
+ .text-success-90{
3241
+ color: rgba(0,142,0,1);
3242
+ color: var(--aquarium-colors-success-90);
3243
+ }
3244
+ .text-success-default{
3245
+ color: rgba(0,179,0,1);
3178
3246
  color: var(--aquarium-text-color-success-default);
3179
3247
  }
3248
+ .text-success-inactive{
3249
+ color: rgba(203,255,201,1);
3250
+ color: var(--aquarium-text-color-success-inactive);
3251
+ }
3180
3252
  .text-success-intense{
3181
3253
  color: rgba(0,142,0,1);
3182
3254
  color: var(--aquarium-text-color-success-intense);
3183
3255
  }
3184
- .text-warning-inactive{
3256
+ .text-success-muted{
3257
+ color: rgba(137,235,128,1);
3258
+ color: var(--aquarium-text-color-success-muted);
3259
+ }
3260
+ .text-transparent{
3261
+ color: transparent;
3262
+ color: var(--aquarium-colors-transparent);
3263
+ }
3264
+ .text-warning-0{
3265
+ color: rgba(255,253,249,1);
3266
+ color: var(--aquarium-colors-warning-0);
3267
+ }
3268
+ .text-warning-10{
3269
+ color: rgba(255,242,205,1);
3270
+ color: var(--aquarium-colors-warning-10);
3271
+ }
3272
+ .text-warning-100{
3273
+ color: rgba(254,109,0,1);
3274
+ color: var(--aquarium-colors-warning-100);
3275
+ }
3276
+ .text-warning-20{
3185
3277
  color: rgba(254,235,178,1);
3186
- color: var(--aquarium-text-color-warning-inactive);
3278
+ color: var(--aquarium-colors-warning-20);
3187
3279
  }
3188
- .text-warning-muted{
3280
+ .text-warning-30{
3281
+ color: rgba(253,223,129,1);
3282
+ color: var(--aquarium-colors-warning-30);
3283
+ }
3284
+ .text-warning-40{
3189
3285
  color: rgba(253,212,77,1);
3190
- color: var(--aquarium-text-color-warning-muted);
3286
+ color: var(--aquarium-colors-warning-40);
3287
+ }
3288
+ .text-warning-5{
3289
+ color: rgba(255,248,234,1);
3290
+ color: var(--aquarium-colors-warning-5);
3291
+ }
3292
+ .text-warning-50{
3293
+ color: rgba(253,201,38,1);
3294
+ color: var(--aquarium-colors-warning-50);
3295
+ }
3296
+ .text-warning-60{
3297
+ color: rgba(255,193,7,1);
3298
+ color: var(--aquarium-colors-warning-60);
3299
+ }
3300
+ .text-warning-70{
3301
+ color: rgba(255,179,0,1);
3302
+ color: var(--aquarium-colors-warning-70);
3303
+ }
3304
+ .text-warning-80{
3305
+ color: rgba(253,159,0,1);
3306
+ color: var(--aquarium-colors-warning-80);
3307
+ }
3308
+ .text-warning-90{
3309
+ color: rgba(255,144,3,1);
3310
+ color: var(--aquarium-colors-warning-90);
3191
3311
  }
3192
3312
  .text-warning-default{
3193
3313
  color: rgba(253,159,0,1);
3194
3314
  color: var(--aquarium-text-color-warning-default);
3195
3315
  }
3316
+ .text-warning-inactive{
3317
+ color: rgba(254,235,178,1);
3318
+ color: var(--aquarium-text-color-warning-inactive);
3319
+ }
3196
3320
  .text-warning-intense{
3197
3321
  color: rgba(254,109,0,1);
3198
3322
  color: var(--aquarium-text-color-warning-intense);
3199
3323
  }
3200
- .text-danger-inactive{
3201
- color: rgba(255,203,210,1);
3202
- color: var(--aquarium-text-color-danger-inactive);
3203
- }
3204
- .text-danger-muted{
3205
- color: rgba(255,173,179,1);
3206
- color: var(--aquarium-text-color-danger-muted);
3207
- }
3208
- .text-danger-default{
3209
- color: rgba(230,39,40,1);
3210
- color: var(--aquarium-text-color-danger-default);
3324
+ .text-warning-muted{
3325
+ color: rgba(253,212,77,1);
3326
+ color: var(--aquarium-text-color-warning-muted);
3211
3327
  }
3212
- .text-danger-intense{
3213
- color: rgba(197,0,1,1);
3214
- color: var(--aquarium-text-color-danger-intense);
3328
+ .text-white{
3329
+ color: white;
3330
+ color: var(--aquarium-colors-white);
3215
3331
  }
3216
3332
  .underline{
3217
3333
  -webkit-text-decoration-line: underline;
@@ -3221,20 +3337,24 @@ input[type='number'].no-arrows {
3221
3337
  -webkit-text-decoration-line: none;
3222
3338
  text-decoration-line: none;
3223
3339
  }
3224
- .opacity-50{
3225
- opacity: 0.5;
3340
+ .caret-transparent{
3341
+ caret-color: transparent;
3342
+ caret-color: var(--aquarium-colors-transparent);
3226
3343
  }
3227
- .opacity-70{
3228
- opacity: 0.7;
3344
+ .opacity-0{
3345
+ opacity: 0;
3346
+ }
3347
+ .opacity-100{
3348
+ opacity: 1;
3229
3349
  }
3230
3350
  .opacity-40{
3231
3351
  opacity: 0.4;
3232
3352
  }
3233
- .opacity-100{
3234
- opacity: 1;
3353
+ .opacity-50{
3354
+ opacity: 0.5;
3235
3355
  }
3236
- .opacity-0{
3237
- opacity: 0;
3356
+ .opacity-70{
3357
+ opacity: 0.7;
3238
3358
  }
3239
3359
  .shadow-16dp{
3240
3360
  --tw-shadow: var(--aquarium-box-shadow-16dp);
@@ -3252,21 +3372,37 @@ input[type='number'].no-arrows {
3252
3372
  outline: 2px solid transparent;
3253
3373
  outline-offset: 2px;
3254
3374
  }
3255
- .ring-0{
3375
+ .outline{
3376
+ outline-style: solid;
3377
+ }
3378
+ .outline-0{
3379
+ outline-width: 0px;
3380
+ }
3381
+ .outline-2{
3382
+ outline-width: 2px;
3383
+ }
3384
+ .outline-offset-2{
3385
+ outline-offset: 2px;
3386
+ }
3387
+ .outline-primary-default{
3388
+ outline-color: rgba(53,69,190,1);
3389
+ outline-color: var(--aquarium-border-color-primary-default);
3390
+ }
3391
+ .ring{
3256
3392
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3257
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3393
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3258
3394
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3259
3395
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3260
3396
  }
3261
- .ring-1{
3397
+ .ring-0{
3262
3398
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3263
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3399
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3264
3400
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3265
3401
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3266
3402
  }
3267
- .ring{
3403
+ .ring-1{
3268
3404
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3269
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3405
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3270
3406
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3271
3407
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3272
3408
  }
@@ -3290,11 +3426,6 @@ input[type='number'].no-arrows {
3290
3426
  .filter{
3291
3427
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3292
3428
  }
3293
- .transition-all{
3294
- transition-property: all;
3295
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3296
- transition-duration: 150ms;
3297
- }
3298
3429
  .transition{
3299
3430
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3300
3431
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -3302,6 +3433,11 @@ input[type='number'].no-arrows {
3302
3433
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3303
3434
  transition-duration: 150ms;
3304
3435
  }
3436
+ .transition-all{
3437
+ transition-property: all;
3438
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3439
+ transition-duration: 150ms;
3440
+ }
3305
3441
  .transition-colors{
3306
3442
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
3307
3443
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -3320,51 +3456,15 @@ input[type='number'].no-arrows {
3320
3456
  .delay-300{
3321
3457
  transition-delay: 300ms;
3322
3458
  }
3323
- .duration-300{
3324
- transition-duration: 300ms;
3325
- }
3326
3459
  .duration-200{
3327
3460
  transition-duration: 200ms;
3328
3461
  }
3462
+ .duration-300{
3463
+ transition-duration: 300ms;
3464
+ }
3329
3465
  .ease-in-out{
3330
3466
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3331
3467
  }
3332
- .line-clamp-1{
3333
- overflow: hidden;
3334
- display: -webkit-box;
3335
- -webkit-box-orient: vertical;
3336
- -webkit-line-clamp: 1;
3337
- }
3338
- .line-clamp-2{
3339
- overflow: hidden;
3340
- display: -webkit-box;
3341
- -webkit-box-orient: vertical;
3342
- -webkit-line-clamp: 2;
3343
- }
3344
- .line-clamp-3{
3345
- overflow: hidden;
3346
- display: -webkit-box;
3347
- -webkit-box-orient: vertical;
3348
- -webkit-line-clamp: 3;
3349
- }
3350
- .line-clamp-4{
3351
- overflow: hidden;
3352
- display: -webkit-box;
3353
- -webkit-box-orient: vertical;
3354
- -webkit-line-clamp: 4;
3355
- }
3356
- .line-clamp-5{
3357
- overflow: hidden;
3358
- display: -webkit-box;
3359
- -webkit-box-orient: vertical;
3360
- -webkit-line-clamp: 5;
3361
- }
3362
- .line-clamp-6{
3363
- overflow: hidden;
3364
- display: -webkit-box;
3365
- -webkit-box-orient: vertical;
3366
- -webkit-line-clamp: 6;
3367
- }
3368
3468
  .scrollbar-hide{
3369
3469
  -ms-overflow-style: none;
3370
3470
  scrollbar-width: none;
@@ -3596,363 +3696,729 @@ input[type='number'].no-arrows {
3596
3696
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3597
3697
  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);
3598
3698
  }
3599
- .hover\:cursor-pointer:hover{
3600
- cursor: pointer;
3699
+ .active\:bg-body:active{
3700
+ background-color: white;
3701
+ background-color: var(--aquarium-background-color-body);
3601
3702
  }
3602
- .hover\:border-intense:hover{
3603
- border-color: rgba(120,120,133,1);
3604
- border-color: var(--aquarium-border-color-intense);
3605
- }
3606
- .hover\:bg-primary-hover:hover{
3703
+ .active\:bg-primary-active:active{
3607
3704
  background-color: rgba(243,246,255,1);
3608
- background-color: var(--aquarium-background-color-primary-hover);
3705
+ background-color: var(--aquarium-background-color-primary-active);
3609
3706
  }
3610
- .hover\:bg-muted:hover{
3611
- background-color: rgba(247,247,250,1);
3612
- background-color: var(--aquarium-background-color-muted);
3707
+ .active\:bg-primary-intense:active{
3708
+ background-color: rgba(34,47,149,1);
3709
+ background-color: var(--aquarium-background-color-primary-intense);
3710
+ }
3711
+ .active\:bg-transparent:active{
3712
+ background-color: transparent;
3713
+ background-color: var(--aquarium-colors-transparent);
3714
+ }
3715
+ .active\:text-default:active{
3716
+ color: rgba(74,75,87,1);
3717
+ color: var(--aquarium-text-color-default);
3718
+ }
3719
+ .active\:text-muted:active{
3720
+ color: rgba(120,120,133,1);
3721
+ color: var(--aquarium-text-color-muted);
3722
+ }
3723
+ .active\:text-primary-active:active{
3724
+ color: rgba(34,47,149,1);
3725
+ color: var(--aquarium-text-color-primary-active);
3726
+ }
3727
+ .active\:text-primary-intense:active{
3728
+ color: rgba(53,69,190,1);
3729
+ color: var(--aquarium-text-color-primary-intense);
3730
+ }
3731
+ .active\:ring-0:active{
3732
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3733
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3734
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3735
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3736
+ }
3737
+ .active\:ring-primary-default:active{
3738
+ --tw-ring-color: var(--aquarium-border-color-primary-default);
3739
+ }
3740
+ .group:last-of-type .group-last-of-type\:border-b-0{
3741
+ border-bottom-width: 0px;
3742
+ border-bottom-width: var(--aquarium-border-width-0);
3743
+ }
3744
+ .peer\/switch:checked~.peer-checked\/switch\:left-1{
3745
+ left: 2px;
3746
+ }
3747
+ .peer\/switch:checked~.peer-checked\/switch\:translate-x-5{
3748
+ --tw-translate-x: 16px;
3749
+ 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));
3750
+ }
3751
+ .peer:checked~.peer-checked\:border-primary-default{
3752
+ border-color: rgba(53,69,190,1);
3753
+ border-color: var(--aquarium-border-color-primary-default);
3613
3754
  }
3614
- .hover\:bg-default:hover{
3755
+ .peer:checked~.peer-checked\:border-transparent{
3756
+ border-color: transparent;
3757
+ border-color: var(--aquarium-colors-transparent);
3758
+ }
3759
+ .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
3760
+ color: rgba(129,142,236,1);
3761
+ color: var(--aquarium-text-color-primary-muted);
3762
+ }
3763
+ .peer:checked~.peer-checked\:text-primary-default{
3764
+ color: rgba(88,101,205,1);
3765
+ color: var(--aquarium-text-color-primary-default);
3766
+ }
3767
+ .peer:checked~.peer-checked\:text-white{
3768
+ color: white;
3769
+ color: var(--aquarium-colors-white);
3770
+ }
3771
+ .children\:inline-block>*{
3772
+ display: inline-block;
3773
+ }
3774
+ .children\:border-default>*{
3775
+ border-color: rgba(210,210,214,1);
3776
+ border-color: var(--aquarium-border-color-default);
3777
+ }
3778
+ .children\:opacity-70>*{
3779
+ opacity: 0.7;
3780
+ }
3781
+ .children\:last\:border-b-0:last-child>*{
3782
+ border-bottom-width: 0px;
3783
+ border-bottom-width: var(--aquarium-border-width-0);
3784
+ }
3785
+ .group[data-placement="left"] .group-placement-left\:-rotate-90{
3786
+ --tw-rotate: -90deg;
3787
+ 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));
3788
+ }
3789
+ .group[data-placement="right"] .group-placement-right\:rotate-90{
3790
+ --tw-rotate: 90deg;
3791
+ 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));
3792
+ }
3793
+ .group[data-placement="bottom"] .group-placement-bottom\:rotate-180{
3794
+ --tw-rotate: 180deg;
3795
+ 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));
3796
+ }
3797
+ .invalid\:bg-danger-default:where([data-rac])[data-invalid]{
3798
+ background-color: rgba(255,173,179,1);
3799
+ background-color: var(--aquarium-background-color-danger-default);
3800
+ }
3801
+ .invalid\:bg-danger-default:where(:not([data-rac])):invalid{
3802
+ background-color: rgba(255,173,179,1);
3803
+ background-color: var(--aquarium-background-color-danger-default);
3804
+ }
3805
+ .group:where([data-rac])[data-invalid] .group-invalid\:bg-danger-default{
3806
+ background-color: rgba(255,173,179,1);
3807
+ background-color: var(--aquarium-background-color-danger-default);
3808
+ }
3809
+ .group:where(:not([data-rac])):invalid .group-invalid\:bg-danger-default{
3810
+ background-color: rgba(255,173,179,1);
3811
+ background-color: var(--aquarium-background-color-danger-default);
3812
+ }
3813
+ .outside-month\:text-inactive[data-outside-month]{
3814
+ color: rgba(150,150,160,1);
3815
+ color: var(--aquarium-text-color-inactive);
3816
+ }
3817
+ .hover\:cursor-pointer:where([data-rac])[data-hovered]{
3818
+ cursor: pointer;
3819
+ }
3820
+ .hover\:border-intense:where([data-rac])[data-hovered]{
3821
+ border-color: rgba(120,120,133,1);
3822
+ border-color: var(--aquarium-border-color-intense);
3823
+ }
3824
+ .hover\:bg-danger-muted:where([data-rac])[data-hovered]{
3825
+ background-color: rgba(255,203,210,1);
3826
+ background-color: var(--aquarium-background-color-danger-muted);
3827
+ }
3828
+ .hover\:bg-default:where([data-rac])[data-hovered]{
3615
3829
  background-color: rgba(237,237,240,1);
3616
3830
  background-color: var(--aquarium-background-color-default);
3617
3831
  }
3618
- .hover\:bg-intense:hover{
3832
+ .hover\:bg-icon-button-hover:where([data-rac])[data-hovered]{
3833
+ background-color: rgba(25,25,29,.05);
3834
+ background-color: var(--aquarium-background-color-icon-button-hover);
3835
+ }
3836
+ .hover\:bg-intense:where([data-rac])[data-hovered]{
3619
3837
  background-color: rgba(210,210,214,1);
3620
3838
  background-color: var(--aquarium-background-color-intense);
3621
3839
  }
3622
- .hover\:bg-primary-intense:hover{
3840
+ .hover\:bg-muted:where([data-rac])[data-hovered]{
3841
+ background-color: rgba(247,247,250,1);
3842
+ background-color: var(--aquarium-background-color-muted);
3843
+ }
3844
+ .hover\:bg-primary-hover:where([data-rac])[data-hovered]{
3845
+ background-color: rgba(243,246,255,1);
3846
+ background-color: var(--aquarium-background-color-primary-hover);
3847
+ }
3848
+ .hover\:bg-primary-intense:where([data-rac])[data-hovered]{
3623
3849
  background-color: rgba(34,47,149,1);
3624
3850
  background-color: var(--aquarium-background-color-primary-intense);
3625
3851
  }
3626
- .hover\:bg-icon-button-hover:hover{
3627
- background-color: rgba(25,25,29,.05);
3628
- background-color: var(--aquarium-background-color-icon-button-hover);
3852
+ .hover\:text-intense:where([data-rac])[data-hovered]{
3853
+ color: rgba(41,42,49,1);
3854
+ color: var(--aquarium-text-color-intense);
3855
+ }
3856
+ .hover\:text-primary-active:where([data-rac])[data-hovered]{
3857
+ color: rgba(34,47,149,1);
3858
+ color: var(--aquarium-text-color-primary-active);
3859
+ }
3860
+ .hover\:text-primary-default:where([data-rac])[data-hovered]{
3861
+ color: rgba(88,101,205,1);
3862
+ color: var(--aquarium-text-color-primary-default);
3863
+ }
3864
+ .hover\:text-primary-intense:where([data-rac])[data-hovered]{
3865
+ color: rgba(53,69,190,1);
3866
+ color: var(--aquarium-text-color-primary-intense);
3867
+ }
3868
+ .hover\:underline:where([data-rac])[data-hovered]{
3869
+ -webkit-text-decoration-line: underline;
3870
+ text-decoration-line: underline;
3871
+ }
3872
+ .hover\:ring-primary-default:where([data-rac])[data-hovered]{
3873
+ --tw-ring-color: var(--aquarium-border-color-primary-default);
3874
+ }
3875
+ .hover\:checked\:bg-primary-intense:checked:where([data-rac])[data-hovered]{
3876
+ background-color: rgba(34,47,149,1);
3877
+ background-color: var(--aquarium-background-color-primary-intense);
3878
+ }
3879
+ .hover\:cursor-pointer:where(:not([data-rac])):hover{
3880
+ cursor: pointer;
3629
3881
  }
3630
- .hover\:bg-danger-muted:hover{
3882
+ .hover\:border-intense:where(:not([data-rac])):hover{
3883
+ border-color: rgba(120,120,133,1);
3884
+ border-color: var(--aquarium-border-color-intense);
3885
+ }
3886
+ .hover\:bg-danger-muted:where(:not([data-rac])):hover{
3631
3887
  background-color: rgba(255,203,210,1);
3632
3888
  background-color: var(--aquarium-background-color-danger-muted);
3633
3889
  }
3634
- .hover\:text-primary-active:hover{
3890
+ .hover\:bg-default:where(:not([data-rac])):hover{
3891
+ background-color: rgba(237,237,240,1);
3892
+ background-color: var(--aquarium-background-color-default);
3893
+ }
3894
+ .hover\:bg-icon-button-hover:where(:not([data-rac])):hover{
3895
+ background-color: rgba(25,25,29,.05);
3896
+ background-color: var(--aquarium-background-color-icon-button-hover);
3897
+ }
3898
+ .hover\:bg-intense:where(:not([data-rac])):hover{
3899
+ background-color: rgba(210,210,214,1);
3900
+ background-color: var(--aquarium-background-color-intense);
3901
+ }
3902
+ .hover\:bg-muted:where(:not([data-rac])):hover{
3903
+ background-color: rgba(247,247,250,1);
3904
+ background-color: var(--aquarium-background-color-muted);
3905
+ }
3906
+ .hover\:bg-primary-hover:where(:not([data-rac])):hover{
3907
+ background-color: rgba(243,246,255,1);
3908
+ background-color: var(--aquarium-background-color-primary-hover);
3909
+ }
3910
+ .hover\:bg-primary-intense:where(:not([data-rac])):hover{
3911
+ background-color: rgba(34,47,149,1);
3912
+ background-color: var(--aquarium-background-color-primary-intense);
3913
+ }
3914
+ .hover\:text-intense:where(:not([data-rac])):hover{
3915
+ color: rgba(41,42,49,1);
3916
+ color: var(--aquarium-text-color-intense);
3917
+ }
3918
+ .hover\:text-primary-active:where(:not([data-rac])):hover{
3635
3919
  color: rgba(34,47,149,1);
3636
3920
  color: var(--aquarium-text-color-primary-active);
3637
3921
  }
3638
- .hover\:text-primary-default:hover{
3922
+ .hover\:text-primary-default:where(:not([data-rac])):hover{
3639
3923
  color: rgba(88,101,205,1);
3640
3924
  color: var(--aquarium-text-color-primary-default);
3641
3925
  }
3642
- .hover\:text-primary-intense:hover{
3926
+ .hover\:text-primary-intense:where(:not([data-rac])):hover{
3643
3927
  color: rgba(53,69,190,1);
3644
3928
  color: var(--aquarium-text-color-primary-intense);
3645
3929
  }
3646
- .hover\:text-intense:hover{
3647
- color: rgba(41,42,49,1);
3648
- color: var(--aquarium-text-color-intense);
3930
+ .hover\:underline:where(:not([data-rac])):hover{
3931
+ -webkit-text-decoration-line: underline;
3932
+ text-decoration-line: underline;
3933
+ }
3934
+ .hover\:ring-primary-default:where(:not([data-rac])):hover{
3935
+ --tw-ring-color: var(--aquarium-border-color-primary-default);
3936
+ }
3937
+ .hover\:checked\:bg-primary-intense:checked:where(:not([data-rac])):hover{
3938
+ background-color: rgba(34,47,149,1);
3939
+ background-color: var(--aquarium-background-color-primary-intense);
3940
+ }
3941
+ .group:where([data-rac])[data-hovered] .group-hover\:visible{
3942
+ visibility: visible;
3943
+ }
3944
+ .group:where([data-rac])[data-hovered] .group-hover\:bg-default{
3945
+ background-color: rgba(237,237,240,1);
3946
+ background-color: var(--aquarium-background-color-default);
3947
+ }
3948
+ .group:where([data-rac])[data-hovered] .group-hover\:bg-muted{
3949
+ background-color: rgba(247,247,250,1);
3950
+ background-color: var(--aquarium-background-color-muted);
3951
+ }
3952
+ .group:where([data-rac])[data-hovered] .group-hover\:bg-primary-default{
3953
+ background-color: rgba(53,69,190,1);
3954
+ background-color: var(--aquarium-background-color-primary-default);
3955
+ }
3956
+ .group:where([data-rac])[data-hovered] .group-hover\:opacity-100{
3957
+ opacity: 1;
3958
+ }
3959
+ .group:where(:not([data-rac])):hover .group-hover\:visible{
3960
+ visibility: visible;
3961
+ }
3962
+ .group:where(:not([data-rac])):hover .group-hover\:bg-default{
3963
+ background-color: rgba(237,237,240,1);
3964
+ background-color: var(--aquarium-background-color-default);
3965
+ }
3966
+ .group:where(:not([data-rac])):hover .group-hover\:bg-muted{
3967
+ background-color: rgba(247,247,250,1);
3968
+ background-color: var(--aquarium-background-color-muted);
3969
+ }
3970
+ .group:where(:not([data-rac])):hover .group-hover\:bg-primary-default{
3971
+ background-color: rgba(53,69,190,1);
3972
+ background-color: var(--aquarium-background-color-primary-default);
3973
+ }
3974
+ .group:where(:not([data-rac])):hover .group-hover\:opacity-100{
3975
+ opacity: 1;
3976
+ }
3977
+ .group:where([data-rac])[data-invalid]:where([data-rac])[data-hovered] .group-invalid\:group-hover\:bg-danger-default{
3978
+ background-color: rgba(255,173,179,1);
3979
+ background-color: var(--aquarium-background-color-danger-default);
3980
+ }
3981
+ .group:where(:not([data-rac])):invalid:where([data-rac])[data-hovered] .group-invalid\:group-hover\:bg-danger-default{
3982
+ background-color: rgba(255,173,179,1);
3983
+ background-color: var(--aquarium-background-color-danger-default);
3984
+ }
3985
+ .group:where([data-rac])[data-invalid]:where(:not([data-rac])):hover .group-invalid\:group-hover\:bg-danger-default{
3986
+ background-color: rgba(255,173,179,1);
3987
+ background-color: var(--aquarium-background-color-danger-default);
3988
+ }
3989
+ .group:where(:not([data-rac])):invalid:where(:not([data-rac])):hover .group-invalid\:group-hover\:bg-danger-default{
3990
+ background-color: rgba(255,173,179,1);
3991
+ background-color: var(--aquarium-background-color-danger-default);
3992
+ }
3993
+ .group:where([data-rac])[data-invalid]:where(:not([data-rac])):hover .group-invalid\:group-hover\:bg-danger-default{
3994
+ background-color: rgba(255,173,179,1);
3995
+ background-color: var(--aquarium-background-color-danger-default);
3996
+ }
3997
+ .group:where(:not([data-rac])):invalid:where(:not([data-rac])):hover .group-invalid\:group-hover\:bg-danger-default{
3998
+ background-color: rgba(255,173,179,1);
3999
+ background-color: var(--aquarium-background-color-danger-default);
4000
+ }
4001
+ .peer:where([data-rac])[data-hovered]~.peer-hover\:border-intense{
4002
+ border-color: rgba(120,120,133,1);
4003
+ border-color: var(--aquarium-border-color-intense);
4004
+ }
4005
+ .peer:where(:not([data-rac])):hover~.peer-hover\:border-intense{
4006
+ border-color: rgba(120,120,133,1);
4007
+ border-color: var(--aquarium-border-color-intense);
4008
+ }
4009
+ .focus\:border-info-default:where([data-rac])[data-focused]{
4010
+ border-color: rgba(3,153,227,1);
4011
+ border-color: var(--aquarium-border-color-info-default);
4012
+ }
4013
+ .focus\:border-transparent:where([data-rac])[data-focused]{
4014
+ border-color: transparent;
4015
+ border-color: var(--aquarium-colors-transparent);
4016
+ }
4017
+ .focus\:bg-danger-default:where([data-rac])[data-focused]{
4018
+ background-color: rgba(255,173,179,1);
4019
+ background-color: var(--aquarium-background-color-danger-default);
4020
+ }
4021
+ .focus\:bg-intense:where([data-rac])[data-focused]{
4022
+ background-color: rgba(210,210,214,1);
4023
+ background-color: var(--aquarium-background-color-intense);
4024
+ }
4025
+ .focus\:text-primary-intense:where([data-rac])[data-focused]{
4026
+ color: rgba(53,69,190,1);
4027
+ color: var(--aquarium-text-color-primary-intense);
4028
+ }
4029
+ .focus\:outline-none:where([data-rac])[data-focused]{
4030
+ outline: 2px solid transparent;
4031
+ outline-offset: 2px;
4032
+ }
4033
+ .focus\:ring-0:where([data-rac])[data-focused]{
4034
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4035
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4036
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
4037
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
4038
+ }
4039
+ .focus\:border-info-default:where(:not([data-rac])):focus{
4040
+ border-color: rgba(3,153,227,1);
4041
+ border-color: var(--aquarium-border-color-info-default);
4042
+ }
4043
+ .focus\:border-transparent:where(:not([data-rac])):focus{
4044
+ border-color: transparent;
4045
+ border-color: var(--aquarium-colors-transparent);
4046
+ }
4047
+ .focus\:bg-danger-default:where(:not([data-rac])):focus{
4048
+ background-color: rgba(255,173,179,1);
4049
+ background-color: var(--aquarium-background-color-danger-default);
4050
+ }
4051
+ .focus\:bg-intense:where(:not([data-rac])):focus{
4052
+ background-color: rgba(210,210,214,1);
4053
+ background-color: var(--aquarium-background-color-intense);
4054
+ }
4055
+ .focus\:text-primary-intense:where(:not([data-rac])):focus{
4056
+ color: rgba(53,69,190,1);
4057
+ color: var(--aquarium-text-color-primary-intense);
4058
+ }
4059
+ .focus\:outline-none:where(:not([data-rac])):focus{
4060
+ outline: 2px solid transparent;
4061
+ outline-offset: 2px;
4062
+ }
4063
+ .focus\:ring-0:where(:not([data-rac])):focus{
4064
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4065
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4066
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
4067
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
4068
+ }
4069
+ .peer:where([data-rac])[data-focused]~.peer-focus\:border-info-default{
4070
+ border-color: rgba(3,153,227,1);
4071
+ border-color: var(--aquarium-border-color-info-default);
3649
4072
  }
3650
- .hover\:underline:hover{
3651
- -webkit-text-decoration-line: underline;
3652
- text-decoration-line: underline;
4073
+ .peer:where(:not([data-rac])):focus~.peer-focus\:border-info-default{
4074
+ border-color: rgba(3,153,227,1);
4075
+ border-color: var(--aquarium-border-color-info-default);
3653
4076
  }
3654
- .hover\:ring-primary-default:hover{
3655
- --tw-ring-color: var(--aquarium-border-color-primary-default);
4077
+ .focus-visible\:relative:where([data-rac])[data-focus-visible]{
4078
+ position: relative;
3656
4079
  }
3657
- .hover\:checked\:bg-primary-intense:checked:hover{
3658
- background-color: rgba(34,47,149,1);
3659
- background-color: var(--aquarium-background-color-primary-intense);
4080
+ .focus-visible\:z-50:where([data-rac])[data-focus-visible]{
4081
+ z-index: 50;
3660
4082
  }
3661
- .focus\:border-info-default:focus{
4083
+ .focus-visible\:border-info-default:where([data-rac])[data-focus-visible]{
3662
4084
  border-color: rgba(3,153,227,1);
3663
4085
  border-color: var(--aquarium-border-color-info-default);
3664
4086
  }
3665
- .focus\:border-transparent:focus{
3666
- border-color: transparent;
3667
- border-color: var(--aquarium-colors-transparent);
4087
+ .focus-visible\:bg-muted:where([data-rac])[data-focus-visible]{
4088
+ background-color: rgba(247,247,250,1);
4089
+ background-color: var(--aquarium-background-color-muted);
3668
4090
  }
3669
- .focus\:bg-danger-default:focus{
3670
- background-color: rgba(255,173,179,1);
3671
- background-color: var(--aquarium-background-color-danger-default);
4091
+ .focus-visible\:text-intense:where([data-rac])[data-focus-visible]{
4092
+ color: rgba(41,42,49,1);
4093
+ color: var(--aquarium-text-color-intense);
3672
4094
  }
3673
- .focus\:bg-intense:focus{
3674
- background-color: rgba(210,210,214,1);
3675
- background-color: var(--aquarium-background-color-intense);
4095
+ .focus-visible\:text-primary-active:where([data-rac])[data-focus-visible]{
4096
+ color: rgba(34,47,149,1);
4097
+ color: var(--aquarium-text-color-primary-active);
3676
4098
  }
3677
- .focus\:text-primary-intense:focus{
4099
+ .focus-visible\:text-primary-intense:where([data-rac])[data-focus-visible]{
3678
4100
  color: rgba(53,69,190,1);
3679
4101
  color: var(--aquarium-text-color-primary-intense);
3680
4102
  }
3681
- .focus\:outline-none:focus{
4103
+ .focus-visible\:outline-none:where([data-rac])[data-focus-visible]{
3682
4104
  outline: 2px solid transparent;
3683
4105
  outline-offset: 2px;
3684
4106
  }
3685
- .focus\:ring-0:focus{
4107
+ .focus-visible\:outline-0:where([data-rac])[data-focus-visible]{
4108
+ outline-width: 0px;
4109
+ }
4110
+ .focus-visible\:ring-1:where([data-rac])[data-focus-visible]{
3686
4111
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3687
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4112
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4113
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
4114
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
4115
+ }
4116
+ .focus-visible\:ring-2:where([data-rac])[data-focus-visible]{
4117
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4118
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3688
4119
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3689
4120
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3690
4121
  }
3691
- .focus-visible\:relative.focus-visible{
4122
+ .focus-visible\:ring-inset:where([data-rac])[data-focus-visible]{
4123
+ --tw-ring-inset: inset;
4124
+ }
4125
+ .focus-visible\:ring-info-default:where([data-rac])[data-focus-visible]{
4126
+ --tw-ring-color: var(--aquarium-border-color-info-default);
4127
+ }
4128
+ .focus-visible\:ring-primary-default:where([data-rac])[data-focus-visible]{
4129
+ --tw-ring-color: var(--aquarium-border-color-primary-default);
4130
+ }
4131
+ .focus-visible\:ring-primary-intense:where([data-rac])[data-focus-visible]{
4132
+ --tw-ring-color: var(--aquarium-border-color-primary-intense);
4133
+ }
4134
+ .focus-visible\:ring-offset-0:where([data-rac])[data-focus-visible]{
4135
+ --tw-ring-offset-width: 0px;
4136
+ }
4137
+ .focus-visible\:relative:where(:not([data-rac])).focus-visible{
3692
4138
  position: relative;
3693
4139
  }
3694
- .focus-visible\:relative:focus-visible{
4140
+ .focus-visible\:relative:where(:not([data-rac])):focus-visible{
3695
4141
  position: relative;
3696
4142
  }
3697
- .focus-visible\:z-50.focus-visible{
4143
+ .focus-visible\:z-50:where(:not([data-rac])).focus-visible{
3698
4144
  z-index: 50;
3699
4145
  }
3700
- .focus-visible\:z-50:focus-visible{
4146
+ .focus-visible\:z-50:where(:not([data-rac])):focus-visible{
3701
4147
  z-index: 50;
3702
4148
  }
3703
- .focus-visible\:border-info-default.focus-visible{
4149
+ .focus-visible\:border-info-default:where(:not([data-rac])).focus-visible{
3704
4150
  border-color: rgba(3,153,227,1);
3705
4151
  border-color: var(--aquarium-border-color-info-default);
3706
4152
  }
3707
- .focus-visible\:border-info-default:focus-visible{
4153
+ .focus-visible\:border-info-default:where(:not([data-rac])):focus-visible{
3708
4154
  border-color: rgba(3,153,227,1);
3709
4155
  border-color: var(--aquarium-border-color-info-default);
3710
4156
  }
3711
- .focus-visible\:bg-muted.focus-visible{
4157
+ .focus-visible\:bg-muted:where(:not([data-rac])).focus-visible{
3712
4158
  background-color: rgba(247,247,250,1);
3713
4159
  background-color: var(--aquarium-background-color-muted);
3714
4160
  }
3715
- .focus-visible\:bg-muted:focus-visible{
4161
+ .focus-visible\:bg-muted:where(:not([data-rac])):focus-visible{
3716
4162
  background-color: rgba(247,247,250,1);
3717
4163
  background-color: var(--aquarium-background-color-muted);
3718
4164
  }
3719
- .focus-visible\:text-primary-active.focus-visible{
4165
+ .focus-visible\:text-intense:where(:not([data-rac])).focus-visible{
4166
+ color: rgba(41,42,49,1);
4167
+ color: var(--aquarium-text-color-intense);
4168
+ }
4169
+ .focus-visible\:text-intense:where(:not([data-rac])):focus-visible{
4170
+ color: rgba(41,42,49,1);
4171
+ color: var(--aquarium-text-color-intense);
4172
+ }
4173
+ .focus-visible\:text-primary-active:where(:not([data-rac])).focus-visible{
3720
4174
  color: rgba(34,47,149,1);
3721
4175
  color: var(--aquarium-text-color-primary-active);
3722
4176
  }
3723
- .focus-visible\:text-primary-active:focus-visible{
4177
+ .focus-visible\:text-primary-active:where(:not([data-rac])):focus-visible{
3724
4178
  color: rgba(34,47,149,1);
3725
4179
  color: var(--aquarium-text-color-primary-active);
3726
4180
  }
3727
- .focus-visible\:text-primary-intense.focus-visible{
4181
+ .focus-visible\:text-primary-intense:where(:not([data-rac])).focus-visible{
3728
4182
  color: rgba(53,69,190,1);
3729
4183
  color: var(--aquarium-text-color-primary-intense);
3730
4184
  }
3731
- .focus-visible\:text-primary-intense:focus-visible{
4185
+ .focus-visible\:text-primary-intense:where(:not([data-rac])):focus-visible{
3732
4186
  color: rgba(53,69,190,1);
3733
4187
  color: var(--aquarium-text-color-primary-intense);
3734
4188
  }
3735
- .focus-visible\:text-intense.focus-visible{
3736
- color: rgba(41,42,49,1);
3737
- color: var(--aquarium-text-color-intense);
3738
- }
3739
- .focus-visible\:text-intense:focus-visible{
3740
- color: rgba(41,42,49,1);
3741
- color: var(--aquarium-text-color-intense);
3742
- }
3743
- .focus-visible\:outline-none.focus-visible{
4189
+ .focus-visible\:outline-none:where(:not([data-rac])).focus-visible{
3744
4190
  outline: 2px solid transparent;
3745
4191
  outline-offset: 2px;
3746
4192
  }
3747
- .focus-visible\:outline-none:focus-visible{
4193
+ .focus-visible\:outline-none:where(:not([data-rac])):focus-visible{
3748
4194
  outline: 2px solid transparent;
3749
4195
  outline-offset: 2px;
3750
4196
  }
3751
- .focus-visible\:outline-0.focus-visible{
4197
+ .focus-visible\:outline-0:where(:not([data-rac])).focus-visible{
3752
4198
  outline-width: 0px;
3753
4199
  }
3754
- .focus-visible\:outline-0:focus-visible{
4200
+ .focus-visible\:outline-0:where(:not([data-rac])):focus-visible{
3755
4201
  outline-width: 0px;
3756
4202
  }
3757
- .focus-visible\:ring-2.focus-visible{
4203
+ .focus-visible\:ring-1:where(:not([data-rac])).focus-visible{
3758
4204
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3759
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4205
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3760
4206
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3761
4207
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3762
4208
  }
3763
- .focus-visible\:ring-2:focus-visible{
4209
+ .focus-visible\:ring-1:where(:not([data-rac])):focus-visible{
3764
4210
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3765
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4211
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3766
4212
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3767
4213
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3768
4214
  }
3769
- .focus-visible\:ring-1.focus-visible{
4215
+ .focus-visible\:ring-2:where(:not([data-rac])).focus-visible{
3770
4216
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3771
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4217
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3772
4218
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3773
4219
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3774
4220
  }
3775
- .focus-visible\:ring-1:focus-visible{
4221
+ .focus-visible\:ring-2:where(:not([data-rac])):focus-visible{
3776
4222
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3777
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4223
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3778
4224
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3779
4225
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3780
4226
  }
3781
- .focus-visible\:ring-inset.focus-visible{
4227
+ .focus-visible\:ring-inset:where(:not([data-rac])).focus-visible{
3782
4228
  --tw-ring-inset: inset;
3783
4229
  }
3784
- .focus-visible\:ring-inset:focus-visible{
4230
+ .focus-visible\:ring-inset:where(:not([data-rac])):focus-visible{
3785
4231
  --tw-ring-inset: inset;
3786
4232
  }
3787
- .focus-visible\:ring-primary-intense.focus-visible{
3788
- --tw-ring-color: var(--aquarium-border-color-primary-intense);
4233
+ .focus-visible\:ring-info-default:where(:not([data-rac])).focus-visible{
4234
+ --tw-ring-color: var(--aquarium-border-color-info-default);
3789
4235
  }
3790
- .focus-visible\:ring-primary-intense:focus-visible{
3791
- --tw-ring-color: var(--aquarium-border-color-primary-intense);
4236
+ .focus-visible\:ring-info-default:where(:not([data-rac])):focus-visible{
4237
+ --tw-ring-color: var(--aquarium-border-color-info-default);
3792
4238
  }
3793
- .focus-visible\:ring-primary-default.focus-visible{
4239
+ .focus-visible\:ring-primary-default:where(:not([data-rac])).focus-visible{
3794
4240
  --tw-ring-color: var(--aquarium-border-color-primary-default);
3795
4241
  }
3796
- .focus-visible\:ring-primary-default:focus-visible{
4242
+ .focus-visible\:ring-primary-default:where(:not([data-rac])):focus-visible{
3797
4243
  --tw-ring-color: var(--aquarium-border-color-primary-default);
3798
4244
  }
3799
- .focus-visible\:ring-info-default.focus-visible{
3800
- --tw-ring-color: var(--aquarium-border-color-info-default);
4245
+ .focus-visible\:ring-primary-intense:where(:not([data-rac])).focus-visible{
4246
+ --tw-ring-color: var(--aquarium-border-color-primary-intense);
3801
4247
  }
3802
- .focus-visible\:ring-info-default:focus-visible{
3803
- --tw-ring-color: var(--aquarium-border-color-info-default);
4248
+ .focus-visible\:ring-primary-intense:where(:not([data-rac])):focus-visible{
4249
+ --tw-ring-color: var(--aquarium-border-color-primary-intense);
3804
4250
  }
3805
- .focus-visible\:ring-offset-0.focus-visible{
4251
+ .focus-visible\:ring-offset-0:where(:not([data-rac])).focus-visible{
3806
4252
  --tw-ring-offset-width: 0px;
3807
4253
  }
3808
- .focus-visible\:ring-offset-0:focus-visible{
4254
+ .focus-visible\:ring-offset-0:where(:not([data-rac])):focus-visible{
3809
4255
  --tw-ring-offset-width: 0px;
3810
4256
  }
3811
- .active\:bg-body:active{
3812
- background-color: white;
3813
- background-color: var(--aquarium-background-color-body);
4257
+ .pressed\:bg-intense[data-pressed]{
4258
+ background-color: rgba(210,210,214,1);
4259
+ background-color: var(--aquarium-background-color-intense);
3814
4260
  }
3815
- .active\:bg-primary-intense:active{
4261
+ .group[data-pressed] .group-pressed\:bg-intense{
4262
+ background-color: rgba(210,210,214,1);
4263
+ background-color: var(--aquarium-background-color-intense);
4264
+ }
4265
+ .group[data-pressed] .group-pressed\:bg-primary-intense{
3816
4266
  background-color: rgba(34,47,149,1);
3817
4267
  background-color: var(--aquarium-background-color-primary-intense);
3818
4268
  }
3819
- .active\:bg-primary-active:active{
3820
- background-color: rgba(243,246,255,1);
3821
- background-color: var(--aquarium-background-color-primary-active);
3822
- }
3823
- .active\:bg-transparent:active{
3824
- background-color: transparent;
3825
- background-color: var(--aquarium-colors-transparent);
4269
+ .group:where([data-rac])[data-invalid][data-pressed] .group-invalid\:group-pressed\:bg-danger-intense{
4270
+ background-color: rgba(230,39,40,1);
4271
+ background-color: var(--aquarium-background-color-danger-intense);
3826
4272
  }
3827
- .active\:text-primary-active:active{
3828
- color: rgba(34,47,149,1);
3829
- color: var(--aquarium-text-color-primary-active);
4273
+ .group:where(:not([data-rac])):invalid[data-pressed] .group-invalid\:group-pressed\:bg-danger-intense{
4274
+ background-color: rgba(230,39,40,1);
4275
+ background-color: var(--aquarium-background-color-danger-intense);
3830
4276
  }
3831
- .active\:text-primary-intense:active{
3832
- color: rgba(53,69,190,1);
3833
- color: var(--aquarium-text-color-primary-intense);
4277
+ .selected\:bg-primary-default[data-selected]{
4278
+ background-color: rgba(53,69,190,1);
4279
+ background-color: var(--aquarium-background-color-primary-default);
3834
4280
  }
3835
- .active\:text-muted:active{
3836
- color: rgba(120,120,133,1);
3837
- color: var(--aquarium-text-color-muted);
4281
+ .invalid\:selected\:bg-danger-default[data-selected]:where([data-rac])[data-invalid]{
4282
+ background-color: rgba(255,173,179,1);
4283
+ background-color: var(--aquarium-background-color-danger-default);
3838
4284
  }
3839
- .active\:text-default:active{
3840
- color: rgba(74,75,87,1);
3841
- color: var(--aquarium-text-color-default);
4285
+ .invalid\:selected\:bg-danger-default[data-selected]:where(:not([data-rac])):invalid{
4286
+ background-color: rgba(255,173,179,1);
4287
+ background-color: var(--aquarium-background-color-danger-default);
3842
4288
  }
3843
- .active\:ring-0:active{
3844
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3845
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3846
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3847
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
4289
+ .selection-start\:rounded-s[data-selection-start]{
4290
+ border-start-start-radius: 4px;
4291
+ border-start-start-radius: var(--aquarium-border-radius-default);
4292
+ border-end-start-radius: 4px;
4293
+ border-end-start-radius: var(--aquarium-border-radius-default);
3848
4294
  }
3849
- .active\:ring-primary-default:active{
3850
- --tw-ring-color: var(--aquarium-border-color-primary-default);
4295
+ .selection-end\:rounded-e[data-selection-end]{
4296
+ border-start-end-radius: 4px;
4297
+ border-start-end-radius: var(--aquarium-border-radius-default);
4298
+ border-end-end-radius: 4px;
4299
+ border-end-end-radius: var(--aquarium-border-radius-default);
3851
4300
  }
3852
- .disabled\:cursor-not-allowed:disabled{
4301
+ .disabled\:cursor-not-allowed:where([data-rac])[data-disabled]{
3853
4302
  cursor: not-allowed;
3854
4303
  }
3855
- .disabled\:border-default:disabled{
4304
+ .disabled\:border-default:where([data-rac])[data-disabled]{
3856
4305
  border-color: rgba(210,210,214,1);
3857
4306
  border-color: var(--aquarium-border-color-default);
3858
4307
  }
3859
- .disabled\:bg-default:disabled{
4308
+ .disabled\:bg-body:where([data-rac])[data-disabled]{
4309
+ background-color: white;
4310
+ background-color: var(--aquarium-background-color-body);
4311
+ }
4312
+ .disabled\:bg-default:where([data-rac])[data-disabled]{
3860
4313
  background-color: rgba(237,237,240,1);
3861
4314
  background-color: var(--aquarium-background-color-default);
3862
4315
  }
3863
- .disabled\:bg-primary-muted:disabled{
4316
+ .disabled\:bg-muted:where([data-rac])[data-disabled]{
4317
+ background-color: rgba(247,247,250,1);
4318
+ background-color: var(--aquarium-background-color-muted);
4319
+ }
4320
+ .disabled\:bg-primary-muted:where([data-rac])[data-disabled]{
3864
4321
  background-color: rgba(185,197,239,1);
3865
4322
  background-color: var(--aquarium-background-color-primary-muted);
3866
4323
  }
3867
- .disabled\:bg-body:disabled{
3868
- background-color: white;
3869
- background-color: var(--aquarium-background-color-body);
3870
- }
3871
- .disabled\:bg-transparent:disabled{
4324
+ .disabled\:bg-transparent:where([data-rac])[data-disabled]{
3872
4325
  background-color: transparent;
3873
4326
  background-color: var(--aquarium-colors-transparent);
3874
4327
  }
3875
- .disabled\:bg-muted:disabled{
3876
- background-color: rgba(247,247,250,1);
3877
- background-color: var(--aquarium-background-color-muted);
3878
- }
3879
- .disabled\:text-inactive:disabled{
4328
+ .disabled\:text-inactive:where([data-rac])[data-disabled]{
3880
4329
  color: rgba(150,150,160,1);
3881
4330
  color: var(--aquarium-text-color-inactive);
3882
4331
  }
3883
- .disabled\:text-primary-inactive:disabled{
4332
+ .disabled\:text-primary-inactive:where([data-rac])[data-disabled]{
3884
4333
  color: rgba(185,197,239,1);
3885
4334
  color: var(--aquarium-text-color-primary-inactive);
3886
4335
  }
3887
- .disabled\:ring-primary-muted:disabled{
4336
+ .disabled\:ring-primary-muted:where([data-rac])[data-disabled]{
3888
4337
  --tw-ring-color: var(--aquarium-border-color-primary-muted);
3889
4338
  }
3890
- .group:last-of-type .group-last-of-type\:border-b-0{
3891
- border-bottom-width: 0px;
3892
- border-bottom-width: var(--aquarium-border-width-0);
4339
+ .disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{
4340
+ cursor: not-allowed;
3893
4341
  }
3894
- .group:hover .group-hover\:visible{
3895
- visibility: visible;
4342
+ .disabled\:border-default:where(:not([data-rac])):disabled{
4343
+ border-color: rgba(210,210,214,1);
4344
+ border-color: var(--aquarium-border-color-default);
4345
+ }
4346
+ .disabled\:bg-body:where(:not([data-rac])):disabled{
4347
+ background-color: white;
4348
+ background-color: var(--aquarium-background-color-body);
4349
+ }
4350
+ .disabled\:bg-default:where(:not([data-rac])):disabled{
4351
+ background-color: rgba(237,237,240,1);
4352
+ background-color: var(--aquarium-background-color-default);
3896
4353
  }
3897
- .group:hover .group-hover\:bg-muted{
4354
+ .disabled\:bg-muted:where(:not([data-rac])):disabled{
3898
4355
  background-color: rgba(247,247,250,1);
3899
4356
  background-color: var(--aquarium-background-color-muted);
3900
4357
  }
3901
- .group:hover .group-hover\:opacity-100{
3902
- opacity: 1;
4358
+ .disabled\:bg-primary-muted:where(:not([data-rac])):disabled{
4359
+ background-color: rgba(185,197,239,1);
4360
+ background-color: var(--aquarium-background-color-primary-muted);
3903
4361
  }
3904
- .peer\/switch:checked~.peer-checked\/switch\:left-1{
3905
- left: 2px;
4362
+ .disabled\:bg-transparent:where(:not([data-rac])):disabled{
4363
+ background-color: transparent;
4364
+ background-color: var(--aquarium-colors-transparent);
3906
4365
  }
3907
- .peer\/switch:checked~.peer-checked\/switch\:translate-x-5{
3908
- --tw-translate-x: 16px;
3909
- 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));
4366
+ .disabled\:text-inactive:where(:not([data-rac])):disabled{
4367
+ color: rgba(150,150,160,1);
4368
+ color: var(--aquarium-text-color-inactive);
3910
4369
  }
3911
- .peer:checked~.peer-checked\:border-primary-default{
3912
- border-color: rgba(53,69,190,1);
3913
- border-color: var(--aquarium-border-color-primary-default);
4370
+ .disabled\:text-primary-inactive:where(:not([data-rac])):disabled{
4371
+ color: rgba(185,197,239,1);
4372
+ color: var(--aquarium-text-color-primary-inactive);
3914
4373
  }
3915
- .peer:checked~.peer-checked\:border-transparent{
3916
- border-color: transparent;
3917
- border-color: var(--aquarium-colors-transparent);
4374
+ .disabled\:ring-primary-muted:where(:not([data-rac])):disabled{
4375
+ --tw-ring-color: var(--aquarium-border-color-primary-muted);
3918
4376
  }
3919
- .peer:checked~.peer-checked\:text-white{
3920
- color: white;
3921
- color: var(--aquarium-colors-white);
4377
+ .peer:checked:where([data-rac])[data-disabled]~.peer-checked\:peer-disabled\:bg-muted{
4378
+ background-color: rgba(247,247,250,1);
4379
+ background-color: var(--aquarium-background-color-muted);
3922
4380
  }
3923
- .peer:checked~.peer-checked\:text-primary-default{
3924
- color: rgba(88,101,205,1);
3925
- color: var(--aquarium-text-color-primary-default);
4381
+ .peer:checked:where(:not([data-rac])):disabled~.peer-checked\:peer-disabled\:bg-muted{
4382
+ background-color: rgba(247,247,250,1);
4383
+ background-color: var(--aquarium-background-color-muted);
3926
4384
  }
3927
- .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
3928
- color: rgba(129,142,236,1);
3929
- color: var(--aquarium-text-color-primary-muted);
4385
+ .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{
4386
+ -webkit-appearance: none;
4387
+ appearance: none;
3930
4388
  }
3931
- .peer:hover~.peer-hover\:border-intense{
3932
- border-color: rgba(120,120,133,1);
3933
- border-color: var(--aquarium-border-color-intense);
4389
+ .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
4390
+ margin-left: -8px;
3934
4391
  }
3935
- .peer:focus~.peer-focus\:border-info-default{
3936
- border-color: rgba(3,153,227,1);
3937
- border-color: var(--aquarium-border-color-info-default);
4392
+ .\[\&\>\*\]\:bg-primary-active>*{
4393
+ background-color: rgba(243,246,255,1);
4394
+ background-color: var(--aquarium-background-color-primary-active);
3938
4395
  }
3939
- .peer:checked:disabled~.peer-checked\:peer-disabled\:bg-muted{
4396
+ .\[\&\>\*\]\:hover\:bg-muted:where([data-rac])[data-hovered]>*{
3940
4397
  background-color: rgba(247,247,250,1);
3941
4398
  background-color: var(--aquarium-background-color-muted);
3942
4399
  }
3943
- .children\:inline-block>*{
3944
- display: inline-block;
4400
+ .\[\&\>\*\]\:hover\:bg-muted:where(:not([data-rac])):hover>*{
4401
+ background-color: rgba(247,247,250,1);
4402
+ background-color: var(--aquarium-background-color-muted);
3945
4403
  }
3946
- .children\:border-default>*{
3947
- border-color: rgba(210,210,214,1);
3948
- border-color: var(--aquarium-border-color-default);
4404
+ .\[\&\>button\]\:p-0>button{
4405
+ padding: 0px;
3949
4406
  }
3950
- .children\:opacity-70>*{
3951
- opacity: 0.7;
4407
+ .\[\&\>button\]\:text-danger-muted>button{
4408
+ color: rgba(255,173,179,1);
4409
+ color: var(--aquarium-text-color-danger-muted);
3952
4410
  }
3953
- .children\:last\:border-b-0:last-child>*{
3954
- border-bottom-width: 0px;
3955
- border-bottom-width: var(--aquarium-border-width-0);
4411
+ .\[\&\>button\]\:text-muted>button{
4412
+ color: rgba(120,120,133,1);
4413
+ color: var(--aquarium-text-color-muted);
4414
+ }
4415
+ .\[\&\>div\:first-child\]\:px-3>div:first-child{
4416
+ padding-left: 8px;
4417
+ padding-right: 8px;
4418
+ }
4419
+ .\[\&\>div\:first-child\]\:px-5>div:first-child{
4420
+ padding-left: 16px;
4421
+ padding-right: 16px;
3956
4422
  }
3957
4423
  .\[\&\>path\]\:stroke-transparent>path{
3958
4424
  stroke: transparent;
@@ -3961,45 +4427,23 @@ input[type='number'].no-arrows {
3961
4427
  .\[\&\>path\]\:stroke-\[3px\]>path{
3962
4428
  stroke-width: 3px;
3963
4429
  }
3964
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
3965
- stroke: white;
3966
- stroke: var(--aquarium-colors-white);
3967
- }
3968
4430
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
3969
4431
  stroke: rgba(88,101,205,1);
3970
4432
  stroke: var(--aquarium-colors-primary-70);
3971
4433
  }
3972
- .\[\&\>\*\]\:bg-primary-active>*{
3973
- background-color: rgba(243,246,255,1);
3974
- background-color: var(--aquarium-background-color-primary-active);
3975
- }
3976
- .\[\&\>\*\]\:hover\:bg-muted:hover>*{
3977
- background-color: rgba(247,247,250,1);
3978
- background-color: var(--aquarium-background-color-muted);
3979
- }
3980
- .\[\&\>button\]\:p-0>button{
3981
- padding: 0px;
3982
- }
3983
- .\[\&\>button\]\:text-muted>button{
3984
- color: rgba(120,120,133,1);
3985
- color: var(--aquarium-text-color-muted);
3986
- }
3987
- .\[\&\>button\]\:text-danger-muted>button{
3988
- color: rgba(255,173,179,1);
3989
- color: var(--aquarium-text-color-danger-muted);
4434
+ .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
4435
+ stroke: white;
4436
+ stroke: var(--aquarium-colors-white);
3990
4437
  }
3991
- .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
3992
- margin-left: -8px;
4438
+ .\[\&_td\]\:px-0 td{
4439
+ padding-left: 0px;
4440
+ padding-right: 0px;
3993
4441
  }
3994
- .\[\&\>div\:first-child\]\:px-5>div:first-child{
4442
+ [data-placement]>.\[\[data-placement\]\>\&\]\:px-5{
3995
4443
  padding-left: 16px;
3996
4444
  padding-right: 16px;
3997
4445
  }
3998
- .\[\&\>div\:first-child\]\:px-3>div:first-child{
3999
- padding-left: 8px;
4000
- padding-right: 8px;
4001
- }
4002
- .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{
4003
- -webkit-appearance: none;
4004
- appearance: none;
4446
+ [data-placement]>.\[\[data-placement\]\>\&\]\:py-6{
4447
+ padding-top: 24px;
4448
+ padding-bottom: 24px;
4005
4449
  }