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