@aivenio/aquarium 1.77.1 → 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 (52) hide show
  1. package/README.md +19 -2
  2. package/dist/atoms.cjs +131 -3
  3. package/dist/atoms.mjs +131 -3
  4. package/dist/charts.cjs +1 -0
  5. package/dist/charts.mjs +1 -0
  6. package/dist/src/atoms/utils/index.d.ts +234 -0
  7. package/dist/src/atoms/utils/index.js +32 -0
  8. package/dist/src/molecules/Context/Context.d.ts +2 -1
  9. package/dist/src/molecules/Context/Context.js +6 -4
  10. package/dist/src/molecules/DateField/DateField.d.ts +10 -0
  11. package/dist/src/molecules/DateField/DateField.js +33 -0
  12. package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
  13. package/dist/src/molecules/DateField/DateInput.js +22 -0
  14. package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
  15. package/dist/src/molecules/DatePicker/Button.js +12 -0
  16. package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
  17. package/dist/src/molecules/DatePicker/Calendar.js +44 -0
  18. package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
  19. package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
  20. package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
  21. package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
  22. package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
  23. package/dist/src/molecules/DatePicker/Dialog.js +7 -0
  24. package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
  25. package/dist/src/molecules/DatePicker/Popover.js +27 -0
  26. package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
  27. package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
  28. package/dist/src/molecules/Field/Field.d.ts +3 -0
  29. package/dist/src/molecules/Field/Field.js +7 -0
  30. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
  31. package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
  32. package/dist/src/molecules/TimeField/TimeField.js +33 -0
  33. package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
  34. package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
  35. package/dist/src/molecules/Typography/Typography.d.ts +1 -1
  36. package/dist/src/molecules/Typography/Typography.js +11 -1
  37. package/dist/src/molecules/index.d.ts +3 -0
  38. package/dist/src/molecules/index.js +4 -1
  39. package/dist/src/tokens/tokens.json +20 -0
  40. package/dist/src/utils/mocks/mockDynamicIds.js +1 -2
  41. package/dist/src/utils/tailwind.d.ts +1 -0
  42. package/dist/src/utils/tailwind.js +6 -1
  43. package/dist/styles.css +1938 -1488
  44. package/dist/system.cjs +1061 -505
  45. package/dist/system.mjs +1047 -474
  46. package/dist/tailwind.config.js +2 -1
  47. package/dist/tailwind.theme.json +93 -3
  48. package/dist/tokens.json +20 -0
  49. package/dist/tsconfig.module.tsbuildinfo +1 -1
  50. package/dist/types/designTokens.d.ts +1 -1
  51. package/dist/types/tailwindGenerated.d.ts +1 -1
  52. 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;
@@ -809,6 +840,12 @@ input[type='number'].no-arrows {
809
840
  .typography-code-strong{
810
841
  font: normal 600 16px/1.5 Source Code Pro;
811
842
  }
843
+ .typography-code-small{
844
+ font: normal 400 14px/1.42 Source Code Pro;
845
+ }
846
+ .typography-code-small-strong{
847
+ font: normal 600 14px/1.42 Source Code Pro;
848
+ }
812
849
  .typography-caption-small{
813
850
  font: normal 400 10px/1.2 Inter;
814
851
  }
@@ -903,78 +940,78 @@ input[type='number'].no-arrows {
903
940
  top: 0px;
904
941
  bottom: 0px;
905
942
  }
906
- .right-4{
907
- right: 12px;
908
- }
909
- .top-\[18px\]{
910
- top: 18px;
943
+ .-left-1\/2{
944
+ left: -50%;
911
945
  }
912
- .top-0{
913
- top: 0px;
946
+ .bottom-0{
947
+ bottom: 0px;
914
948
  }
915
949
  .left-0{
916
950
  left: 0px;
917
951
  }
952
+ .left-1\/2{
953
+ left: 50%;
954
+ }
955
+ .left-2{
956
+ left: 4px;
957
+ }
918
958
  .right-0{
919
959
  right: 0px;
920
960
  }
921
- .top-\[47px\]{
922
- top: 47px;
923
- }
924
- .top-\[24px\]{
925
- top: 24px;
961
+ .right-4{
962
+ right: 12px;
926
963
  }
927
964
  .right-\[28px\]{
928
965
  right: 28px;
929
966
  }
930
- .-left-1\/2{
931
- left: -50%;
967
+ .top-0{
968
+ top: 0px;
932
969
  }
933
- .top-\[3px\]{
934
- top: 3px;
970
+ .top-1\/2{
971
+ top: 50%;
935
972
  }
936
973
  .top-\[14px\]{
937
974
  top: 14px;
938
975
  }
939
- .left-2{
940
- left: 4px;
941
- }
942
- .top-1\/2{
943
- top: 50%;
944
- }
945
- .left-1\/2{
946
- left: 50%;
976
+ .top-\[18px\]{
977
+ top: 18px;
947
978
  }
948
- .bottom-0{
949
- bottom: 0px;
979
+ .top-\[24px\]{
980
+ top: 24px;
950
981
  }
951
- .z-10{
952
- z-index: 10;
982
+ .top-\[3px\]{
983
+ top: 3px;
953
984
  }
954
- .z-modal{
955
- z-index: 100;
985
+ .top-\[47px\]{
986
+ top: 47px;
956
987
  }
957
988
  .-z-10{
958
989
  z-index: -10;
959
990
  }
991
+ .z-0{
992
+ z-index: 0;
993
+ }
994
+ .z-10{
995
+ z-index: 10;
996
+ }
960
997
  .z-20{
961
998
  z-index: 20;
962
999
  }
963
1000
  .z-40{
964
1001
  z-index: 40;
965
1002
  }
966
- .z-0{
967
- z-index: 0;
1003
+ .z-modal{
1004
+ z-index: 100;
968
1005
  }
969
1006
  .col-span-full{
970
1007
  grid-column: 1 / -1;
971
1008
  }
972
- .col-start-2{
973
- grid-column-start: 2;
974
- }
975
1009
  .col-start-1{
976
1010
  grid-column-start: 1;
977
1011
  }
1012
+ .col-start-2{
1013
+ grid-column-start: 2;
1014
+ }
978
1015
  .col-start-3{
979
1016
  grid-column-start: 3;
980
1017
  }
@@ -1000,6 +1037,22 @@ input[type='number'].no-arrows {
1000
1037
  margin-left: -12px;
1001
1038
  margin-right: -12px;
1002
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
+ }
1003
1056
  .mx-7{
1004
1057
  margin-left: 32px;
1005
1058
  margin-right: 32px;
@@ -1008,70 +1061,90 @@ input[type='number'].no-arrows {
1008
1061
  margin-top: 2px;
1009
1062
  margin-bottom: 2px;
1010
1063
  }
1011
- .mx-3{
1012
- margin-left: 8px;
1013
- margin-right: 8px;
1014
- }
1015
1064
  .my-4{
1016
1065
  margin-top: 12px;
1017
1066
  margin-bottom: 12px;
1018
1067
  }
1019
- .mx-2{
1020
- margin-left: 4px;
1021
- margin-right: 4px;
1022
- }
1023
- .mx-1{
1024
- margin-left: 2px;
1025
- margin-right: 2px;
1068
+ .-mt-4{
1069
+ margin-top: -12px;
1026
1070
  }
1027
- .mx-0{
1028
- margin-left: 0px;
1029
- margin-right: 0px;
1071
+ .mb-2{
1072
+ margin-bottom: 4px;
1030
1073
  }
1031
1074
  .mb-3{
1032
1075
  margin-bottom: 8px;
1033
1076
  }
1034
- .mt-5{
1035
- margin-top: 16px;
1036
- }
1037
- .-mt-4{
1038
- margin-top: -12px;
1077
+ .mb-5{
1078
+ margin-bottom: 16px;
1039
1079
  }
1040
- .mt-auto{
1041
- margin-top: auto;
1080
+ .mb-\[-20px\]{
1081
+ margin-bottom: -20px;
1042
1082
  }
1043
- .mt-1{
1044
- margin-top: 2px;
1083
+ .mb-\[-2px\]{
1084
+ margin-bottom: -2px;
1045
1085
  }
1046
- .mt-4{
1047
- margin-top: 12px;
1086
+ .mb-\[7px\]{
1087
+ margin-bottom: 7px;
1048
1088
  }
1049
- .mb-\[-20px\]{
1050
- margin-bottom: -20px;
1089
+ .ml-2{
1090
+ margin-left: 4px;
1051
1091
  }
1052
- .mb-5{
1053
- margin-bottom: 16px;
1092
+ .ml-3{
1093
+ margin-left: 8px;
1054
1094
  }
1055
1095
  .mr-4{
1056
1096
  margin-right: 12px;
1057
1097
  }
1098
+ .mt-1{
1099
+ margin-top: 2px;
1100
+ }
1058
1101
  .mt-2{
1059
1102
  margin-top: 4px;
1060
1103
  }
1061
- .ml-3{
1062
- margin-left: 8px;
1104
+ .mt-4{
1105
+ margin-top: 12px;
1063
1106
  }
1064
- .mb-\[-2px\]{
1065
- margin-bottom: -2px;
1107
+ .mt-5{
1108
+ margin-top: 16px;
1066
1109
  }
1067
- .mb-2{
1068
- margin-bottom: 4px;
1110
+ .mt-auto{
1111
+ margin-top: auto;
1069
1112
  }
1070
- .ml-2{
1071
- margin-left: 4px;
1113
+ .line-clamp-1{
1114
+ overflow: hidden;
1115
+ display: -webkit-box;
1116
+ -webkit-box-orient: vertical;
1117
+ -webkit-line-clamp: 1;
1072
1118
  }
1073
- .mb-\[7px\]{
1074
- 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;
1075
1148
  }
1076
1149
  .block{
1077
1150
  display: block;
@@ -1079,24 +1152,24 @@ input[type='number'].no-arrows {
1079
1152
  .inline-block{
1080
1153
  display: inline-block;
1081
1154
  }
1082
- .inline{
1083
- display: inline;
1084
- }
1085
1155
  .\!inline{
1086
1156
  display: inline !important;
1087
1157
  }
1158
+ .inline{
1159
+ display: inline;
1160
+ }
1088
1161
  .flex{
1089
1162
  display: flex;
1090
1163
  }
1091
1164
  .inline-flex{
1092
1165
  display: inline-flex;
1093
1166
  }
1094
- .table{
1095
- display: table;
1096
- }
1097
1167
  .\!table{
1098
1168
  display: table !important;
1099
1169
  }
1170
+ .table{
1171
+ display: table;
1172
+ }
1100
1173
  .grid{
1101
1174
  display: grid;
1102
1175
  }
@@ -1106,26 +1179,29 @@ input[type='number'].no-arrows {
1106
1179
  .contents{
1107
1180
  display: contents;
1108
1181
  }
1109
- .hidden{
1110
- display: none;
1111
- }
1112
1182
  .\!hidden{
1113
1183
  display: none !important;
1114
1184
  }
1185
+ .hidden{
1186
+ display: none;
1187
+ }
1115
1188
  .aspect-square{
1116
1189
  aspect-ratio: 1 / 1;
1117
1190
  }
1118
1191
  .h-1{
1119
1192
  height: 2px;
1120
1193
  }
1121
- .h-\[20px\]{
1122
- height: 20px;
1194
+ .h-1px{
1195
+ height: 1px;
1123
1196
  }
1124
- .h-\[174px\]{
1125
- height: 174px;
1197
+ .h-2{
1198
+ height: 4px;
1126
1199
  }
1127
- .h-\[225px\]{
1128
- height: 225px;
1200
+ .h-3{
1201
+ height: 8px;
1202
+ }
1203
+ .h-4{
1204
+ height: 12px;
1129
1205
  }
1130
1206
  .h-5{
1131
1207
  height: 16px;
@@ -1133,125 +1209,146 @@ input[type='number'].no-arrows {
1133
1209
  .h-6{
1134
1210
  height: 24px;
1135
1211
  }
1136
- .h-\[1px\]{
1137
- height: 1px;
1138
- }
1139
- .h-full{
1140
- height: 100%;
1212
+ .h-8{
1213
+ height: 40px;
1141
1214
  }
1142
1215
  .h-\[120px\]{
1143
1216
  height: 120px;
1144
1217
  }
1145
- .h-2{
1146
- height: 4px;
1218
+ .h-\[174px\]{
1219
+ height: 174px;
1147
1220
  }
1148
- .h-\[72px\]{
1149
- 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;
1150
1232
  }
1151
1233
  .h-\[2px\]{
1152
1234
  height: 2px;
1153
1235
  }
1154
- .h-\[3px\]{
1155
- height: 3px;
1156
- }
1157
1236
  .h-\[32px\]{
1158
1237
  height: 32px;
1159
1238
  }
1160
- .h-\[8px\]{
1161
- height: 8px;
1162
- }
1163
- .h-4{
1164
- height: 12px;
1239
+ .h-\[3px\]{
1240
+ height: 3px;
1165
1241
  }
1166
1242
  .h-\[50px\]{
1167
1243
  height: 50px;
1168
1244
  }
1245
+ .h-\[56px\]{
1246
+ height: 56px;
1247
+ }
1169
1248
  .h-\[6px\]{
1170
1249
  height: 6px;
1171
1250
  }
1172
- .h-\[9px\]{
1173
- height: 9px;
1174
- }
1175
- .h-1px{
1176
- height: 1px;
1251
+ .h-\[72px\]{
1252
+ height: 72px;
1177
1253
  }
1178
- .h-3{
1254
+ .h-\[8px\]{
1179
1255
  height: 8px;
1180
1256
  }
1181
- .h-\[56px\]{
1182
- height: 56px;
1257
+ .h-\[9px\]{
1258
+ height: 9px;
1183
1259
  }
1184
1260
  .h-auto{
1185
1261
  height: auto;
1186
1262
  }
1187
- .h-\[25px\]{
1188
- height: 25px;
1263
+ .h-full{
1264
+ height: 100%;
1265
+ }
1266
+ .max-h-\[inherit\]{
1267
+ max-height: inherit;
1189
1268
  }
1190
1269
  .max-h-full{
1191
1270
  max-height: 100%;
1192
1271
  }
1193
- .min-h-full{
1194
- min-height: 100%;
1195
- }
1196
1272
  .min-h-\[120px\]{
1197
1273
  min-height: 120px;
1198
1274
  }
1199
1275
  .min-h-\[50px\]{
1200
1276
  min-height: 50px;
1201
1277
  }
1202
- .w-full{
1203
- width: 100%;
1204
- }
1205
- .w-\[280px\]{
1206
- width: 280px;
1278
+ .min-h-full{
1279
+ min-height: 100%;
1280
+ }
1281
+ .w-1{
1282
+ width: 2px;
1283
+ }
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;
1207
1295
  }
1208
1296
  .w-5{
1209
1297
  width: 16px;
1210
1298
  }
1211
- .w-\[360px\]{
1212
- width: 360px;
1299
+ .w-6{
1300
+ width: 24px;
1213
1301
  }
1214
- .w-\[560px\]{
1215
- width: 560px;
1302
+ .w-8{
1303
+ width: 40px;
1216
1304
  }
1217
1305
  .w-\[1080px\]{
1218
1306
  width: 1080px;
1219
1307
  }
1308
+ .w-\[280px\]{
1309
+ width: 280px;
1310
+ }
1220
1311
  .w-\[32px\]{
1221
1312
  width: 32px;
1222
1313
  }
1223
- .w-\[8px\]{
1224
- width: 8px;
1225
- }
1226
1314
  .w-\[34px\]{
1227
1315
  width: 34px;
1228
1316
  }
1229
- .w-4{
1230
- width: 12px;
1317
+ .w-\[360px\]{
1318
+ width: 360px;
1231
1319
  }
1232
- .w-1{
1233
- width: 2px;
1320
+ .w-\[560px\]{
1321
+ width: 560px;
1322
+ }
1323
+ .w-\[56px\]{
1324
+ width: 56px;
1234
1325
  }
1235
1326
  .w-\[6px\]{
1236
1327
  width: 6px;
1237
1328
  }
1329
+ .w-\[8px\]{
1330
+ width: 8px;
1331
+ }
1238
1332
  .w-\[9px\]{
1239
1333
  width: 9px;
1240
1334
  }
1241
- .w-1px{
1242
- width: 1px;
1335
+ .w-auto{
1336
+ width: auto;
1243
1337
  }
1244
- .w-2{
1245
- width: 4px;
1338
+ .w-full{
1339
+ width: 100%;
1246
1340
  }
1247
- .w-3{
1248
- width: 8px;
1341
+ .min-w-0{
1342
+ min-width: 0px;
1249
1343
  }
1250
- .w-6{
1251
- width: 24px;
1344
+ .min-w-\[150px\]{
1345
+ min-width: 150px;
1252
1346
  }
1253
- .w-\[56px\]{
1254
- width: 56px;
1347
+ .min-w-\[200px\]{
1348
+ min-width: 200px;
1349
+ }
1350
+ .min-w-\[210px\]{
1351
+ min-width: 210px;
1255
1352
  }
1256
1353
  .min-w-\[280px\]{
1257
1354
  min-width: 280px;
@@ -1259,18 +1356,24 @@ input[type='number'].no-arrows {
1259
1356
  .min-w-full{
1260
1357
  min-width: 100%;
1261
1358
  }
1262
- .min-w-0{
1263
- 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;
1264
1367
  }
1265
1368
  .max-w-\[600px\]{
1266
1369
  max-width: 600px;
1267
1370
  }
1371
+ .max-w-\[70px\]{
1372
+ max-width: 70px;
1373
+ }
1268
1374
  .max-w-\[940px\]{
1269
1375
  max-width: 940px;
1270
1376
  }
1271
- .max-w-screen-xl{
1272
- max-width: 1536px;
1273
- }
1274
1377
  .max-w-screen-lg{
1275
1378
  max-width: 1312px;
1276
1379
  }
@@ -1280,20 +1383,14 @@ input[type='number'].no-arrows {
1280
1383
  .max-w-screen-sm{
1281
1384
  max-width: 672px;
1282
1385
  }
1386
+ .max-w-screen-xl{
1387
+ max-width: 1536px;
1388
+ }
1283
1389
  .max-w-screen-xs{
1284
1390
  max-width: 320px;
1285
1391
  }
1286
- .max-w-\[70px\]{
1287
- max-width: 70px;
1288
- }
1289
- .max-w-\[40px\]{
1290
- max-width: 40px;
1291
- }
1292
- .max-w-\[300px\]{
1293
- max-width: 300px;
1294
- }
1295
- .max-w-\[320px\]{
1296
- max-width: 320px;
1392
+ .flex-1{
1393
+ flex: 1 1 0%;
1297
1394
  }
1298
1395
  .shrink{
1299
1396
  flex-shrink: 1;
@@ -1387,9 +1484,6 @@ input[type='number'].no-arrows {
1387
1484
  .grid-flow-col{
1388
1485
  grid-auto-flow: column;
1389
1486
  }
1390
- .grid-cols-\[auto_1fr_auto\]{
1391
- grid-template-columns: auto 1fr auto;
1392
- }
1393
1487
  .grid-cols-1{
1394
1488
  grid-template-columns: repeat(1, minmax(0, 1fr));
1395
1489
  }
@@ -1399,9 +1493,6 @@ input[type='number'].no-arrows {
1399
1493
  .grid-cols-3{
1400
1494
  grid-template-columns: repeat(3, minmax(0, 1fr));
1401
1495
  }
1402
- .grid-cols-\[auto_1fr\]{
1403
- grid-template-columns: auto 1fr;
1404
- }
1405
1496
  .grid-cols-\[16px_1fr\]{
1406
1497
  grid-template-columns: 16px 1fr;
1407
1498
  }
@@ -1411,6 +1502,12 @@ input[type='number'].no-arrows {
1411
1502
  .grid-cols-\[200px_1fr_200px\]{
1412
1503
  grid-template-columns: 200px 1fr 200px;
1413
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
+ }
1414
1511
  .flex-row{
1415
1512
  flex-direction: row;
1416
1513
  }
@@ -1444,63 +1541,67 @@ input[type='number'].no-arrows {
1444
1541
  .justify-between{
1445
1542
  justify-content: space-between;
1446
1543
  }
1447
- .gap-4{
1448
- grid-gap: 12px;
1449
- gap: 12px;
1544
+ .gap-0{
1545
+ grid-gap: 0px;
1546
+ gap: 0px;
1450
1547
  }
1451
- .gap-7{
1452
- grid-gap: 32px;
1453
- gap: 32px;
1548
+ .gap-1{
1549
+ grid-gap: 2px;
1550
+ gap: 2px;
1454
1551
  }
1455
- .gap-5{
1456
- grid-gap: 16px;
1457
- gap: 16px;
1552
+ .gap-2{
1553
+ grid-gap: 4px;
1554
+ gap: 4px;
1458
1555
  }
1459
1556
  .gap-3{
1460
1557
  grid-gap: 8px;
1461
1558
  gap: 8px;
1462
1559
  }
1463
- .gap-0{
1464
- grid-gap: 0px;
1465
- gap: 0px;
1560
+ .gap-4{
1561
+ grid-gap: 12px;
1562
+ gap: 12px;
1466
1563
  }
1467
- .gap-2{
1468
- grid-gap: 4px;
1469
- gap: 4px;
1564
+ .gap-5{
1565
+ grid-gap: 16px;
1566
+ gap: 16px;
1567
+ }
1568
+ .gap-7{
1569
+ grid-gap: 32px;
1570
+ gap: 32px;
1470
1571
  }
1471
1572
  .gap-8{
1472
1573
  grid-gap: 40px;
1473
1574
  gap: 40px;
1474
1575
  }
1475
- .gap-x-3{
1476
- grid-column-gap: 8px;
1477
- -moz-column-gap: 8px;
1478
- column-gap: 8px;
1479
- }
1480
- .gap-y-2{
1481
- grid-row-gap: 4px;
1482
- row-gap: 4px;
1483
- }
1484
1576
  .gap-x-2{
1485
1577
  grid-column-gap: 4px;
1486
1578
  -moz-column-gap: 4px;
1487
1579
  column-gap: 4px;
1488
1580
  }
1489
- .gap-x-5{
1490
- grid-column-gap: 16px;
1491
- -moz-column-gap: 16px;
1492
- column-gap: 16px;
1581
+ .gap-x-3{
1582
+ grid-column-gap: 8px;
1583
+ -moz-column-gap: 8px;
1584
+ column-gap: 8px;
1493
1585
  }
1494
1586
  .gap-x-4{
1495
1587
  grid-column-gap: 12px;
1496
1588
  -moz-column-gap: 12px;
1497
1589
  column-gap: 12px;
1498
1590
  }
1591
+ .gap-x-5{
1592
+ grid-column-gap: 16px;
1593
+ -moz-column-gap: 16px;
1594
+ column-gap: 16px;
1595
+ }
1499
1596
  .gap-x-6{
1500
1597
  grid-column-gap: 24px;
1501
1598
  -moz-column-gap: 24px;
1502
1599
  column-gap: 24px;
1503
1600
  }
1601
+ .gap-y-2{
1602
+ grid-row-gap: 4px;
1603
+ row-gap: 4px;
1604
+ }
1504
1605
  .divide-x>:not([hidden])~:not([hidden]){
1505
1606
  --tw-divide-x-reverse: 0;
1506
1607
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -1521,6 +1622,9 @@ input[type='number'].no-arrows {
1521
1622
  .justify-self-center{
1522
1623
  justify-self: center;
1523
1624
  }
1625
+ .overflow-auto{
1626
+ overflow: auto;
1627
+ }
1524
1628
  .overflow-hidden{
1525
1629
  overflow: hidden;
1526
1630
  }
@@ -1554,14 +1658,6 @@ input[type='number'].no-arrows {
1554
1658
  .break-all{
1555
1659
  word-break: break-all;
1556
1660
  }
1557
- .rounded-sm{
1558
- border-radius: 0.125rem;
1559
- border-radius: var(--aquarium-border-radius-sm);
1560
- }
1561
- .rounded-full{
1562
- border-radius: 9999px;
1563
- border-radius: var(--aquarium-border-radius-full);
1564
- }
1565
1661
  .rounded{
1566
1662
  border-radius: 4px;
1567
1663
  border-radius: var(--aquarium-border-radius-default);
@@ -1569,13 +1665,18 @@ input[type='number'].no-arrows {
1569
1665
  .rounded-\[2px\]{
1570
1666
  border-radius: 2px;
1571
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
+ }
1572
1676
  .border{
1573
1677
  border-width: 1px;
1574
1678
  border-width: var(--aquarium-border-width-default);
1575
1679
  }
1576
- .border-\[2px\]{
1577
- border-width: 2px;
1578
- }
1579
1680
  .border-0{
1580
1681
  border-width: 0px;
1581
1682
  border-width: var(--aquarium-border-width-0);
@@ -1584,18 +1685,13 @@ input[type='number'].no-arrows {
1584
1685
  border-width: 2px;
1585
1686
  border-width: var(--aquarium-border-width-2);
1586
1687
  }
1688
+ .border-\[2px\]{
1689
+ border-width: 2px;
1690
+ }
1587
1691
  .border-b{
1588
1692
  border-bottom-width: 1px;
1589
1693
  border-bottom-width: var(--aquarium-border-width-default);
1590
1694
  }
1591
- .border-r-1{
1592
- border-right-width: 1px;
1593
- border-right-width: var(--aquarium-border-width-1);
1594
- }
1595
- .border-t-2{
1596
- border-top-width: 2px;
1597
- border-top-width: var(--aquarium-border-width-2);
1598
- }
1599
1695
  .border-b-1{
1600
1696
  border-bottom-width: 1px;
1601
1697
  border-bottom-width: var(--aquarium-border-width-1);
@@ -1604,6 +1700,14 @@ input[type='number'].no-arrows {
1604
1700
  border-bottom-width: 2px;
1605
1701
  border-bottom-width: var(--aquarium-border-width-2);
1606
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
+ }
1607
1711
  .border-solid{
1608
1712
  border-style: solid;
1609
1713
  }
@@ -1613,34 +1717,42 @@ input[type='number'].no-arrows {
1613
1717
  .border-none{
1614
1718
  border-style: none;
1615
1719
  }
1616
- .border-white{
1617
- border-color: white;
1618
- border-color: var(--aquarium-colors-white);
1619
- }
1620
1720
  .border-black{
1621
1721
  border-color: black;
1622
1722
  border-color: var(--aquarium-colors-black);
1623
1723
  }
1624
- .border-transparent{
1625
- border-color: transparent;
1626
- border-color: var(--aquarium-colors-transparent);
1627
- }
1628
1724
  .border-current{
1629
1725
  border-color: currentColor;
1630
1726
  border-color: var(--aquarium-colors-current);
1631
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
+ }
1632
1744
  .border-error-0{
1633
1745
  border-color: rgba(254,242,241,1);
1634
1746
  border-color: var(--aquarium-colors-error-0);
1635
1747
  }
1636
- .border-error-5{
1637
- border-color: rgba(254,232,231,1);
1638
- border-color: var(--aquarium-colors-error-5);
1639
- }
1640
1748
  .border-error-10{
1641
1749
  border-color: rgba(255,203,210,1);
1642
1750
  border-color: var(--aquarium-colors-error-10);
1643
1751
  }
1752
+ .border-error-100{
1753
+ border-color: rgba(170,0,0,1);
1754
+ border-color: var(--aquarium-colors-error-100);
1755
+ }
1644
1756
  .border-error-20{
1645
1757
  border-color: rgba(255,173,179,1);
1646
1758
  border-color: var(--aquarium-colors-error-20);
@@ -1653,6 +1765,10 @@ input[type='number'].no-arrows {
1653
1765
  border-color: rgba(224,80,79,1);
1654
1766
  border-color: var(--aquarium-colors-error-40);
1655
1767
  }
1768
+ .border-error-5{
1769
+ border-color: rgba(254,232,231,1);
1770
+ border-color: var(--aquarium-colors-error-5);
1771
+ }
1656
1772
  .border-error-50{
1657
1773
  border-color: rgba(230,39,40,1);
1658
1774
  border-color: var(--aquarium-colors-error-50);
@@ -1673,118 +1789,66 @@ input[type='number'].no-arrows {
1673
1789
  border-color: rgba(185,0,0,1);
1674
1790
  border-color: var(--aquarium-colors-error-90);
1675
1791
  }
1676
- .border-error-100{
1677
- border-color: rgba(170,0,0,1);
1678
- border-color: var(--aquarium-colors-error-100);
1792
+ .border-grey-0{
1793
+ border-color: rgba(247,247,250,1);
1794
+ border-color: var(--aquarium-colors-grey-0);
1679
1795
  }
1680
- .border-warning-0{
1681
- border-color: rgba(255,253,249,1);
1682
- border-color: var(--aquarium-colors-warning-0);
1796
+ .border-grey-10{
1797
+ border-color: rgba(225,225,227,1);
1798
+ border-color: var(--aquarium-colors-grey-10);
1683
1799
  }
1684
- .border-warning-5{
1685
- border-color: rgba(255,248,234,1);
1686
- border-color: var(--aquarium-colors-warning-5);
1800
+ .border-grey-100{
1801
+ border-color: rgba(25,25,29,1);
1802
+ border-color: var(--aquarium-colors-grey-100);
1687
1803
  }
1688
- .border-warning-10{
1689
- border-color: rgba(255,242,205,1);
1690
- border-color: var(--aquarium-colors-warning-10);
1804
+ .border-grey-20{
1805
+ border-color: rgba(210,210,214,1);
1806
+ border-color: var(--aquarium-colors-grey-20);
1691
1807
  }
1692
- .border-warning-20{
1693
- border-color: rgba(254,235,178,1);
1694
- border-color: var(--aquarium-colors-warning-20);
1695
- }
1696
- .border-warning-30{
1697
- border-color: rgba(253,223,129,1);
1698
- border-color: var(--aquarium-colors-warning-30);
1699
- }
1700
- .border-warning-40{
1701
- border-color: rgba(253,212,77,1);
1702
- border-color: var(--aquarium-colors-warning-40);
1703
- }
1704
- .border-warning-50{
1705
- border-color: rgba(253,201,38,1);
1706
- border-color: var(--aquarium-colors-warning-50);
1707
- }
1708
- .border-warning-60{
1709
- border-color: rgba(255,193,7,1);
1710
- border-color: var(--aquarium-colors-warning-60);
1711
- }
1712
- .border-warning-70{
1713
- border-color: rgba(255,179,0,1);
1714
- border-color: var(--aquarium-colors-warning-70);
1715
- }
1716
- .border-warning-80{
1717
- border-color: rgba(253,159,0,1);
1718
- border-color: var(--aquarium-colors-warning-80);
1719
- }
1720
- .border-warning-90{
1721
- border-color: rgba(255,144,3,1);
1722
- border-color: var(--aquarium-colors-warning-90);
1723
- }
1724
- .border-warning-100{
1725
- border-color: rgba(254,109,0,1);
1726
- border-color: var(--aquarium-colors-warning-100);
1727
- }
1728
- .border-success-0{
1729
- border-color: rgba(245,250,245,1);
1730
- border-color: var(--aquarium-colors-success-0);
1731
- }
1732
- .border-success-5{
1733
- border-color: rgba(236,247,237,1);
1734
- border-color: var(--aquarium-colors-success-5);
1735
- }
1736
- .border-success-10{
1737
- border-color: rgba(203,255,201,1);
1738
- border-color: var(--aquarium-colors-success-10);
1739
- }
1740
- .border-success-20{
1741
- border-color: rgba(175,255,167,1);
1742
- border-color: var(--aquarium-colors-success-20);
1743
- }
1744
- .border-success-30{
1745
- border-color: rgba(137,235,128,1);
1746
- 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);
1747
1811
  }
1748
- .border-success-40{
1749
- border-color: rgba(96,219,87,1);
1750
- 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);
1751
1815
  }
1752
- .border-success-50{
1753
- border-color: rgba(64,206,55,1);
1754
- 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);
1755
1819
  }
1756
- .border-success-60{
1757
- border-color: rgba(0,195,0,1);
1758
- 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);
1759
1823
  }
1760
- .border-success-70{
1761
- border-color: rgba(0,179,0,1);
1762
- 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);
1763
1827
  }
1764
- .border-success-80{
1765
- border-color: rgba(0,159,0,1);
1766
- 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);
1767
1831
  }
1768
- .border-success-90{
1769
- border-color: rgba(0,142,0,1);
1770
- 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);
1771
1835
  }
1772
- .border-success-100{
1773
- border-color: rgba(0,111,0,1);
1774
- 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);
1775
1839
  }
1776
1840
  .border-info-0{
1777
1841
  border-color: rgba(249,253,255,1);
1778
1842
  border-color: var(--aquarium-colors-info-0);
1779
1843
  }
1780
- .border-info-5{
1781
- border-color: rgba(239,250,255,1);
1782
- border-color: var(--aquarium-colors-info-5);
1783
- }
1784
1844
  .border-info-10{
1785
1845
  border-color: rgba(224,245,254,1);
1786
1846
  border-color: var(--aquarium-colors-info-10);
1787
1847
  }
1848
+ .border-info-100{
1849
+ border-color: rgba(2,86,154,1);
1850
+ border-color: var(--aquarium-colors-info-100);
1851
+ }
1788
1852
  .border-info-20{
1789
1853
  border-color: rgba(180,229,251,1);
1790
1854
  border-color: var(--aquarium-colors-info-20);
@@ -1797,6 +1861,10 @@ input[type='number'].no-arrows {
1797
1861
  border-color: rgba(76,194,247,1);
1798
1862
  border-color: var(--aquarium-colors-info-40);
1799
1863
  }
1864
+ .border-info-5{
1865
+ border-color: rgba(239,250,255,1);
1866
+ border-color: var(--aquarium-colors-info-5);
1867
+ }
1800
1868
  .border-info-50{
1801
1869
  border-color: rgba(40,180,244,1);
1802
1870
  border-color: var(--aquarium-colors-info-50);
@@ -1817,70 +1885,98 @@ input[type='number'].no-arrows {
1817
1885
  border-color: rgba(1,116,186,1);
1818
1886
  border-color: var(--aquarium-colors-info-90);
1819
1887
  }
1820
- .border-info-100{
1821
- border-color: rgba(2,86,154,1);
1822
- 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);
1823
1891
  }
1824
- .border-grey-0{
1825
- border-color: rgba(247,247,250,1);
1826
- 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);
1827
1895
  }
1828
- .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{
1829
1905
  border-color: rgba(237,237,240,1);
1830
- border-color: var(--aquarium-colors-grey-5);
1906
+ border-color: var(--aquarium-border-color-muted);
1831
1907
  }
1832
- .border-grey-10{
1833
- border-color: rgba(225,225,227,1);
1834
- 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);
1835
1911
  }
1836
- .border-grey-20{
1837
- border-color: rgba(210,210,214,1);
1838
- 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);
1839
1915
  }
1840
- .border-grey-30{
1841
- border-color: rgba(180,180,187,1);
1842
- 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);
1843
1919
  }
1844
- .border-grey-40{
1845
- border-color: rgba(150,150,160,1);
1846
- 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);
1847
1923
  }
1848
- .border-grey-50{
1849
- border-color: rgba(120,120,133,1);
1850
- 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);
1851
1927
  }
1852
- .border-grey-60{
1853
- border-color: rgba(90,91,106,1);
1854
- 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);
1855
1931
  }
1856
- .border-grey-70{
1857
- border-color: rgba(74,75,87,1);
1858
- 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);
1859
1935
  }
1860
- .border-grey-80{
1861
- border-color: rgba(58,58,68,1);
1862
- 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);
1863
1939
  }
1864
- .border-grey-90{
1865
- border-color: rgba(41,42,49,1);
1866
- 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);
1867
1943
  }
1868
- .border-grey-100{
1869
- border-color: rgba(25,25,29,1);
1870
- 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);
1871
1967
  }
1872
1968
  .border-secondary-0{
1873
1969
  border-color: rgba(255,251,248,1);
1874
1970
  border-color: var(--aquarium-colors-secondary-0);
1875
1971
  }
1876
- .border-secondary-5{
1877
- border-color: rgba(255,243,232,1);
1878
- border-color: var(--aquarium-colors-secondary-5);
1879
- }
1880
1972
  .border-secondary-10{
1881
1973
  border-color: rgba(254,232,208,1);
1882
1974
  border-color: var(--aquarium-colors-secondary-10);
1883
1975
  }
1976
+ .border-secondary-100{
1977
+ border-color: rgba(225,29,22,1);
1978
+ border-color: var(--aquarium-colors-secondary-100);
1979
+ }
1884
1980
  .border-secondary-20{
1885
1981
  border-color: rgba(248,201,156,1);
1886
1982
  border-color: var(--aquarium-colors-secondary-20);
@@ -1893,6 +1989,10 @@ input[type='number'].no-arrows {
1893
1989
  border-color: rgba(251,154,62,1);
1894
1990
  border-color: var(--aquarium-colors-secondary-40);
1895
1991
  }
1992
+ .border-secondary-5{
1993
+ border-color: rgba(255,243,232,1);
1994
+ border-color: var(--aquarium-colors-secondary-5);
1995
+ }
1896
1996
  .border-secondary-50{
1897
1997
  border-color: rgba(252,135,26,1);
1898
1998
  border-color: var(--aquarium-colors-secondary-50);
@@ -1913,109 +2013,117 @@ input[type='number'].no-arrows {
1913
2013
  border-color: rgba(235,70,16,1);
1914
2014
  border-color: var(--aquarium-colors-secondary-90);
1915
2015
  }
1916
- .border-secondary-100{
1917
- border-color: rgba(225,29,22,1);
1918
- 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);
1919
2019
  }
1920
- .border-primary-0{
1921
- border-color: rgba(255,255,255,1);
1922
- 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);
1923
2023
  }
1924
- .border-primary-5{
1925
- border-color: rgba(243,246,255,1);
1926
- 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);
1927
2027
  }
1928
- .border-primary-10{
1929
- border-color: rgba(227,233,255,1);
1930
- 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);
1931
2031
  }
1932
- .border-primary-20{
1933
- border-color: rgba(213,221,250,1);
1934
- 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);
1935
2035
  }
1936
- .border-primary-30{
1937
- border-color: rgba(199,209,244,1);
1938
- 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);
1939
2039
  }
1940
- .border-primary-40{
1941
- border-color: rgba(185,197,239,1);
1942
- 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);
1943
2043
  }
1944
- .border-primary-50{
1945
- border-color: rgba(157,170,238,1);
1946
- 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);
1947
2047
  }
1948
- .border-primary-60{
1949
- border-color: rgba(129,142,236,1);
1950
- 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);
1951
2051
  }
1952
- .border-primary-70{
1953
- border-color: rgba(88,101,205,1);
1954
- 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);
1955
2055
  }
1956
- .border-primary-80{
1957
- border-color: rgba(53,69,190,1);
1958
- 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);
1959
2059
  }
1960
- .border-primary-90{
1961
- border-color: rgba(34,47,149,1);
1962
- 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);
1963
2063
  }
1964
- .border-primary-100{
1965
- border-color: rgba(14,22,82,1);
1966
- 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);
1967
2067
  }
1968
- .border-muted{
1969
- border-color: rgba(237,237,240,1);
1970
- 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);
1971
2071
  }
1972
- .border-default{
1973
- border-color: rgba(210,210,214,1);
1974
- 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);
1975
2075
  }
1976
- .border-intense{
1977
- border-color: rgba(120,120,133,1);
1978
- border-color: var(--aquarium-border-color-intense);
2076
+ .border-transparent{
2077
+ border-color: transparent;
2078
+ border-color: var(--aquarium-colors-transparent);
1979
2079
  }
1980
- .border-primary-muted{
1981
- border-color: rgba(129,142,236,1);
1982
- 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);
1983
2083
  }
1984
- .border-primary-default{
1985
- border-color: rgba(53,69,190,1);
1986
- 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);
1987
2087
  }
1988
- .border-primary-intense{
1989
- border-color: rgba(14,22,82,1);
1990
- 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);
1991
2091
  }
1992
- .border-info-muted{
1993
- border-color: rgba(40,180,244,1);
1994
- 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);
1995
2095
  }
1996
- .border-info-default{
1997
- border-color: rgba(3,153,227,1);
1998
- 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);
1999
2099
  }
2000
- .border-info-intense{
2001
- border-color: rgba(1,116,186,1);
2002
- 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);
2003
2103
  }
2004
- .border-success-muted{
2005
- border-color: rgba(203,255,201,1);
2006
- 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);
2007
2107
  }
2008
- .border-success-default{
2009
- border-color: rgba(96,219,87,1);
2010
- 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);
2011
2111
  }
2012
- .border-success-intense{
2013
- border-color: rgba(0,179,0,1);
2014
- 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);
2015
2115
  }
2016
- .border-warning-muted{
2017
- border-color: rgba(254,235,178,1);
2018
- 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);
2019
2127
  }
2020
2128
  .border-warning-default{
2021
2129
  border-color: rgba(255,179,0,1);
@@ -2025,46 +2133,58 @@ input[type='number'].no-arrows {
2025
2133
  border-color: rgba(255,144,3,1);
2026
2134
  border-color: var(--aquarium-border-color-warning-intense);
2027
2135
  }
2028
- .border-danger-muted{
2029
- border-color: rgba(255,203,210,1);
2030
- border-color: var(--aquarium-border-color-danger-muted);
2031
- }
2032
- .border-danger-default{
2033
- border-color: rgba(230,39,40,1);
2034
- border-color: var(--aquarium-border-color-danger-default);
2035
- }
2036
- .border-danger-intense{
2037
- border-color: rgba(197,0,1,1);
2038
- 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);
2039
2139
  }
2040
- .bg-white{
2041
- background-color: white;
2042
- background-color: var(--aquarium-colors-white);
2140
+ .border-white{
2141
+ border-color: white;
2142
+ border-color: var(--aquarium-colors-white);
2043
2143
  }
2044
2144
  .bg-black{
2045
2145
  background-color: black;
2046
2146
  background-color: var(--aquarium-colors-black);
2047
2147
  }
2048
- .bg-transparent{
2049
- background-color: transparent;
2050
- 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);
2051
2155
  }
2052
2156
  .bg-current{
2053
2157
  background-color: currentColor;
2054
2158
  background-color: var(--aquarium-colors-current);
2055
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
+ }
2056
2176
  .bg-error-0{
2057
2177
  background-color: rgba(254,242,241,1);
2058
2178
  background-color: var(--aquarium-colors-error-0);
2059
2179
  }
2060
- .bg-error-5{
2061
- background-color: rgba(254,232,231,1);
2062
- background-color: var(--aquarium-colors-error-5);
2063
- }
2064
2180
  .bg-error-10{
2065
2181
  background-color: rgba(255,203,210,1);
2066
2182
  background-color: var(--aquarium-colors-error-10);
2067
2183
  }
2184
+ .bg-error-100{
2185
+ background-color: rgba(170,0,0,1);
2186
+ background-color: var(--aquarium-colors-error-100);
2187
+ }
2068
2188
  .bg-error-20{
2069
2189
  background-color: rgba(255,173,179,1);
2070
2190
  background-color: var(--aquarium-colors-error-20);
@@ -2077,6 +2197,10 @@ input[type='number'].no-arrows {
2077
2197
  background-color: rgba(224,80,79,1);
2078
2198
  background-color: var(--aquarium-colors-error-40);
2079
2199
  }
2200
+ .bg-error-5{
2201
+ background-color: rgba(254,232,231,1);
2202
+ background-color: var(--aquarium-colors-error-5);
2203
+ }
2080
2204
  .bg-error-50{
2081
2205
  background-color: rgba(230,39,40,1);
2082
2206
  background-color: var(--aquarium-colors-error-50);
@@ -2097,118 +2221,70 @@ input[type='number'].no-arrows {
2097
2221
  background-color: rgba(185,0,0,1);
2098
2222
  background-color: var(--aquarium-colors-error-90);
2099
2223
  }
2100
- .bg-error-100{
2101
- background-color: rgba(170,0,0,1);
2102
- background-color: var(--aquarium-colors-error-100);
2103
- }
2104
- .bg-warning-0{
2105
- background-color: rgba(255,253,249,1);
2106
- background-color: var(--aquarium-colors-warning-0);
2224
+ .bg-grey-0{
2225
+ background-color: rgba(247,247,250,1);
2226
+ background-color: var(--aquarium-colors-grey-0);
2107
2227
  }
2108
- .bg-warning-5{
2109
- background-color: rgba(255,248,234,1);
2110
- background-color: var(--aquarium-colors-warning-5);
2228
+ .bg-grey-10{
2229
+ background-color: rgba(225,225,227,1);
2230
+ background-color: var(--aquarium-colors-grey-10);
2111
2231
  }
2112
- .bg-warning-10{
2113
- background-color: rgba(255,242,205,1);
2114
- background-color: var(--aquarium-colors-warning-10);
2232
+ .bg-grey-100{
2233
+ background-color: rgba(25,25,29,1);
2234
+ background-color: var(--aquarium-colors-grey-100);
2115
2235
  }
2116
- .bg-warning-20{
2117
- background-color: rgba(254,235,178,1);
2118
- background-color: var(--aquarium-colors-warning-20);
2236
+ .bg-grey-20{
2237
+ background-color: rgba(210,210,214,1);
2238
+ background-color: var(--aquarium-colors-grey-20);
2119
2239
  }
2120
- .bg-warning-30{
2121
- background-color: rgba(253,223,129,1);
2122
- background-color: var(--aquarium-colors-warning-30);
2240
+ .bg-grey-30{
2241
+ background-color: rgba(180,180,187,1);
2242
+ background-color: var(--aquarium-colors-grey-30);
2123
2243
  }
2124
- .bg-warning-40{
2125
- background-color: rgba(253,212,77,1);
2126
- background-color: var(--aquarium-colors-warning-40);
2244
+ .bg-grey-40{
2245
+ background-color: rgba(150,150,160,1);
2246
+ background-color: var(--aquarium-colors-grey-40);
2127
2247
  }
2128
- .bg-warning-50{
2129
- background-color: rgba(253,201,38,1);
2130
- background-color: var(--aquarium-colors-warning-50);
2248
+ .bg-grey-5{
2249
+ background-color: rgba(237,237,240,1);
2250
+ background-color: var(--aquarium-colors-grey-5);
2131
2251
  }
2132
- .bg-warning-60{
2133
- background-color: rgba(255,193,7,1);
2134
- background-color: var(--aquarium-colors-warning-60);
2252
+ .bg-grey-50{
2253
+ background-color: rgba(120,120,133,1);
2254
+ background-color: var(--aquarium-colors-grey-50);
2135
2255
  }
2136
- .bg-warning-70{
2137
- background-color: rgba(255,179,0,1);
2138
- background-color: var(--aquarium-colors-warning-70);
2256
+ .bg-grey-60{
2257
+ background-color: rgba(90,91,106,1);
2258
+ background-color: var(--aquarium-colors-grey-60);
2139
2259
  }
2140
- .bg-warning-80{
2141
- background-color: rgba(253,159,0,1);
2142
- background-color: var(--aquarium-colors-warning-80);
2260
+ .bg-grey-70{
2261
+ background-color: rgba(74,75,87,1);
2262
+ background-color: var(--aquarium-colors-grey-70);
2143
2263
  }
2144
- .bg-warning-90{
2145
- background-color: rgba(255,144,3,1);
2146
- background-color: var(--aquarium-colors-warning-90);
2147
- }
2148
- .bg-warning-100{
2149
- background-color: rgba(254,109,0,1);
2150
- background-color: var(--aquarium-colors-warning-100);
2151
- }
2152
- .bg-success-0{
2153
- background-color: rgba(245,250,245,1);
2154
- background-color: var(--aquarium-colors-success-0);
2155
- }
2156
- .bg-success-5{
2157
- background-color: rgba(236,247,237,1);
2158
- background-color: var(--aquarium-colors-success-5);
2159
- }
2160
- .bg-success-10{
2161
- background-color: rgba(203,255,201,1);
2162
- background-color: var(--aquarium-colors-success-10);
2163
- }
2164
- .bg-success-20{
2165
- background-color: rgba(175,255,167,1);
2166
- background-color: var(--aquarium-colors-success-20);
2167
- }
2168
- .bg-success-30{
2169
- background-color: rgba(137,235,128,1);
2170
- background-color: var(--aquarium-colors-success-30);
2171
- }
2172
- .bg-success-40{
2173
- background-color: rgba(96,219,87,1);
2174
- background-color: var(--aquarium-colors-success-40);
2175
- }
2176
- .bg-success-50{
2177
- background-color: rgba(64,206,55,1);
2178
- background-color: var(--aquarium-colors-success-50);
2179
- }
2180
- .bg-success-60{
2181
- background-color: rgba(0,195,0,1);
2182
- background-color: var(--aquarium-colors-success-60);
2183
- }
2184
- .bg-success-70{
2185
- background-color: rgba(0,179,0,1);
2186
- background-color: var(--aquarium-colors-success-70);
2187
- }
2188
- .bg-success-80{
2189
- background-color: rgba(0,159,0,1);
2190
- background-color: var(--aquarium-colors-success-80);
2264
+ .bg-grey-80{
2265
+ background-color: rgba(58,58,68,1);
2266
+ background-color: var(--aquarium-colors-grey-80);
2191
2267
  }
2192
- .bg-success-90{
2193
- background-color: rgba(0,142,0,1);
2194
- 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);
2195
2271
  }
2196
- .bg-success-100{
2197
- background-color: rgba(0,111,0,1);
2198
- 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);
2199
2275
  }
2200
2276
  .bg-info-0{
2201
2277
  background-color: rgba(249,253,255,1);
2202
2278
  background-color: var(--aquarium-colors-info-0);
2203
2279
  }
2204
- .bg-info-5{
2205
- background-color: rgba(239,250,255,1);
2206
- background-color: var(--aquarium-colors-info-5);
2207
- }
2208
2280
  .bg-info-10{
2209
2281
  background-color: rgba(224,245,254,1);
2210
2282
  background-color: var(--aquarium-colors-info-10);
2211
2283
  }
2284
+ .bg-info-100{
2285
+ background-color: rgba(2,86,154,1);
2286
+ background-color: var(--aquarium-colors-info-100);
2287
+ }
2212
2288
  .bg-info-20{
2213
2289
  background-color: rgba(180,229,251,1);
2214
2290
  background-color: var(--aquarium-colors-info-20);
@@ -2221,6 +2297,10 @@ input[type='number'].no-arrows {
2221
2297
  background-color: rgba(76,194,247,1);
2222
2298
  background-color: var(--aquarium-colors-info-40);
2223
2299
  }
2300
+ .bg-info-5{
2301
+ background-color: rgba(239,250,255,1);
2302
+ background-color: var(--aquarium-colors-info-5);
2303
+ }
2224
2304
  .bg-info-50{
2225
2305
  background-color: rgba(40,180,244,1);
2226
2306
  background-color: var(--aquarium-colors-info-50);
@@ -2241,70 +2321,110 @@ input[type='number'].no-arrows {
2241
2321
  background-color: rgba(1,116,186,1);
2242
2322
  background-color: var(--aquarium-colors-info-90);
2243
2323
  }
2244
- .bg-info-100{
2245
- background-color: rgba(2,86,154,1);
2246
- 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);
2247
2327
  }
2248
- .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{
2249
2341
  background-color: rgba(247,247,250,1);
2250
- background-color: var(--aquarium-colors-grey-0);
2342
+ background-color: var(--aquarium-background-color-muted);
2251
2343
  }
2252
- .bg-grey-5{
2253
- background-color: rgba(237,237,240,1);
2254
- background-color: var(--aquarium-colors-grey-5);
2344
+ .bg-popover-content{
2345
+ background-color: white;
2346
+ background-color: var(--aquarium-background-color-popover-content);
2255
2347
  }
2256
- .bg-grey-10{
2257
- background-color: rgba(225,225,227,1);
2258
- 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);
2259
2351
  }
2260
- .bg-grey-20{
2261
- background-color: rgba(210,210,214,1);
2262
- 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);
2263
2355
  }
2264
- .bg-grey-30{
2265
- background-color: rgba(180,180,187,1);
2266
- 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);
2267
2359
  }
2268
- .bg-grey-40{
2269
- background-color: rgba(150,150,160,1);
2270
- 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);
2271
2363
  }
2272
- .bg-grey-50{
2273
- background-color: rgba(120,120,133,1);
2274
- 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);
2275
2367
  }
2276
- .bg-grey-60{
2277
- background-color: rgba(90,91,106,1);
2278
- 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);
2279
2371
  }
2280
- .bg-grey-70{
2281
- background-color: rgba(74,75,87,1);
2282
- 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);
2283
2375
  }
2284
- .bg-grey-80{
2285
- background-color: rgba(58,58,68,1);
2286
- 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);
2287
2379
  }
2288
- .bg-grey-90{
2289
- background-color: rgba(41,42,49,1);
2290
- 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);
2291
2383
  }
2292
- .bg-grey-100{
2293
- background-color: rgba(25,25,29,1);
2294
- 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);
2295
2415
  }
2296
2416
  .bg-secondary-0{
2297
2417
  background-color: rgba(255,251,248,1);
2298
2418
  background-color: var(--aquarium-colors-secondary-0);
2299
2419
  }
2300
- .bg-secondary-5{
2301
- background-color: rgba(255,243,232,1);
2302
- background-color: var(--aquarium-colors-secondary-5);
2303
- }
2304
2420
  .bg-secondary-10{
2305
2421
  background-color: rgba(254,232,208,1);
2306
2422
  background-color: var(--aquarium-colors-secondary-10);
2307
2423
  }
2424
+ .bg-secondary-100{
2425
+ background-color: rgba(225,29,22,1);
2426
+ background-color: var(--aquarium-colors-secondary-100);
2427
+ }
2308
2428
  .bg-secondary-20{
2309
2429
  background-color: rgba(248,201,156,1);
2310
2430
  background-color: var(--aquarium-colors-secondary-20);
@@ -2317,6 +2437,10 @@ input[type='number'].no-arrows {
2317
2437
  background-color: rgba(251,154,62,1);
2318
2438
  background-color: var(--aquarium-colors-secondary-40);
2319
2439
  }
2440
+ .bg-secondary-5{
2441
+ background-color: rgba(255,243,232,1);
2442
+ background-color: var(--aquarium-colors-secondary-5);
2443
+ }
2320
2444
  .bg-secondary-50{
2321
2445
  background-color: rgba(252,135,26,1);
2322
2446
  background-color: var(--aquarium-colors-secondary-50);
@@ -2337,129 +2461,137 @@ input[type='number'].no-arrows {
2337
2461
  background-color: rgba(235,70,16,1);
2338
2462
  background-color: var(--aquarium-colors-secondary-90);
2339
2463
  }
2340
- .bg-secondary-100{
2341
- background-color: rgba(225,29,22,1);
2342
- background-color: var(--aquarium-colors-secondary-100);
2343
- }
2344
- .bg-primary-0{
2345
- background-color: rgba(255,255,255,1);
2346
- background-color: var(--aquarium-colors-primary-0);
2347
- }
2348
- .bg-primary-5{
2464
+ .bg-status-announcement{
2349
2465
  background-color: rgba(243,246,255,1);
2350
- background-color: var(--aquarium-colors-primary-5);
2466
+ background-color: var(--aquarium-background-color-status-announcement);
2351
2467
  }
2352
- .bg-primary-10{
2353
- background-color: rgba(227,233,255,1);
2354
- 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);
2355
2471
  }
2356
- .bg-primary-20{
2357
- background-color: rgba(213,221,250,1);
2358
- 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);
2359
2475
  }
2360
- .bg-primary-30{
2361
- background-color: rgba(199,209,244,1);
2362
- 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);
2363
2479
  }
2364
- .bg-primary-40{
2365
- background-color: rgba(185,197,239,1);
2366
- 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);
2367
2483
  }
2368
- .bg-primary-50{
2369
- background-color: rgba(157,170,238,1);
2370
- 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);
2371
2487
  }
2372
- .bg-primary-60{
2373
- background-color: rgba(129,142,236,1);
2374
- 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);
2375
2491
  }
2376
- .bg-primary-70{
2377
- background-color: rgba(88,101,205,1);
2378
- 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);
2379
2495
  }
2380
- .bg-primary-80{
2381
- background-color: rgba(53,69,190,1);
2382
- background-color: var(--aquarium-colors-primary-80);
2383
- }
2384
- .bg-primary-90{
2385
- background-color: rgba(34,47,149,1);
2386
- 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);
2387
2499
  }
2388
- .bg-primary-100{
2389
- background-color: rgba(14,22,82,1);
2390
- 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);
2391
2503
  }
2392
- .bg-body{
2393
- background-color: white;
2394
- 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);
2395
2507
  }
2396
- .bg-body-intense{
2397
- background-color: rgba(58,58,68,1);
2398
- 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);
2399
2511
  }
2400
- .bg-popover-content{
2401
- background-color: white;
2402
- 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);
2403
2515
  }
2404
- .bg-muted{
2405
- background-color: rgba(247,247,250,1);
2406
- 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);
2407
2519
  }
2408
- .bg-default{
2409
- background-color: rgba(237,237,240,1);
2410
- 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);
2411
2523
  }
2412
- .bg-intense{
2413
- background-color: rgba(210,210,214,1);
2414
- 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);
2415
2527
  }
2416
- .bg-primary-muted{
2417
- background-color: rgba(185,197,239,1);
2418
- 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);
2419
2531
  }
2420
- .bg-primary-default{
2421
- background-color: rgba(53,69,190,1);
2422
- 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);
2423
2535
  }
2424
- .bg-primary-intense{
2425
- background-color: rgba(34,47,149,1);
2426
- 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);
2427
2539
  }
2428
- .bg-primary-active{
2429
- background-color: rgba(243,246,255,1);
2430
- 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);
2431
2543
  }
2432
- .bg-primary-hover{
2433
- background-color: rgba(243,246,255,1);
2434
- background-color: var(--aquarium-background-color-primary-hover);
2544
+ .bg-transparent{
2545
+ background-color: transparent;
2546
+ background-color: var(--aquarium-colors-transparent);
2435
2547
  }
2436
- .bg-info-muted{
2437
- background-color: rgba(224,245,254,1);
2438
- 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);
2439
2551
  }
2440
- .bg-info-default{
2441
- background-color: rgba(3,153,227,1);
2442
- 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);
2443
2555
  }
2444
- .bg-info-intense{
2445
- background-color: rgba(1,116,186,1);
2446
- 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);
2447
2559
  }
2448
- .bg-success-muted{
2449
- background-color: rgba(236,247,237,1);
2450
- 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);
2451
2563
  }
2452
- .bg-success-default{
2453
- background-color: rgba(0,179,0,1);
2454
- 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);
2455
2567
  }
2456
- .bg-success-intense{
2457
- background-color: rgba(0,142,0,1);
2458
- 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);
2459
2571
  }
2460
- .bg-warning-muted{
2572
+ .bg-warning-5{
2461
2573
  background-color: rgba(255,248,234,1);
2462
- 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);
2463
2595
  }
2464
2596
  .bg-warning-default{
2465
2597
  background-color: rgba(255,179,0,1);
@@ -2469,60 +2601,36 @@ input[type='number'].no-arrows {
2469
2601
  background-color: rgba(255,144,3,1);
2470
2602
  background-color: var(--aquarium-background-color-warning-intense);
2471
2603
  }
2472
- .bg-danger-muted{
2473
- background-color: rgba(255,203,210,1);
2474
- background-color: var(--aquarium-background-color-danger-muted);
2475
- }
2476
- .bg-danger-default{
2477
- background-color: rgba(255,173,179,1);
2478
- background-color: var(--aquarium-background-color-danger-default);
2479
- }
2480
- .bg-danger-intense{
2481
- background-color: rgba(230,39,40,1);
2482
- background-color: var(--aquarium-background-color-danger-intense);
2483
- }
2484
- .bg-status-announcement{
2485
- background-color: rgba(243,246,255,1);
2486
- background-color: var(--aquarium-background-color-status-announcement);
2487
- }
2488
- .bg-status-info{
2489
- background-color: rgba(224,245,254,1);
2490
- background-color: var(--aquarium-background-color-status-info);
2491
- }
2492
- .bg-status-warning{
2604
+ .bg-warning-muted{
2493
2605
  background-color: rgba(255,248,234,1);
2494
- background-color: var(--aquarium-background-color-status-warning);
2495
- }
2496
- .bg-status-danger{
2497
- background-color: rgba(254,232,231,1);
2498
- background-color: var(--aquarium-background-color-status-danger);
2606
+ background-color: var(--aquarium-background-color-warning-muted);
2499
2607
  }
2500
- .bg-status-success{
2501
- background-color: rgba(236,247,237,1);
2502
- background-color: var(--aquarium-background-color-status-success);
2608
+ .bg-white{
2609
+ background-color: white;
2610
+ background-color: var(--aquarium-colors-white);
2503
2611
  }
2504
- .bg-icon-button-hover{
2505
- background-color: rgba(25,25,29,.05);
2506
- 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));
2507
2614
  }
2508
2615
  .bg-gradient-to-r{
2509
2616
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
2510
2617
  }
2511
- .bg-gradient-to-l{
2512
- background-image: linear-gradient(to left, var(--tw-gradient-stops));
2513
- }
2514
2618
  .from-white{
2515
- --tw-gradient-from: var(--aquarium-colors-white);
2516
- --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);
2517
2621
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2518
2622
  }
2519
2623
  .via-white{
2520
- --tw-gradient-to: rgba(255, 255, 255, 0);
2521
- --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);
2522
2626
  }
2523
2627
  .bg-cover{
2524
2628
  background-size: cover;
2525
2629
  }
2630
+ .fill-error-10{
2631
+ fill: rgba(255,203,210,1);
2632
+ fill: var(--aquarium-colors-error-10);
2633
+ }
2526
2634
  .fill-primary-10{
2527
2635
  fill: rgba(227,233,255,1);
2528
2636
  fill: var(--aquarium-colors-primary-10);
@@ -2535,9 +2643,17 @@ input[type='number'].no-arrows {
2535
2643
  fill: rgba(254,235,178,1);
2536
2644
  fill: var(--aquarium-colors-warning-20);
2537
2645
  }
2538
- .fill-error-10{
2539
- fill: rgba(255,203,210,1);
2540
- 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);
2541
2657
  }
2542
2658
  .stroke-primary-muted{
2543
2659
  stroke: rgba(129,142,236,1);
@@ -2551,14 +2667,22 @@ input[type='number'].no-arrows {
2551
2667
  stroke: rgba(254,109,0,1);
2552
2668
  stroke: var(--aquarium-colors-warning-100);
2553
2669
  }
2554
- .stroke-error-100{
2555
- stroke: rgba(170,0,0,1);
2556
- stroke: var(--aquarium-colors-error-100);
2670
+ .stroke-1{
2671
+ stroke-width: 1;
2557
2672
  }
2558
2673
  .object-cover{
2559
2674
  -o-object-fit: cover;
2560
2675
  object-fit: cover;
2561
2676
  }
2677
+ .p-1{
2678
+ padding: 2px;
2679
+ }
2680
+ .p-2{
2681
+ padding: 4px;
2682
+ }
2683
+ .p-3{
2684
+ padding: 8px;
2685
+ }
2562
2686
  .p-4{
2563
2687
  padding: 12px;
2564
2688
  }
@@ -2571,140 +2695,134 @@ input[type='number'].no-arrows {
2571
2695
  .p-\[2px\]{
2572
2696
  padding: 2px;
2573
2697
  }
2574
- .p-3{
2575
- padding: 8px;
2576
- }
2577
2698
  .p-\[3px\]{
2578
2699
  padding: 3px;
2579
2700
  }
2580
- .p-2{
2581
- padding: 4px;
2582
- }
2583
2701
  .p-\[56px\]{
2584
2702
  padding: 56px;
2585
2703
  }
2586
- .p-1{
2587
- 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;
2588
2715
  }
2589
2716
  .px-3{
2590
2717
  padding-left: 8px;
2591
2718
  padding-right: 8px;
2592
2719
  }
2593
- .py-3{
2594
- padding-top: 8px;
2595
- padding-bottom: 8px;
2596
- }
2597
- .px-\[60px\]{
2598
- padding-left: 60px;
2599
- padding-right: 60px;
2720
+ .px-4{
2721
+ padding-left: 12px;
2722
+ padding-right: 12px;
2600
2723
  }
2601
- .py-4{
2602
- padding-top: 12px;
2603
- padding-bottom: 12px;
2724
+ .px-5{
2725
+ padding-left: 16px;
2726
+ padding-right: 16px;
2604
2727
  }
2605
- .py-2{
2606
- padding-top: 4px;
2607
- padding-bottom: 4px;
2728
+ .px-6{
2729
+ padding-left: 24px;
2730
+ padding-right: 24px;
2608
2731
  }
2609
- .py-1{
2610
- padding-top: 2px;
2611
- padding-bottom: 2px;
2732
+ .px-7{
2733
+ padding-left: 32px;
2734
+ padding-right: 32px;
2612
2735
  }
2613
- .px-2{
2736
+ .px-\[14px\]{
2737
+ padding-left: 14px;
2738
+ padding-right: 14px;
2739
+ }
2740
+ .px-\[1px\]{
2741
+ padding-left: 1px;
2742
+ padding-right: 1px;
2743
+ }
2744
+ .px-\[20px\]{
2745
+ padding-left: 20px;
2746
+ padding-right: 20px;
2747
+ }
2748
+ .px-\[4px\]{
2614
2749
  padding-left: 4px;
2615
2750
  padding-right: 4px;
2616
2751
  }
2752
+ .px-\[60px\]{
2753
+ padding-left: 60px;
2754
+ padding-right: 60px;
2755
+ }
2617
2756
  .px-l2{
2618
2757
  padding-left: 24px;
2619
2758
  padding-right: 24px;
2620
2759
  }
2621
- .py-7{
2622
- padding-top: 32px;
2623
- padding-bottom: 32px;
2760
+ .py-1{
2761
+ padding-top: 2px;
2762
+ padding-bottom: 2px;
2624
2763
  }
2625
- .py-6{
2626
- padding-top: 24px;
2627
- padding-bottom: 24px;
2764
+ .py-2{
2765
+ padding-top: 4px;
2766
+ padding-bottom: 4px;
2628
2767
  }
2629
- .px-7{
2630
- padding-left: 32px;
2631
- padding-right: 32px;
2768
+ .py-3{
2769
+ padding-top: 8px;
2770
+ padding-bottom: 8px;
2632
2771
  }
2633
- .px-6{
2634
- padding-left: 24px;
2635
- padding-right: 24px;
2772
+ .py-4{
2773
+ padding-top: 12px;
2774
+ padding-bottom: 12px;
2636
2775
  }
2637
2776
  .py-5{
2638
2777
  padding-top: 16px;
2639
2778
  padding-bottom: 16px;
2640
2779
  }
2641
- .px-5{
2642
- padding-left: 16px;
2643
- padding-right: 16px;
2644
- }
2645
- .py-\[6px\]{
2646
- padding-top: 6px;
2647
- padding-bottom: 6px;
2648
- }
2649
- .px-\[1px\]{
2650
- padding-left: 1px;
2651
- padding-right: 1px;
2652
- }
2653
- .px-\[14px\]{
2654
- padding-left: 14px;
2655
- padding-right: 14px;
2780
+ .py-6{
2781
+ padding-top: 24px;
2782
+ padding-bottom: 24px;
2656
2783
  }
2657
- .px-\[20px\]{
2658
- padding-left: 20px;
2659
- padding-right: 20px;
2784
+ .py-7{
2785
+ padding-top: 32px;
2786
+ padding-bottom: 32px;
2660
2787
  }
2661
- .px-4{
2662
- padding-left: 12px;
2663
- padding-right: 12px;
2788
+ .py-\[10px\]{
2789
+ padding-top: 10px;
2790
+ padding-bottom: 10px;
2664
2791
  }
2665
2792
  .py-\[14px\]{
2666
2793
  padding-top: 14px;
2667
2794
  padding-bottom: 14px;
2668
2795
  }
2669
- .px-1{
2670
- padding-left: 2px;
2671
- padding-right: 2px;
2796
+ .py-\[6px\]{
2797
+ padding-top: 6px;
2798
+ padding-bottom: 6px;
2672
2799
  }
2673
- .px-\[4px\]{
2674
- padding-left: 4px;
2675
- padding-right: 4px;
2800
+ .pb-3{
2801
+ padding-bottom: 8px;
2676
2802
  }
2677
- .px-0{
2678
- padding-left: 0px;
2679
- padding-right: 0px;
2803
+ .pb-5{
2804
+ padding-bottom: 16px;
2680
2805
  }
2681
- .py-\[10px\]{
2682
- padding-top: 10px;
2683
- padding-bottom: 10px;
2806
+ .pb-6{
2807
+ padding-bottom: 24px;
2684
2808
  }
2685
- .pt-3{
2686
- padding-top: 8px;
2809
+ .pl-4{
2810
+ padding-left: 12px;
2687
2811
  }
2688
2812
  .pl-7{
2689
2813
  padding-left: 32px;
2690
2814
  }
2691
- .pr-\[64px\]{
2692
- padding-right: 64px;
2693
- }
2694
- .pb-6{
2695
- padding-bottom: 24px;
2696
- }
2697
- .pb-3{
2698
- padding-bottom: 8px;
2815
+ .pr-4{
2816
+ padding-right: 12px;
2699
2817
  }
2700
2818
  .pr-7{
2701
2819
  padding-right: 32px;
2702
2820
  }
2703
- .pr-4{
2704
- padding-right: 12px;
2821
+ .pr-\[64px\]{
2822
+ padding-right: 64px;
2705
2823
  }
2706
- .pl-4{
2707
- padding-left: 12px;
2824
+ .pt-3{
2825
+ padding-top: 8px;
2708
2826
  }
2709
2827
  .text-left{
2710
2828
  text-align: left;
@@ -2718,18 +2836,22 @@ input[type='number'].no-arrows {
2718
2836
  .align-middle{
2719
2837
  vertical-align: middle;
2720
2838
  }
2721
- .text-\[9px\]{
2722
- font-size: 9px;
2723
- }
2724
2839
  .text-\[8px\]{
2725
2840
  font-size: 8px;
2726
2841
  }
2727
- .font-semibold{
2728
- font-weight: 600;
2842
+ .text-\[9px\]{
2843
+ font-size: 9px;
2844
+ }
2845
+ .text-xs{
2846
+ font-size: 0.75rem;
2847
+ line-height: 1rem;
2729
2848
  }
2730
2849
  .font-normal{
2731
2850
  font-weight: 400;
2732
2851
  }
2852
+ .font-semibold{
2853
+ font-weight: 600;
2854
+ }
2733
2855
  .uppercase{
2734
2856
  text-transform: uppercase;
2735
2857
  }
@@ -2739,46 +2861,58 @@ input[type='number'].no-arrows {
2739
2861
  .italic{
2740
2862
  font-style: italic;
2741
2863
  }
2742
- .leading-tight{
2743
- line-height: 1.25;
2744
- }
2745
- .leading-none{
2746
- line-height: 1;
2864
+ .leading-\[0px\]{
2865
+ line-height: 0px;
2747
2866
  }
2748
2867
  .leading-\[18px\]{
2749
2868
  line-height: 18px;
2750
2869
  }
2751
- .leading-\[0px\]{
2752
- line-height: 0px;
2870
+ .leading-none{
2871
+ line-height: 1;
2753
2872
  }
2754
- .text-white{
2755
- color: white;
2756
- color: var(--aquarium-colors-white);
2873
+ .leading-tight{
2874
+ line-height: 1.25;
2757
2875
  }
2758
2876
  .text-black{
2759
2877
  color: black;
2760
2878
  color: var(--aquarium-colors-black);
2761
2879
  }
2762
- .text-transparent{
2763
- color: transparent;
2764
- color: var(--aquarium-colors-transparent);
2765
- }
2766
2880
  .text-current{
2767
2881
  color: currentColor;
2768
2882
  color: var(--aquarium-colors-current);
2769
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
+ }
2770
2904
  .text-error-0{
2771
2905
  color: rgba(254,242,241,1);
2772
2906
  color: var(--aquarium-colors-error-0);
2773
2907
  }
2774
- .text-error-5{
2775
- color: rgba(254,232,231,1);
2776
- color: var(--aquarium-colors-error-5);
2777
- }
2778
2908
  .text-error-10{
2779
2909
  color: rgba(255,203,210,1);
2780
2910
  color: var(--aquarium-colors-error-10);
2781
2911
  }
2912
+ .text-error-100{
2913
+ color: rgba(170,0,0,1);
2914
+ color: var(--aquarium-colors-error-100);
2915
+ }
2782
2916
  .text-error-20{
2783
2917
  color: rgba(255,173,179,1);
2784
2918
  color: var(--aquarium-colors-error-20);
@@ -2791,6 +2925,10 @@ input[type='number'].no-arrows {
2791
2925
  color: rgba(224,80,79,1);
2792
2926
  color: var(--aquarium-colors-error-40);
2793
2927
  }
2928
+ .text-error-5{
2929
+ color: rgba(254,232,231,1);
2930
+ color: var(--aquarium-colors-error-5);
2931
+ }
2794
2932
  .text-error-50{
2795
2933
  color: rgba(230,39,40,1);
2796
2934
  color: var(--aquarium-colors-error-50);
@@ -2811,118 +2949,70 @@ input[type='number'].no-arrows {
2811
2949
  color: rgba(185,0,0,1);
2812
2950
  color: var(--aquarium-colors-error-90);
2813
2951
  }
2814
- .text-error-100{
2815
- color: rgba(170,0,0,1);
2816
- color: var(--aquarium-colors-error-100);
2952
+ .text-grey-0{
2953
+ color: rgba(247,247,250,1);
2954
+ color: var(--aquarium-colors-grey-0);
2817
2955
  }
2818
- .text-warning-0{
2819
- color: rgba(255,253,249,1);
2820
- color: var(--aquarium-colors-warning-0);
2956
+ .text-grey-10{
2957
+ color: rgba(225,225,227,1);
2958
+ color: var(--aquarium-colors-grey-10);
2821
2959
  }
2822
- .text-warning-5{
2823
- color: rgba(255,248,234,1);
2824
- color: var(--aquarium-colors-warning-5);
2960
+ .text-grey-100{
2961
+ color: rgba(25,25,29,1);
2962
+ color: var(--aquarium-colors-grey-100);
2825
2963
  }
2826
- .text-warning-10{
2827
- color: rgba(255,242,205,1);
2828
- color: var(--aquarium-colors-warning-10);
2964
+ .text-grey-20{
2965
+ color: rgba(210,210,214,1);
2966
+ color: var(--aquarium-colors-grey-20);
2829
2967
  }
2830
- .text-warning-20{
2831
- color: rgba(254,235,178,1);
2832
- color: var(--aquarium-colors-warning-20);
2968
+ .text-grey-30{
2969
+ color: rgba(180,180,187,1);
2970
+ color: var(--aquarium-colors-grey-30);
2833
2971
  }
2834
- .text-warning-30{
2835
- color: rgba(253,223,129,1);
2836
- color: var(--aquarium-colors-warning-30);
2972
+ .text-grey-40{
2973
+ color: rgba(150,150,160,1);
2974
+ color: var(--aquarium-colors-grey-40);
2837
2975
  }
2838
- .text-warning-40{
2839
- color: rgba(253,212,77,1);
2840
- color: var(--aquarium-colors-warning-40);
2976
+ .text-grey-5{
2977
+ color: rgba(237,237,240,1);
2978
+ color: var(--aquarium-colors-grey-5);
2841
2979
  }
2842
- .text-warning-50{
2843
- color: rgba(253,201,38,1);
2844
- color: var(--aquarium-colors-warning-50);
2980
+ .text-grey-50{
2981
+ color: rgba(120,120,133,1);
2982
+ color: var(--aquarium-colors-grey-50);
2845
2983
  }
2846
- .text-warning-60{
2847
- color: rgba(255,193,7,1);
2848
- color: var(--aquarium-colors-warning-60);
2984
+ .text-grey-60{
2985
+ color: rgba(90,91,106,1);
2986
+ color: var(--aquarium-colors-grey-60);
2849
2987
  }
2850
- .text-warning-70{
2851
- color: rgba(255,179,0,1);
2852
- color: var(--aquarium-colors-warning-70);
2988
+ .text-grey-70{
2989
+ color: rgba(74,75,87,1);
2990
+ color: var(--aquarium-colors-grey-70);
2853
2991
  }
2854
- .text-warning-80{
2855
- color: rgba(253,159,0,1);
2856
- color: var(--aquarium-colors-warning-80);
2992
+ .text-grey-80{
2993
+ color: rgba(58,58,68,1);
2994
+ color: var(--aquarium-colors-grey-80);
2857
2995
  }
2858
- .text-warning-90{
2859
- color: rgba(255,144,3,1);
2860
- color: var(--aquarium-colors-warning-90);
2996
+ .text-grey-90{
2997
+ color: rgba(41,42,49,1);
2998
+ color: var(--aquarium-colors-grey-90);
2861
2999
  }
2862
- .text-warning-100{
2863
- color: rgba(254,109,0,1);
2864
- color: var(--aquarium-colors-warning-100);
2865
- }
2866
- .text-success-0{
2867
- color: rgba(245,250,245,1);
2868
- color: var(--aquarium-colors-success-0);
2869
- }
2870
- .text-success-5{
2871
- color: rgba(236,247,237,1);
2872
- color: var(--aquarium-colors-success-5);
2873
- }
2874
- .text-success-10{
2875
- color: rgba(203,255,201,1);
2876
- color: var(--aquarium-colors-success-10);
2877
- }
2878
- .text-success-20{
2879
- color: rgba(175,255,167,1);
2880
- color: var(--aquarium-colors-success-20);
2881
- }
2882
- .text-success-30{
2883
- color: rgba(137,235,128,1);
2884
- color: var(--aquarium-colors-success-30);
2885
- }
2886
- .text-success-40{
2887
- color: rgba(96,219,87,1);
2888
- color: var(--aquarium-colors-success-40);
2889
- }
2890
- .text-success-50{
2891
- color: rgba(64,206,55,1);
2892
- color: var(--aquarium-colors-success-50);
2893
- }
2894
- .text-success-60{
2895
- color: rgba(0,195,0,1);
2896
- color: var(--aquarium-colors-success-60);
2897
- }
2898
- .text-success-70{
2899
- color: rgba(0,179,0,1);
2900
- color: var(--aquarium-colors-success-70);
2901
- }
2902
- .text-success-80{
2903
- color: rgba(0,159,0,1);
2904
- color: var(--aquarium-colors-success-80);
2905
- }
2906
- .text-success-90{
2907
- color: rgba(0,142,0,1);
2908
- color: var(--aquarium-colors-success-90);
2909
- }
2910
- .text-success-100{
2911
- color: rgba(0,111,0,1);
2912
- color: var(--aquarium-colors-success-100);
3000
+ .text-inactive{
3001
+ color: rgba(150,150,160,1);
3002
+ color: var(--aquarium-text-color-inactive);
2913
3003
  }
2914
3004
  .text-info-0{
2915
3005
  color: rgba(249,253,255,1);
2916
3006
  color: var(--aquarium-colors-info-0);
2917
3007
  }
2918
- .text-info-5{
2919
- color: rgba(239,250,255,1);
2920
- color: var(--aquarium-colors-info-5);
2921
- }
2922
3008
  .text-info-10{
2923
3009
  color: rgba(224,245,254,1);
2924
3010
  color: var(--aquarium-colors-info-10);
2925
3011
  }
3012
+ .text-info-100{
3013
+ color: rgba(2,86,154,1);
3014
+ color: var(--aquarium-colors-info-100);
3015
+ }
2926
3016
  .text-info-20{
2927
3017
  color: rgba(180,229,251,1);
2928
3018
  color: var(--aquarium-colors-info-20);
@@ -2935,6 +3025,10 @@ input[type='number'].no-arrows {
2935
3025
  color: rgba(76,194,247,1);
2936
3026
  color: var(--aquarium-colors-info-40);
2937
3027
  }
3028
+ .text-info-5{
3029
+ color: rgba(239,250,255,1);
3030
+ color: var(--aquarium-colors-info-5);
3031
+ }
2938
3032
  .text-info-50{
2939
3033
  color: rgba(40,180,244,1);
2940
3034
  color: var(--aquarium-colors-info-50);
@@ -2955,118 +3049,46 @@ input[type='number'].no-arrows {
2955
3049
  color: rgba(1,116,186,1);
2956
3050
  color: var(--aquarium-colors-info-90);
2957
3051
  }
2958
- .text-info-100{
2959
- color: rgba(2,86,154,1);
2960
- color: var(--aquarium-colors-info-100);
2961
- }
2962
- .text-grey-0{
2963
- color: rgba(247,247,250,1);
2964
- color: var(--aquarium-colors-grey-0);
2965
- }
2966
- .text-grey-5{
2967
- color: rgba(237,237,240,1);
2968
- color: var(--aquarium-colors-grey-5);
2969
- }
2970
- .text-grey-10{
2971
- color: rgba(225,225,227,1);
2972
- color: var(--aquarium-colors-grey-10);
2973
- }
2974
- .text-grey-20{
2975
- color: rgba(210,210,214,1);
2976
- color: var(--aquarium-colors-grey-20);
2977
- }
2978
- .text-grey-30{
2979
- color: rgba(180,180,187,1);
2980
- color: var(--aquarium-colors-grey-30);
2981
- }
2982
- .text-grey-40{
2983
- color: rgba(150,150,160,1);
2984
- color: var(--aquarium-colors-grey-40);
2985
- }
2986
- .text-grey-50{
2987
- color: rgba(120,120,133,1);
2988
- 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);
2989
3055
  }
2990
- .text-grey-60{
2991
- color: rgba(90,91,106,1);
2992
- 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);
2993
3059
  }
2994
- .text-grey-70{
2995
- color: rgba(74,75,87,1);
2996
- 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);
2997
3063
  }
2998
- .text-grey-80{
2999
- color: rgba(58,58,68,1);
3000
- 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);
3001
3067
  }
3002
- .text-grey-90{
3068
+ .text-intense{
3003
3069
  color: rgba(41,42,49,1);
3004
- color: var(--aquarium-colors-grey-90);
3005
- }
3006
- .text-grey-100{
3007
- color: rgba(25,25,29,1);
3008
- color: var(--aquarium-colors-grey-100);
3009
- }
3010
- .text-secondary-0{
3011
- color: rgba(255,251,248,1);
3012
- color: var(--aquarium-colors-secondary-0);
3013
- }
3014
- .text-secondary-5{
3015
- color: rgba(255,243,232,1);
3016
- color: var(--aquarium-colors-secondary-5);
3017
- }
3018
- .text-secondary-10{
3019
- color: rgba(254,232,208,1);
3020
- color: var(--aquarium-colors-secondary-10);
3021
- }
3022
- .text-secondary-20{
3023
- color: rgba(248,201,156,1);
3024
- color: var(--aquarium-colors-secondary-20);
3025
- }
3026
- .text-secondary-30{
3027
- color: rgba(250,178,110,1);
3028
- color: var(--aquarium-colors-secondary-30);
3029
- }
3030
- .text-secondary-40{
3031
- color: rgba(251,154,62,1);
3032
- color: var(--aquarium-colors-secondary-40);
3033
- }
3034
- .text-secondary-50{
3035
- color: rgba(252,135,26,1);
3036
- color: var(--aquarium-colors-secondary-50);
3037
- }
3038
- .text-secondary-60{
3039
- color: rgba(255,119,0,1);
3040
- color: var(--aquarium-colors-secondary-60);
3041
- }
3042
- .text-secondary-70{
3043
- color: rgba(249,106,2,1);
3044
- color: var(--aquarium-colors-secondary-70);
3045
- }
3046
- .text-secondary-80{
3047
- color: rgba(243,88,13,1);
3048
- color: var(--aquarium-colors-secondary-80);
3070
+ color: var(--aquarium-text-color-intense);
3049
3071
  }
3050
- .text-secondary-90{
3051
- color: rgba(235,70,16,1);
3052
- color: var(--aquarium-colors-secondary-90);
3072
+ .text-muted{
3073
+ color: rgba(120,120,133,1);
3074
+ color: var(--aquarium-text-color-muted);
3053
3075
  }
3054
- .text-secondary-100{
3055
- color: rgba(225,29,22,1);
3056
- color: var(--aquarium-colors-secondary-100);
3076
+ .text-opposite-default{
3077
+ color: white;
3078
+ color: var(--aquarium-text-color-opposite-default);
3057
3079
  }
3058
3080
  .text-primary-0{
3059
3081
  color: rgba(255,255,255,1);
3060
3082
  color: var(--aquarium-colors-primary-0);
3061
3083
  }
3062
- .text-primary-5{
3063
- color: rgba(243,246,255,1);
3064
- color: var(--aquarium-colors-primary-5);
3065
- }
3066
3084
  .text-primary-10{
3067
3085
  color: rgba(227,233,255,1);
3068
3086
  color: var(--aquarium-colors-primary-10);
3069
3087
  }
3088
+ .text-primary-100{
3089
+ color: rgba(14,22,82,1);
3090
+ color: var(--aquarium-colors-primary-100);
3091
+ }
3070
3092
  .text-primary-20{
3071
3093
  color: rgba(213,221,250,1);
3072
3094
  color: var(--aquarium-colors-primary-20);
@@ -3079,6 +3101,10 @@ input[type='number'].no-arrows {
3079
3101
  color: rgba(185,197,239,1);
3080
3102
  color: var(--aquarium-colors-primary-40);
3081
3103
  }
3104
+ .text-primary-5{
3105
+ color: rgba(243,246,255,1);
3106
+ color: var(--aquarium-colors-primary-5);
3107
+ }
3082
3108
  .text-primary-50{
3083
3109
  color: rgba(157,170,238,1);
3084
3110
  color: var(--aquarium-colors-primary-50);
@@ -3099,113 +3125,209 @@ input[type='number'].no-arrows {
3099
3125
  color: rgba(34,47,149,1);
3100
3126
  color: var(--aquarium-colors-primary-90);
3101
3127
  }
3102
- .text-primary-100{
3103
- color: rgba(14,22,82,1);
3104
- color: var(--aquarium-colors-primary-100);
3105
- }
3106
- .text-inactive{
3107
- color: rgba(150,150,160,1);
3108
- color: var(--aquarium-text-color-inactive);
3109
- }
3110
- .text-muted{
3111
- color: rgba(120,120,133,1);
3112
- color: var(--aquarium-text-color-muted);
3113
- }
3114
- .text-default{
3115
- color: rgba(74,75,87,1);
3116
- color: var(--aquarium-text-color-default);
3117
- }
3118
- .text-intense{
3119
- color: rgba(41,42,49,1);
3120
- color: var(--aquarium-text-color-intense);
3121
- }
3122
- .text-opposite-default{
3123
- color: white;
3124
- color: var(--aquarium-text-color-opposite-default);
3125
- }
3126
- .text-primary-inactive{
3127
- color: rgba(185,197,239,1);
3128
- color: var(--aquarium-text-color-primary-inactive);
3129
- }
3130
3128
  .text-primary-active{
3131
3129
  color: rgba(34,47,149,1);
3132
3130
  color: var(--aquarium-text-color-primary-active);
3133
3131
  }
3134
- .text-primary-muted{
3135
- color: rgba(129,142,236,1);
3136
- color: var(--aquarium-text-color-primary-muted);
3137
- }
3138
3132
  .text-primary-default{
3139
3133
  color: rgba(88,101,205,1);
3140
3134
  color: var(--aquarium-text-color-primary-default);
3141
3135
  }
3136
+ .text-primary-inactive{
3137
+ color: rgba(185,197,239,1);
3138
+ color: var(--aquarium-text-color-primary-inactive);
3139
+ }
3142
3140
  .text-primary-intense{
3143
3141
  color: rgba(53,69,190,1);
3144
3142
  color: var(--aquarium-text-color-primary-intense);
3145
3143
  }
3146
- .text-info-inactive{
3147
- color: rgba(180,229,251,1);
3148
- 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);
3149
3147
  }
3150
- .text-info-muted{
3151
- color: rgba(76,194,247,1);
3152
- 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);
3153
3151
  }
3154
- .text-info-default{
3155
- color: rgba(3,153,227,1);
3156
- 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);
3157
3155
  }
3158
- .text-info-intense{
3159
- color: rgba(1,116,186,1);
3160
- 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);
3161
3159
  }
3162
- .text-success-inactive{
3163
- color: rgba(203,255,201,1);
3164
- 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);
3165
3163
  }
3166
- .text-success-muted{
3167
- color: rgba(137,235,128,1);
3168
- 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);
3169
3167
  }
3170
- .text-success-default{
3171
- 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);
3172
3246
  color: var(--aquarium-text-color-success-default);
3173
3247
  }
3248
+ .text-success-inactive{
3249
+ color: rgba(203,255,201,1);
3250
+ color: var(--aquarium-text-color-success-inactive);
3251
+ }
3174
3252
  .text-success-intense{
3175
3253
  color: rgba(0,142,0,1);
3176
3254
  color: var(--aquarium-text-color-success-intense);
3177
3255
  }
3178
- .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{
3179
3277
  color: rgba(254,235,178,1);
3180
- color: var(--aquarium-text-color-warning-inactive);
3278
+ color: var(--aquarium-colors-warning-20);
3181
3279
  }
3182
- .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{
3183
3285
  color: rgba(253,212,77,1);
3184
- 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);
3185
3311
  }
3186
3312
  .text-warning-default{
3187
3313
  color: rgba(253,159,0,1);
3188
3314
  color: var(--aquarium-text-color-warning-default);
3189
3315
  }
3316
+ .text-warning-inactive{
3317
+ color: rgba(254,235,178,1);
3318
+ color: var(--aquarium-text-color-warning-inactive);
3319
+ }
3190
3320
  .text-warning-intense{
3191
3321
  color: rgba(254,109,0,1);
3192
3322
  color: var(--aquarium-text-color-warning-intense);
3193
3323
  }
3194
- .text-danger-inactive{
3195
- color: rgba(255,203,210,1);
3196
- color: var(--aquarium-text-color-danger-inactive);
3197
- }
3198
- .text-danger-muted{
3199
- color: rgba(255,173,179,1);
3200
- color: var(--aquarium-text-color-danger-muted);
3201
- }
3202
- .text-danger-default{
3203
- color: rgba(230,39,40,1);
3204
- 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);
3205
3327
  }
3206
- .text-danger-intense{
3207
- color: rgba(197,0,1,1);
3208
- color: var(--aquarium-text-color-danger-intense);
3328
+ .text-white{
3329
+ color: white;
3330
+ color: var(--aquarium-colors-white);
3209
3331
  }
3210
3332
  .underline{
3211
3333
  -webkit-text-decoration-line: underline;
@@ -3215,20 +3337,24 @@ input[type='number'].no-arrows {
3215
3337
  -webkit-text-decoration-line: none;
3216
3338
  text-decoration-line: none;
3217
3339
  }
3218
- .opacity-50{
3219
- opacity: 0.5;
3340
+ .caret-transparent{
3341
+ caret-color: transparent;
3342
+ caret-color: var(--aquarium-colors-transparent);
3220
3343
  }
3221
- .opacity-70{
3222
- opacity: 0.7;
3344
+ .opacity-0{
3345
+ opacity: 0;
3346
+ }
3347
+ .opacity-100{
3348
+ opacity: 1;
3223
3349
  }
3224
3350
  .opacity-40{
3225
3351
  opacity: 0.4;
3226
3352
  }
3227
- .opacity-100{
3228
- opacity: 1;
3353
+ .opacity-50{
3354
+ opacity: 0.5;
3229
3355
  }
3230
- .opacity-0{
3231
- opacity: 0;
3356
+ .opacity-70{
3357
+ opacity: 0.7;
3232
3358
  }
3233
3359
  .shadow-16dp{
3234
3360
  --tw-shadow: var(--aquarium-box-shadow-16dp);
@@ -3246,21 +3372,37 @@ input[type='number'].no-arrows {
3246
3372
  outline: 2px solid transparent;
3247
3373
  outline-offset: 2px;
3248
3374
  }
3249
- .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{
3250
3392
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3251
- --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);
3252
3394
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3253
3395
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3254
3396
  }
3255
- .ring-1{
3397
+ .ring-0{
3256
3398
  --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(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);
3258
3400
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3259
3401
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3260
3402
  }
3261
- .ring{
3403
+ .ring-1{
3262
3404
  --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(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);
3264
3406
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3265
3407
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3266
3408
  }
@@ -3284,11 +3426,6 @@ input[type='number'].no-arrows {
3284
3426
  .filter{
3285
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);
3286
3428
  }
3287
- .transition-all{
3288
- transition-property: all;
3289
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3290
- transition-duration: 150ms;
3291
- }
3292
3429
  .transition{
3293
3430
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3294
3431
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -3296,6 +3433,11 @@ input[type='number'].no-arrows {
3296
3433
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3297
3434
  transition-duration: 150ms;
3298
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
+ }
3299
3441
  .transition-colors{
3300
3442
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
3301
3443
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -3314,51 +3456,15 @@ input[type='number'].no-arrows {
3314
3456
  .delay-300{
3315
3457
  transition-delay: 300ms;
3316
3458
  }
3317
- .duration-300{
3318
- transition-duration: 300ms;
3319
- }
3320
3459
  .duration-200{
3321
3460
  transition-duration: 200ms;
3322
3461
  }
3462
+ .duration-300{
3463
+ transition-duration: 300ms;
3464
+ }
3323
3465
  .ease-in-out{
3324
3466
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3325
3467
  }
3326
- .line-clamp-1{
3327
- overflow: hidden;
3328
- display: -webkit-box;
3329
- -webkit-box-orient: vertical;
3330
- -webkit-line-clamp: 1;
3331
- }
3332
- .line-clamp-2{
3333
- overflow: hidden;
3334
- display: -webkit-box;
3335
- -webkit-box-orient: vertical;
3336
- -webkit-line-clamp: 2;
3337
- }
3338
- .line-clamp-3{
3339
- overflow: hidden;
3340
- display: -webkit-box;
3341
- -webkit-box-orient: vertical;
3342
- -webkit-line-clamp: 3;
3343
- }
3344
- .line-clamp-4{
3345
- overflow: hidden;
3346
- display: -webkit-box;
3347
- -webkit-box-orient: vertical;
3348
- -webkit-line-clamp: 4;
3349
- }
3350
- .line-clamp-5{
3351
- overflow: hidden;
3352
- display: -webkit-box;
3353
- -webkit-box-orient: vertical;
3354
- -webkit-line-clamp: 5;
3355
- }
3356
- .line-clamp-6{
3357
- overflow: hidden;
3358
- display: -webkit-box;
3359
- -webkit-box-orient: vertical;
3360
- -webkit-line-clamp: 6;
3361
- }
3362
3468
  .scrollbar-hide{
3363
3469
  -ms-overflow-style: none;
3364
3470
  scrollbar-width: none;
@@ -3590,363 +3696,729 @@ input[type='number'].no-arrows {
3590
3696
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3591
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);
3592
3698
  }
3593
- .hover\:cursor-pointer:hover{
3594
- cursor: pointer;
3699
+ .active\:bg-body:active{
3700
+ background-color: white;
3701
+ background-color: var(--aquarium-background-color-body);
3595
3702
  }
3596
- .hover\:border-intense:hover{
3597
- border-color: rgba(120,120,133,1);
3598
- border-color: var(--aquarium-border-color-intense);
3599
- }
3600
- .hover\:bg-primary-hover:hover{
3703
+ .active\:bg-primary-active:active{
3601
3704
  background-color: rgba(243,246,255,1);
3602
- background-color: var(--aquarium-background-color-primary-hover);
3705
+ background-color: var(--aquarium-background-color-primary-active);
3603
3706
  }
3604
- .hover\:bg-muted:hover{
3605
- background-color: rgba(247,247,250,1);
3606
- 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);
3607
3754
  }
3608
- .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]{
3609
3829
  background-color: rgba(237,237,240,1);
3610
3830
  background-color: var(--aquarium-background-color-default);
3611
3831
  }
3612
- .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]{
3613
3837
  background-color: rgba(210,210,214,1);
3614
3838
  background-color: var(--aquarium-background-color-intense);
3615
3839
  }
3616
- .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]{
3617
3849
  background-color: rgba(34,47,149,1);
3618
3850
  background-color: var(--aquarium-background-color-primary-intense);
3619
3851
  }
3620
- .hover\:bg-icon-button-hover:hover{
3621
- background-color: rgba(25,25,29,.05);
3622
- 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;
3623
3881
  }
3624
- .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{
3625
3887
  background-color: rgba(255,203,210,1);
3626
3888
  background-color: var(--aquarium-background-color-danger-muted);
3627
3889
  }
3628
- .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{
3629
3919
  color: rgba(34,47,149,1);
3630
3920
  color: var(--aquarium-text-color-primary-active);
3631
3921
  }
3632
- .hover\:text-primary-default:hover{
3922
+ .hover\:text-primary-default:where(:not([data-rac])):hover{
3633
3923
  color: rgba(88,101,205,1);
3634
3924
  color: var(--aquarium-text-color-primary-default);
3635
3925
  }
3636
- .hover\:text-primary-intense:hover{
3926
+ .hover\:text-primary-intense:where(:not([data-rac])):hover{
3637
3927
  color: rgba(53,69,190,1);
3638
3928
  color: var(--aquarium-text-color-primary-intense);
3639
3929
  }
3640
- .hover\:text-intense:hover{
3641
- color: rgba(41,42,49,1);
3642
- 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);
3643
4072
  }
3644
- .hover\:underline:hover{
3645
- -webkit-text-decoration-line: underline;
3646
- 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);
3647
4076
  }
3648
- .hover\:ring-primary-default:hover{
3649
- --tw-ring-color: var(--aquarium-border-color-primary-default);
4077
+ .focus-visible\:relative:where([data-rac])[data-focus-visible]{
4078
+ position: relative;
3650
4079
  }
3651
- .hover\:checked\:bg-primary-intense:checked:hover{
3652
- background-color: rgba(34,47,149,1);
3653
- background-color: var(--aquarium-background-color-primary-intense);
4080
+ .focus-visible\:z-50:where([data-rac])[data-focus-visible]{
4081
+ z-index: 50;
3654
4082
  }
3655
- .focus\:border-info-default:focus{
4083
+ .focus-visible\:border-info-default:where([data-rac])[data-focus-visible]{
3656
4084
  border-color: rgba(3,153,227,1);
3657
4085
  border-color: var(--aquarium-border-color-info-default);
3658
4086
  }
3659
- .focus\:border-transparent:focus{
3660
- border-color: transparent;
3661
- 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);
3662
4090
  }
3663
- .focus\:bg-danger-default:focus{
3664
- background-color: rgba(255,173,179,1);
3665
- 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);
3666
4094
  }
3667
- .focus\:bg-intense:focus{
3668
- background-color: rgba(210,210,214,1);
3669
- 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);
3670
4098
  }
3671
- .focus\:text-primary-intense:focus{
4099
+ .focus-visible\:text-primary-intense:where([data-rac])[data-focus-visible]{
3672
4100
  color: rgba(53,69,190,1);
3673
4101
  color: var(--aquarium-text-color-primary-intense);
3674
4102
  }
3675
- .focus\:outline-none:focus{
4103
+ .focus-visible\:outline-none:where([data-rac])[data-focus-visible]{
3676
4104
  outline: 2px solid transparent;
3677
4105
  outline-offset: 2px;
3678
4106
  }
3679
- .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]{
3680
4111
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3681
- --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);
3682
4119
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3683
4120
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3684
4121
  }
3685
- .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{
3686
4138
  position: relative;
3687
4139
  }
3688
- .focus-visible\:relative:focus-visible{
4140
+ .focus-visible\:relative:where(:not([data-rac])):focus-visible{
3689
4141
  position: relative;
3690
4142
  }
3691
- .focus-visible\:z-50.focus-visible{
4143
+ .focus-visible\:z-50:where(:not([data-rac])).focus-visible{
3692
4144
  z-index: 50;
3693
4145
  }
3694
- .focus-visible\:z-50:focus-visible{
4146
+ .focus-visible\:z-50:where(:not([data-rac])):focus-visible{
3695
4147
  z-index: 50;
3696
4148
  }
3697
- .focus-visible\:border-info-default.focus-visible{
4149
+ .focus-visible\:border-info-default:where(:not([data-rac])).focus-visible{
3698
4150
  border-color: rgba(3,153,227,1);
3699
4151
  border-color: var(--aquarium-border-color-info-default);
3700
4152
  }
3701
- .focus-visible\:border-info-default:focus-visible{
4153
+ .focus-visible\:border-info-default:where(:not([data-rac])):focus-visible{
3702
4154
  border-color: rgba(3,153,227,1);
3703
4155
  border-color: var(--aquarium-border-color-info-default);
3704
4156
  }
3705
- .focus-visible\:bg-muted.focus-visible{
4157
+ .focus-visible\:bg-muted:where(:not([data-rac])).focus-visible{
3706
4158
  background-color: rgba(247,247,250,1);
3707
4159
  background-color: var(--aquarium-background-color-muted);
3708
4160
  }
3709
- .focus-visible\:bg-muted:focus-visible{
4161
+ .focus-visible\:bg-muted:where(:not([data-rac])):focus-visible{
3710
4162
  background-color: rgba(247,247,250,1);
3711
4163
  background-color: var(--aquarium-background-color-muted);
3712
4164
  }
3713
- .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{
3714
4174
  color: rgba(34,47,149,1);
3715
4175
  color: var(--aquarium-text-color-primary-active);
3716
4176
  }
3717
- .focus-visible\:text-primary-active:focus-visible{
4177
+ .focus-visible\:text-primary-active:where(:not([data-rac])):focus-visible{
3718
4178
  color: rgba(34,47,149,1);
3719
4179
  color: var(--aquarium-text-color-primary-active);
3720
4180
  }
3721
- .focus-visible\:text-primary-intense.focus-visible{
4181
+ .focus-visible\:text-primary-intense:where(:not([data-rac])).focus-visible{
3722
4182
  color: rgba(53,69,190,1);
3723
4183
  color: var(--aquarium-text-color-primary-intense);
3724
4184
  }
3725
- .focus-visible\:text-primary-intense:focus-visible{
4185
+ .focus-visible\:text-primary-intense:where(:not([data-rac])):focus-visible{
3726
4186
  color: rgba(53,69,190,1);
3727
4187
  color: var(--aquarium-text-color-primary-intense);
3728
4188
  }
3729
- .focus-visible\:text-intense.focus-visible{
3730
- color: rgba(41,42,49,1);
3731
- color: var(--aquarium-text-color-intense);
3732
- }
3733
- .focus-visible\:text-intense:focus-visible{
3734
- color: rgba(41,42,49,1);
3735
- color: var(--aquarium-text-color-intense);
3736
- }
3737
- .focus-visible\:outline-none.focus-visible{
4189
+ .focus-visible\:outline-none:where(:not([data-rac])).focus-visible{
3738
4190
  outline: 2px solid transparent;
3739
4191
  outline-offset: 2px;
3740
4192
  }
3741
- .focus-visible\:outline-none:focus-visible{
4193
+ .focus-visible\:outline-none:where(:not([data-rac])):focus-visible{
3742
4194
  outline: 2px solid transparent;
3743
4195
  outline-offset: 2px;
3744
4196
  }
3745
- .focus-visible\:outline-0.focus-visible{
4197
+ .focus-visible\:outline-0:where(:not([data-rac])).focus-visible{
3746
4198
  outline-width: 0px;
3747
4199
  }
3748
- .focus-visible\:outline-0:focus-visible{
4200
+ .focus-visible\:outline-0:where(:not([data-rac])):focus-visible{
3749
4201
  outline-width: 0px;
3750
4202
  }
3751
- .focus-visible\:ring-2.focus-visible{
4203
+ .focus-visible\:ring-1:where(:not([data-rac])).focus-visible{
3752
4204
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3753
- --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);
3754
4206
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3755
4207
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3756
4208
  }
3757
- .focus-visible\:ring-2:focus-visible{
4209
+ .focus-visible\:ring-1:where(:not([data-rac])):focus-visible{
3758
4210
  --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);
4211
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3760
4212
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3761
4213
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3762
4214
  }
3763
- .focus-visible\:ring-1.focus-visible{
4215
+ .focus-visible\:ring-2:where(:not([data-rac])).focus-visible{
3764
4216
  --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(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);
3766
4218
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3767
4219
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3768
4220
  }
3769
- .focus-visible\:ring-1:focus-visible{
4221
+ .focus-visible\:ring-2:where(:not([data-rac])):focus-visible{
3770
4222
  --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);
4223
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3772
4224
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3773
4225
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
3774
4226
  }
3775
- .focus-visible\:ring-inset.focus-visible{
4227
+ .focus-visible\:ring-inset:where(:not([data-rac])).focus-visible{
3776
4228
  --tw-ring-inset: inset;
3777
4229
  }
3778
- .focus-visible\:ring-inset:focus-visible{
4230
+ .focus-visible\:ring-inset:where(:not([data-rac])):focus-visible{
3779
4231
  --tw-ring-inset: inset;
3780
4232
  }
3781
- .focus-visible\:ring-primary-intense.focus-visible{
3782
- --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);
3783
4235
  }
3784
- .focus-visible\:ring-primary-intense:focus-visible{
3785
- --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);
3786
4238
  }
3787
- .focus-visible\:ring-primary-default.focus-visible{
4239
+ .focus-visible\:ring-primary-default:where(:not([data-rac])).focus-visible{
3788
4240
  --tw-ring-color: var(--aquarium-border-color-primary-default);
3789
4241
  }
3790
- .focus-visible\:ring-primary-default:focus-visible{
4242
+ .focus-visible\:ring-primary-default:where(:not([data-rac])):focus-visible{
3791
4243
  --tw-ring-color: var(--aquarium-border-color-primary-default);
3792
4244
  }
3793
- .focus-visible\:ring-info-default.focus-visible{
3794
- --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);
3795
4247
  }
3796
- .focus-visible\:ring-info-default:focus-visible{
3797
- --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);
3798
4250
  }
3799
- .focus-visible\:ring-offset-0.focus-visible{
4251
+ .focus-visible\:ring-offset-0:where(:not([data-rac])).focus-visible{
3800
4252
  --tw-ring-offset-width: 0px;
3801
4253
  }
3802
- .focus-visible\:ring-offset-0:focus-visible{
4254
+ .focus-visible\:ring-offset-0:where(:not([data-rac])):focus-visible{
3803
4255
  --tw-ring-offset-width: 0px;
3804
4256
  }
3805
- .active\:bg-body:active{
3806
- background-color: white;
3807
- 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);
3808
4260
  }
3809
- .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{
3810
4266
  background-color: rgba(34,47,149,1);
3811
4267
  background-color: var(--aquarium-background-color-primary-intense);
3812
4268
  }
3813
- .active\:bg-primary-active:active{
3814
- background-color: rgba(243,246,255,1);
3815
- background-color: var(--aquarium-background-color-primary-active);
3816
- }
3817
- .active\:bg-transparent:active{
3818
- background-color: transparent;
3819
- 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);
3820
4272
  }
3821
- .active\:text-primary-active:active{
3822
- color: rgba(34,47,149,1);
3823
- 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);
3824
4276
  }
3825
- .active\:text-primary-intense:active{
3826
- color: rgba(53,69,190,1);
3827
- 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);
3828
4280
  }
3829
- .active\:text-muted:active{
3830
- color: rgba(120,120,133,1);
3831
- 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);
3832
4284
  }
3833
- .active\:text-default:active{
3834
- color: rgba(74,75,87,1);
3835
- 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);
3836
4288
  }
3837
- .active\:ring-0:active{
3838
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3839
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3840
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
3841
- 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);
3842
4294
  }
3843
- .active\:ring-primary-default:active{
3844
- --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);
3845
4300
  }
3846
- .disabled\:cursor-not-allowed:disabled{
4301
+ .disabled\:cursor-not-allowed:where([data-rac])[data-disabled]{
3847
4302
  cursor: not-allowed;
3848
4303
  }
3849
- .disabled\:border-default:disabled{
4304
+ .disabled\:border-default:where([data-rac])[data-disabled]{
3850
4305
  border-color: rgba(210,210,214,1);
3851
4306
  border-color: var(--aquarium-border-color-default);
3852
4307
  }
3853
- .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]{
3854
4313
  background-color: rgba(237,237,240,1);
3855
4314
  background-color: var(--aquarium-background-color-default);
3856
4315
  }
3857
- .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]{
3858
4321
  background-color: rgba(185,197,239,1);
3859
4322
  background-color: var(--aquarium-background-color-primary-muted);
3860
4323
  }
3861
- .disabled\:bg-body:disabled{
3862
- background-color: white;
3863
- background-color: var(--aquarium-background-color-body);
3864
- }
3865
- .disabled\:bg-transparent:disabled{
4324
+ .disabled\:bg-transparent:where([data-rac])[data-disabled]{
3866
4325
  background-color: transparent;
3867
4326
  background-color: var(--aquarium-colors-transparent);
3868
4327
  }
3869
- .disabled\:bg-muted:disabled{
3870
- background-color: rgba(247,247,250,1);
3871
- background-color: var(--aquarium-background-color-muted);
3872
- }
3873
- .disabled\:text-inactive:disabled{
4328
+ .disabled\:text-inactive:where([data-rac])[data-disabled]{
3874
4329
  color: rgba(150,150,160,1);
3875
4330
  color: var(--aquarium-text-color-inactive);
3876
4331
  }
3877
- .disabled\:text-primary-inactive:disabled{
4332
+ .disabled\:text-primary-inactive:where([data-rac])[data-disabled]{
3878
4333
  color: rgba(185,197,239,1);
3879
4334
  color: var(--aquarium-text-color-primary-inactive);
3880
4335
  }
3881
- .disabled\:ring-primary-muted:disabled{
4336
+ .disabled\:ring-primary-muted:where([data-rac])[data-disabled]{
3882
4337
  --tw-ring-color: var(--aquarium-border-color-primary-muted);
3883
4338
  }
3884
- .group:last-of-type .group-last-of-type\:border-b-0{
3885
- border-bottom-width: 0px;
3886
- border-bottom-width: var(--aquarium-border-width-0);
4339
+ .disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{
4340
+ cursor: not-allowed;
3887
4341
  }
3888
- .group:hover .group-hover\:visible{
3889
- 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);
3890
4353
  }
3891
- .group:hover .group-hover\:bg-muted{
4354
+ .disabled\:bg-muted:where(:not([data-rac])):disabled{
3892
4355
  background-color: rgba(247,247,250,1);
3893
4356
  background-color: var(--aquarium-background-color-muted);
3894
4357
  }
3895
- .group:hover .group-hover\:opacity-100{
3896
- 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);
3897
4361
  }
3898
- .peer\/switch:checked~.peer-checked\/switch\:left-1{
3899
- left: 2px;
4362
+ .disabled\:bg-transparent:where(:not([data-rac])):disabled{
4363
+ background-color: transparent;
4364
+ background-color: var(--aquarium-colors-transparent);
3900
4365
  }
3901
- .peer\/switch:checked~.peer-checked\/switch\:translate-x-5{
3902
- --tw-translate-x: 16px;
3903
- 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);
3904
4369
  }
3905
- .peer:checked~.peer-checked\:border-primary-default{
3906
- border-color: rgba(53,69,190,1);
3907
- 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);
3908
4373
  }
3909
- .peer:checked~.peer-checked\:border-transparent{
3910
- border-color: transparent;
3911
- 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);
3912
4376
  }
3913
- .peer:checked~.peer-checked\:text-white{
3914
- color: white;
3915
- 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);
3916
4380
  }
3917
- .peer:checked~.peer-checked\:text-primary-default{
3918
- color: rgba(88,101,205,1);
3919
- 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);
3920
4384
  }
3921
- .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
3922
- color: rgba(129,142,236,1);
3923
- 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;
3924
4388
  }
3925
- .peer:hover~.peer-hover\:border-intense{
3926
- border-color: rgba(120,120,133,1);
3927
- border-color: var(--aquarium-border-color-intense);
4389
+ .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
4390
+ margin-left: -8px;
3928
4391
  }
3929
- .peer:focus~.peer-focus\:border-info-default{
3930
- border-color: rgba(3,153,227,1);
3931
- 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);
3932
4395
  }
3933
- .peer:checked:disabled~.peer-checked\:peer-disabled\:bg-muted{
4396
+ .\[\&\>\*\]\:hover\:bg-muted:where([data-rac])[data-hovered]>*{
3934
4397
  background-color: rgba(247,247,250,1);
3935
4398
  background-color: var(--aquarium-background-color-muted);
3936
4399
  }
3937
- .children\:inline-block>*{
3938
- 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);
3939
4403
  }
3940
- .children\:border-default>*{
3941
- border-color: rgba(210,210,214,1);
3942
- border-color: var(--aquarium-border-color-default);
4404
+ .\[\&\>button\]\:p-0>button{
4405
+ padding: 0px;
3943
4406
  }
3944
- .children\:opacity-70>*{
3945
- opacity: 0.7;
4407
+ .\[\&\>button\]\:text-danger-muted>button{
4408
+ color: rgba(255,173,179,1);
4409
+ color: var(--aquarium-text-color-danger-muted);
3946
4410
  }
3947
- .children\:last\:border-b-0:last-child>*{
3948
- border-bottom-width: 0px;
3949
- 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;
3950
4422
  }
3951
4423
  .\[\&\>path\]\:stroke-transparent>path{
3952
4424
  stroke: transparent;
@@ -3955,45 +4427,23 @@ input[type='number'].no-arrows {
3955
4427
  .\[\&\>path\]\:stroke-\[3px\]>path{
3956
4428
  stroke-width: 3px;
3957
4429
  }
3958
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
3959
- stroke: white;
3960
- stroke: var(--aquarium-colors-white);
3961
- }
3962
4430
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
3963
4431
  stroke: rgba(88,101,205,1);
3964
4432
  stroke: var(--aquarium-colors-primary-70);
3965
4433
  }
3966
- .\[\&\>\*\]\:bg-primary-active>*{
3967
- background-color: rgba(243,246,255,1);
3968
- background-color: var(--aquarium-background-color-primary-active);
3969
- }
3970
- .\[\&\>\*\]\:hover\:bg-muted:hover>*{
3971
- background-color: rgba(247,247,250,1);
3972
- background-color: var(--aquarium-background-color-muted);
3973
- }
3974
- .\[\&\>button\]\:p-0>button{
3975
- padding: 0px;
3976
- }
3977
- .\[\&\>button\]\:text-muted>button{
3978
- color: rgba(120,120,133,1);
3979
- color: var(--aquarium-text-color-muted);
3980
- }
3981
- .\[\&\>button\]\:text-danger-muted>button{
3982
- color: rgba(255,173,179,1);
3983
- 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);
3984
4437
  }
3985
- .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
3986
- margin-left: -8px;
4438
+ .\[\&_td\]\:px-0 td{
4439
+ padding-left: 0px;
4440
+ padding-right: 0px;
3987
4441
  }
3988
- .\[\&\>div\:first-child\]\:px-5>div:first-child{
4442
+ [data-placement]>.\[\[data-placement\]\>\&\]\:px-5{
3989
4443
  padding-left: 16px;
3990
4444
  padding-right: 16px;
3991
4445
  }
3992
- .\[\&\>div\:first-child\]\:px-3>div:first-child{
3993
- padding-left: 8px;
3994
- padding-right: 8px;
3995
- }
3996
- .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{
3997
- -webkit-appearance: none;
3998
- appearance: none;
4446
+ [data-placement]>.\[\[data-placement\]\>\&\]\:py-6{
4447
+ padding-top: 24px;
4448
+ padding-bottom: 24px;
3999
4449
  }