@aivenio/aquarium 1.38.2 → 1.40.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 (26) hide show
  1. package/README.md +2 -1
  2. package/dist/_variables.scss +1 -1
  3. package/dist/atoms.cjs +13 -566
  4. package/dist/atoms.mjs +13 -566
  5. package/dist/src/molecules/Badge/Badge.d.ts +5 -5
  6. package/dist/src/molecules/Badge/Badge.js +11 -7
  7. package/dist/src/molecules/Chip/Chip.d.ts +14 -10
  8. package/dist/src/molecules/Chip/Chip.js +7 -4
  9. package/dist/src/molecules/Combobox/Combobox.js +4 -2
  10. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
  11. package/dist/src/molecules/DropdownMenu/utils.js +6 -2
  12. package/dist/src/molecules/Grid/Grid.d.ts +1 -2
  13. package/dist/src/molecules/Grid/Grid.js +2 -1
  14. package/dist/src/molecules/Input/Input.js +3 -2
  15. package/dist/src/molecules/Toast/Toast.d.ts +1 -0
  16. package/dist/src/molecules/Toast/Toast.js +21 -6
  17. package/dist/styles.css +6 -0
  18. package/dist/system.cjs +87 -612
  19. package/dist/system.mjs +88 -614
  20. package/dist/tokens.json +0 -560
  21. package/dist/tsconfig.module.tsbuildinfo +1 -1
  22. package/dist/types/designTokens.d.ts +1 -1
  23. package/dist/types/tailwindGenerated.d.ts +1 -1
  24. package/package.json +3 -7
  25. package/dist/_variables_timescale.scss +0 -174
  26. package/dist/styles_timescaledb.css +0 -2861
package/dist/styles_timescaledb.css DELETED
@@ -1,2861 +0,0 @@
1
-
2
-
3
- @import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap';
4
- @import 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap';
5
- /*
6
- ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
7
- */
8
- /*
9
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
10
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
11
- */
12
- *,::before,::after {
13
- box-sizing: border-box; /* 1 */
14
- border-width: 0; /* 2 */
15
- border-style: solid; /* 2 */
16
- border-color: currentColor; /* 2 */
17
- }
18
- ::before,::after {
19
- --tw-content: '';
20
- }
21
- /*
22
- 1. Use a consistent sensible line-height in all browsers.
23
- 2. Prevent adjustments of font size after orientation changes in iOS.
24
- 3. Use a more readable tab size.
25
- 4. Use the user's configured `sans` font-family by default.
26
- 5. Use the user's configured `sans` font-feature-settings by default.
27
- */
28
- html {
29
- line-height: 1.5; /* 1 */
30
- -webkit-text-size-adjust: 100%; /* 2 */
31
- -moz-tab-size: 4; /* 3 */
32
- -o-tab-size: 4;
33
- tab-size: 4; /* 3 */
34
- 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 */
35
- font-feature-settings: normal; /* 5 */
36
- }
37
- /*
38
- 1. Remove the margin in all browsers.
39
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
40
- */
41
- body {
42
- margin: 0; /* 1 */
43
- line-height: inherit; /* 2 */
44
- }
45
- /*
46
- 1. Add the correct height in Firefox.
47
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
48
- 3. Ensure horizontal rules are visible by default.
49
- */
50
- hr {
51
- height: 0; /* 1 */
52
- color: inherit; /* 2 */
53
- border-top-width: 1px; /* 3 */
54
- }
55
- /*
56
- Add the correct text decoration in Chrome, Edge, and Safari.
57
- */
58
- abbr:where([title]) {
59
- -webkit-text-decoration: underline dotted;
60
- text-decoration: underline dotted;
61
- }
62
- /*
63
- Remove the default font size and weight for headings.
64
- */
65
- h1,h2,h3,h4,h5,h6 {
66
- font-size: inherit;
67
- font-weight: inherit;
68
- }
69
- /*
70
- Reset links to optimize for opt-in styling instead of opt-out.
71
- */
72
- a {
73
- color: inherit;
74
- text-decoration: inherit;
75
- }
76
- /*
77
- Add the correct font weight in Edge and Safari.
78
- */
79
- b,strong {
80
- font-weight: bolder;
81
- }
82
- /*
83
- 1. Use the user's configured `mono` font family by default.
84
- 2. Correct the odd `em` font sizing in all browsers.
85
- */
86
- code,kbd,samp,pre {
87
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
88
- font-size: 1em; /* 2 */
89
- }
90
- /*
91
- Add the correct font size in all browsers.
92
- */
93
- small {
94
- font-size: 80%;
95
- }
96
- /*
97
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
98
- */
99
- sub,sup {
100
- font-size: 75%;
101
- line-height: 0;
102
- position: relative;
103
- vertical-align: baseline;
104
- }
105
- sub {
106
- bottom: -0.25em;
107
- }
108
- sup {
109
- top: -0.5em;
110
- }
111
- /*
112
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
113
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
114
- 3. Remove gaps between table borders by default.
115
- */
116
- table {
117
- text-indent: 0; /* 1 */
118
- border-color: inherit; /* 2 */
119
- border-collapse: collapse; /* 3 */
120
- }
121
- /*
122
- 1. Change the font styles in all browsers.
123
- 2. Remove the margin in Firefox and Safari.
124
- 3. Remove default padding in all browsers.
125
- */
126
- button,input,optgroup,select,textarea {
127
- font-family: inherit; /* 1 */
128
- font-size: 100%; /* 1 */
129
- font-weight: inherit; /* 1 */
130
- line-height: inherit; /* 1 */
131
- color: inherit; /* 1 */
132
- margin: 0; /* 2 */
133
- padding: 0; /* 3 */
134
- }
135
- /*
136
- Remove the inheritance of text transform in Edge and Firefox.
137
- */
138
- button,select {
139
- text-transform: none;
140
- }
141
- /*
142
- 1. Correct the inability to style clickable types in iOS and Safari.
143
- 2. Remove default button styles.
144
- */
145
- button,[type='button'],[type='reset'],[type='submit'] {
146
- -webkit-appearance: button; /* 1 */
147
- background-color: transparent; /* 2 */
148
- background-image: none; /* 2 */
149
- }
150
- /*
151
- Use the modern Firefox focus style for all focusable elements.
152
- */
153
- :-moz-focusring {
154
- outline: auto;
155
- }
156
- /*
157
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
158
- */
159
- :-moz-ui-invalid {
160
- box-shadow: none;
161
- }
162
- /*
163
- Add the correct vertical alignment in Chrome and Firefox.
164
- */
165
- progress {
166
- vertical-align: baseline;
167
- }
168
- /*
169
- Correct the cursor style of increment and decrement buttons in Safari.
170
- */
171
- ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
172
- height: auto;
173
- }
174
- /*
175
- 1. Correct the odd appearance in Chrome and Safari.
176
- 2. Correct the outline style in Safari.
177
- */
178
- [type='search'] {
179
- -webkit-appearance: textfield; /* 1 */
180
- outline-offset: -2px; /* 2 */
181
- }
182
- /*
183
- Remove the inner padding in Chrome and Safari on macOS.
184
- */
185
- ::-webkit-search-decoration {
186
- -webkit-appearance: none;
187
- }
188
- /*
189
- 1. Correct the inability to style clickable types in iOS and Safari.
190
- 2. Change font properties to `inherit` in Safari.
191
- */
192
- ::-webkit-file-upload-button {
193
- -webkit-appearance: button; /* 1 */
194
- font: inherit; /* 2 */
195
- }
196
- /*
197
- Add the correct display in Chrome and Safari.
198
- */
199
- summary {
200
- display: list-item;
201
- }
202
- /*
203
- Removes the default spacing and border for appropriate elements.
204
- */
205
- blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
206
- margin: 0;
207
- }
208
- fieldset {
209
- margin: 0;
210
- padding: 0;
211
- }
212
- legend {
213
- padding: 0;
214
- }
215
- ol,ul,menu {
216
- list-style: none;
217
- margin: 0;
218
- padding: 0;
219
- }
220
- /*
221
- Prevent resizing textareas horizontally by default.
222
- */
223
- textarea {
224
- resize: vertical;
225
- }
226
- /*
227
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
228
- 2. Set the default placeholder color to the user's configured gray 400 color.
229
- */
230
- input::-moz-placeholder, textarea::-moz-placeholder {
231
- opacity: 1; /* 1 */
232
- color: #9ca3af; /* 2 */
233
- }
234
- input::placeholder,textarea::placeholder {
235
- opacity: 1; /* 1 */
236
- color: #9ca3af; /* 2 */
237
- }
238
- /*
239
- Set the default cursor for buttons.
240
- */
241
- button,[role="button"] {
242
- cursor: pointer;
243
- }
244
- /*
245
- Make sure disabled buttons don't get the pointer cursor.
246
- */
247
- :disabled {
248
- cursor: default;
249
- }
250
- /*
251
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
252
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
253
- This can trigger a poorly considered lint error in some tools but is included by design.
254
- */
255
- img,svg,video,canvas,audio,iframe,embed,object {
256
- display: block; /* 1 */
257
- vertical-align: middle; /* 2 */
258
- }
259
- /*
260
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
261
- */
262
- img,video {
263
- max-width: 100%;
264
- height: auto;
265
- }
266
- /* Make elements with the HTML hidden attribute stay hidden by default */
267
- [hidden] {
268
- display: none;
269
- }
270
- *,::before,::after{
271
- --tw-border-spacing-x: 0;
272
- --tw-border-spacing-y: 0;
273
- --tw-translate-x: 0;
274
- --tw-translate-y: 0;
275
- --tw-rotate: 0;
276
- --tw-skew-x: 0;
277
- --tw-skew-y: 0;
278
- --tw-scale-x: 1;
279
- --tw-scale-y: 1;
280
- --tw-pan-x: ;
281
- --tw-pan-y: ;
282
- --tw-pinch-zoom: ;
283
- --tw-scroll-snap-strictness: proximity;
284
- --tw-ordinal: ;
285
- --tw-slashed-zero: ;
286
- --tw-numeric-figure: ;
287
- --tw-numeric-spacing: ;
288
- --tw-numeric-fraction: ;
289
- --tw-ring-inset: ;
290
- --tw-ring-offset-width: 0px;
291
- --tw-ring-offset-color: #fff;
292
- --tw-ring-color: rgba(59, 130, 246, 0.5);
293
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
294
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
295
- --tw-shadow: 0 0 rgba(0,0,0,0);
296
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
297
- --tw-blur: ;
298
- --tw-brightness: ;
299
- --tw-contrast: ;
300
- --tw-grayscale: ;
301
- --tw-hue-rotate: ;
302
- --tw-invert: ;
303
- --tw-saturate: ;
304
- --tw-sepia: ;
305
- --tw-drop-shadow: ;
306
- --tw-backdrop-blur: ;
307
- --tw-backdrop-brightness: ;
308
- --tw-backdrop-contrast: ;
309
- --tw-backdrop-grayscale: ;
310
- --tw-backdrop-hue-rotate: ;
311
- --tw-backdrop-invert: ;
312
- --tw-backdrop-opacity: ;
313
- --tw-backdrop-saturate: ;
314
- --tw-backdrop-sepia: ;
315
- }
316
- ::backdrop{
317
- --tw-border-spacing-x: 0;
318
- --tw-border-spacing-y: 0;
319
- --tw-translate-x: 0;
320
- --tw-translate-y: 0;
321
- --tw-rotate: 0;
322
- --tw-skew-x: 0;
323
- --tw-skew-y: 0;
324
- --tw-scale-x: 1;
325
- --tw-scale-y: 1;
326
- --tw-pan-x: ;
327
- --tw-pan-y: ;
328
- --tw-pinch-zoom: ;
329
- --tw-scroll-snap-strictness: proximity;
330
- --tw-ordinal: ;
331
- --tw-slashed-zero: ;
332
- --tw-numeric-figure: ;
333
- --tw-numeric-spacing: ;
334
- --tw-numeric-fraction: ;
335
- --tw-ring-inset: ;
336
- --tw-ring-offset-width: 0px;
337
- --tw-ring-offset-color: #fff;
338
- --tw-ring-color: rgba(59, 130, 246, 0.5);
339
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
340
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
341
- --tw-shadow: 0 0 rgba(0,0,0,0);
342
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
343
- --tw-blur: ;
344
- --tw-brightness: ;
345
- --tw-contrast: ;
346
- --tw-grayscale: ;
347
- --tw-hue-rotate: ;
348
- --tw-invert: ;
349
- --tw-saturate: ;
350
- --tw-sepia: ;
351
- --tw-drop-shadow: ;
352
- --tw-backdrop-blur: ;
353
- --tw-backdrop-brightness: ;
354
- --tw-backdrop-contrast: ;
355
- --tw-backdrop-grayscale: ;
356
- --tw-backdrop-hue-rotate: ;
357
- --tw-backdrop-invert: ;
358
- --tw-backdrop-opacity: ;
359
- --tw-backdrop-saturate: ;
360
- --tw-backdrop-sepia: ;
361
- }
362
- /**
363
- * This file is autogenerated. Do not edit directly.
364
- */
365
- :root {
366
- --aquarium-border-radius-none: 0px;
367
- --aquarium-border-radius-sm: 0.125rem;
368
- --aquarium-border-radius-default: 4px;
369
- --aquarium-border-radius-md: 0.375rem;
370
- --aquarium-border-radius-lg: 0.5rem;
371
- --aquarium-border-radius-xl: 0.75rem;
372
- --aquarium-border-radius-2xl: 1rem;
373
- --aquarium-border-radius-3xl: 1.5rem;
374
- --aquarium-border-radius-full: 9999px;
375
- --aquarium-colors-error-100: #aa0000;
376
- --aquarium-colors-error-90: #b90000;
377
- --aquarium-colors-error-80: #c50001;
378
- --aquarium-colors-error-70: #d80005;
379
- --aquarium-colors-error-60: #e70000;
380
- --aquarium-colors-error-50: #e62728;
381
- --aquarium-colors-error-40: #e0504f;
382
- --aquarium-colors-error-30: #ed7975;
383
- --aquarium-colors-error-20: #ffadb3;
384
- --aquarium-colors-error-10: #ffcbd2;
385
- --aquarium-colors-error-5: #fee8e7;
386
- --aquarium-colors-error-0: #fef2f1;
387
- --aquarium-colors-warning-100: #fe6d00;
388
- --aquarium-colors-warning-90: #ff9003;
389
- --aquarium-colors-warning-80: #fd9f00;
390
- --aquarium-colors-warning-70: #ffb300;
391
- --aquarium-colors-warning-60: #ffc107;
392
- --aquarium-colors-warning-50: #fdc926;
393
- --aquarium-colors-warning-40: #fdd44d;
394
- --aquarium-colors-warning-30: #fddf81;
395
- --aquarium-colors-warning-20: #feebb2;
396
- --aquarium-colors-warning-10: #fff2cd;
397
- --aquarium-colors-warning-5: #fff8ea;
398
- --aquarium-colors-warning-0: #fffdf9;
399
- --aquarium-colors-success-100: #006f00;
400
- --aquarium-colors-success-90: #008e00;
401
- --aquarium-colors-success-80: #009f00;
402
- --aquarium-colors-success-70: #00b300;
403
- --aquarium-colors-success-60: #00c300;
404
- --aquarium-colors-success-50: #40ce37;
405
- --aquarium-colors-success-40: #60db57;
406
- --aquarium-colors-success-30: #89eb80;
407
- --aquarium-colors-success-20: #afffa7;
408
- --aquarium-colors-success-10: #cbffc9;
409
- --aquarium-colors-success-5: #ecf7ed;
410
- --aquarium-colors-success-0: #f5faf5;
411
- --aquarium-colors-info-100: #02569a;
412
- --aquarium-colors-info-90: #0174ba;
413
- --aquarium-colors-info-80: #0788d1;
414
- --aquarium-colors-info-70: #0399e3;
415
- --aquarium-colors-info-60: #02a8f3;
416
- --aquarium-colors-info-50: #28b4f4;
417
- --aquarium-colors-info-40: #4cc2f7;
418
- --aquarium-colors-info-30: #7fd1f7;
419
- --aquarium-colors-info-20: #b4e5fb;
420
- --aquarium-colors-info-10: #e0f5fe;
421
- --aquarium-colors-info-5: #effaff;
422
- --aquarium-colors-info-0: #f9fdff;
423
- --aquarium-colors-grey-100: #19191d;
424
- --aquarium-colors-grey-90: #292a31;
425
- --aquarium-colors-grey-80: #3a3a44;
426
- --aquarium-colors-grey-70: #4a4b57;
427
- --aquarium-colors-grey-60: #5a5b6a;
428
- --aquarium-colors-grey-50: #787885;
429
- --aquarium-colors-grey-40: #9696a0;
430
- --aquarium-colors-grey-30: #b4b4bb;
431
- --aquarium-colors-grey-20: #d2d2d6;
432
- --aquarium-colors-grey-10: #e1e1e3;
433
- --aquarium-colors-grey-5: #ededf0;
434
- --aquarium-colors-grey-0: #f7f7fa;
435
- --aquarium-colors-secondary-100: #e11d16;
436
- --aquarium-colors-secondary-90: #eb4610;
437
- --aquarium-colors-secondary-80: #f3580d;
438
- --aquarium-colors-secondary-70: #f96a02;
439
- --aquarium-colors-secondary-60: #ff7700;
440
- --aquarium-colors-secondary-50: #fc871a;
441
- --aquarium-colors-secondary-40: #fb9a3e;
442
- --aquarium-colors-secondary-30: #fab26e;
443
- --aquarium-colors-secondary-20: #f8c99c;
444
- --aquarium-colors-secondary-10: #fee8d0;
445
- --aquarium-colors-secondary-5: #fff3e8;
446
- --aquarium-colors-secondary-0: #fffbf8;
447
- --aquarium-colors-primary-100: #0e1652;
448
- --aquarium-colors-primary-90: #222f95;
449
- --aquarium-colors-primary-80: #3545be;
450
- --aquarium-colors-primary-70: #5865cd;
451
- --aquarium-colors-primary-60: #818eec;
452
- --aquarium-colors-primary-50: #9daaee;
453
- --aquarium-colors-primary-40: #b9c5ef;
454
- --aquarium-colors-primary-30: #c7d1f4;
455
- --aquarium-colors-primary-20: #d5ddfa;
456
- --aquarium-colors-primary-10: #e3e9ff;
457
- --aquarium-colors-primary-5: #f3f6ff;
458
- --aquarium-colors-primary-0: #ffffff;
459
- --aquarium-colors-transparent: transparent;
460
- --aquarium-colors-white: white;
461
- --aquarium-colors-black: black;
462
- --aquarium-colors-current: currentColor;
463
- --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
464
- --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
465
- --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
466
- --aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
467
- --aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
468
- --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
469
- --aquarium-screens-default: 0px;
470
- --aquarium-screens-xs: 320px;
471
- --aquarium-screens-sm: 672px;
472
- --aquarium-screens-md: 1056px;
473
- --aquarium-screens-lg: 1312px;
474
- --aquarium-screens-xl: 1536px;
475
- --aquarium-border-width-0: 0px;
476
- --aquarium-border-width-2: 2px;
477
- --aquarium-border-width-4: 4px;
478
- --aquarium-border-width-8: 8px;
479
- --aquarium-border-width-default: 1px;
480
- --aquarium-font-family-sans: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
481
- --aquarium-font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
482
- --aquarium-font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
483
- --aquarium-font-size-xs: 0.75rem;
484
- --aquarium-font-size-xs-line-height: 1rem;
485
- --aquarium-font-size-sm: 0.875rem;
486
- --aquarium-font-size-sm-line-height: 1.25rem;
487
- --aquarium-font-size-base: 1rem;
488
- --aquarium-font-size-base-line-height: 1.5rem;
489
- --aquarium-font-size-lg: 1.125rem;
490
- --aquarium-font-size-lg-line-height: 1.75rem;
491
- --aquarium-font-size-xl: 1.25rem;
492
- --aquarium-font-size-xl-line-height: 1.75rem;
493
- --aquarium-font-size-2xl: 1.5rem;
494
- --aquarium-font-size-2xl-line-height: 2rem;
495
- --aquarium-font-size-3xl: 1.875rem;
496
- --aquarium-font-size-3xl-line-height: 2.25rem;
497
- --aquarium-font-size-4xl: 2.25rem;
498
- --aquarium-font-size-4xl-line-height: 2.5rem;
499
- --aquarium-font-size-5xl: 3rem;
500
- --aquarium-font-size-5xl-line-height: 1;
501
- --aquarium-font-size-6xl: 3.75rem;
502
- --aquarium-font-size-6xl-line-height: 1;
503
- --aquarium-font-size-7xl: 4.5rem;
504
- --aquarium-font-size-7xl-line-height: 1;
505
- --aquarium-font-size-8xl: 6rem;
506
- --aquarium-font-size-8xl-line-height: 1;
507
- --aquarium-font-size-9xl: 8rem;
508
- --aquarium-font-size-9xl-line-height: 1;
509
- --aquarium-font-weight-thin: 100;
510
- --aquarium-font-weight-extralight: 200;
511
- --aquarium-font-weight-light: 300;
512
- --aquarium-font-weight-normal: 400;
513
- --aquarium-font-weight-medium: 500;
514
- --aquarium-font-weight-semibold: 600;
515
- --aquarium-font-weight-bold: 700;
516
- --aquarium-font-weight-extrabold: 800;
517
- --aquarium-font-weight-black: 900;
518
- --aquarium-spacing-0: 0;
519
- --aquarium-spacing-1: 2px;
520
- --aquarium-spacing-2: 4px;
521
- --aquarium-spacing-3: 8px;
522
- --aquarium-spacing-4: 12px;
523
- --aquarium-spacing-5: 16px;
524
- --aquarium-spacing-6: 24px;
525
- --aquarium-spacing-7: 32px;
526
- --aquarium-spacing-8: 40px;
527
- --aquarium-spacing-9: 48px;
528
- --aquarium-spacing-1px: 1px;
529
- --aquarium-spacing-l1: 16px;
530
- --aquarium-spacing-l2: 24px;
531
- --aquarium-spacing-l3: 32px;
532
- --aquarium-spacing-l4: 48px;
533
- --aquarium-spacing-l5: 64px;
534
- --aquarium-spacing-l6: 96px;
535
- --aquarium-spacing-l7: 160px;
536
- }
537
- input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
538
- -webkit-appearance: none;
539
- margin: 0;
540
- }
541
- input[type='number'].no-arrows {
542
- -moz-appearance: textfield; /* Firefox */
543
- }
544
- .recharts-cartesian-axis-tick-value{
545
- font-family: Inter;
546
- font-size: 12px;
547
- font-weight: 400;
548
- font-style: normal;
549
- line-height: 1.26;
550
- text-transform: none;
551
- fill: #787885;
552
- fill: var(--aquarium-colors-grey-50, #787885);
553
- }
554
- .recharts-tooltip-wrapper{
555
- font-family: Inter;
556
- font-size: 12px;
557
- font-weight: 400;
558
- font-style: normal;
559
- line-height: 1.26;
560
- text-transform: none;
561
- color: white;
562
- color: var(--aquarium-colors-white, white);
563
- }
564
- .recharts-tooltip-item {
565
- align-items: center;
566
- }
567
- .recharts-tooltip-item::before {
568
- display: inline-block;
569
- content: ' ';
570
- width: 10px;
571
- height: 10px;
572
- margin-right: 4px;
573
- background: currentColor;
574
- }
575
- .recharts-tooltip-item>span {
576
- color: white;
577
- }
578
- .recharts-tooltip-item-separator {
579
- margin-right: 2px;
580
- }
581
- .focusable.focus-visible{
582
- outline: 2px solid transparent;
583
- outline-offset: 2px;
584
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
585
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
586
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
587
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
588
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
589
- }
590
- .focusable:focus-visible{
591
- outline: 2px solid transparent;
592
- outline-offset: 2px;
593
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
594
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
595
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
596
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
597
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
598
- }
599
- .icon-stroke-2 svg path {
600
- stroke-width: 2;
601
- }
602
- /* https://tailwindcss.com/docs/using-with-preprocessors */
603
- /* @import statements must come first*/
604
- .container{
605
- width: 100%;
606
- }
607
- .\!container{
608
- width: 100% !important;
609
- }
610
- @media (min-width: 0px){
611
- .container{
612
- max-width: 0px;
613
- }
614
- .\!container{
615
- max-width: 0px !important;
616
- }
617
- }
618
- @media (min-width: 320px){
619
- .container{
620
- max-width: 320px;
621
- }
622
- .\!container{
623
- max-width: 320px !important;
624
- }
625
- }
626
- @media (min-width: 672px){
627
- .container{
628
- max-width: 672px;
629
- }
630
- .\!container{
631
- max-width: 672px !important;
632
- }
633
- }
634
- @media (min-width: 1056px){
635
- .container{
636
- max-width: 1056px;
637
- }
638
- .\!container{
639
- max-width: 1056px !important;
640
- }
641
- }
642
- @media (min-width: 1312px){
643
- .container{
644
- max-width: 1312px;
645
- }
646
- .\!container{
647
- max-width: 1312px !important;
648
- }
649
- }
650
- @media (min-width: 1536px){
651
- .container{
652
- max-width: 1536px;
653
- }
654
- .\!container{
655
- max-width: 1536px !important;
656
- }
657
- }
658
- .typography-large-heading{
659
- font-family: Inter;
660
- font-size: 32px;
661
- font-weight: 700;
662
- font-style: normal;
663
- line-height: 1.375;
664
- text-transform: none;
665
- }
666
- .typography-heading{
667
- font-family: Inter;
668
- font-size: 24px;
669
- font-weight: 700;
670
- font-style: normal;
671
- line-height: 1.375;
672
- text-transform: none;
673
- }
674
- .typography-subheading{
675
- font-family: Inter;
676
- font-size: 20px;
677
- font-weight: 600;
678
- font-style: normal;
679
- line-height: 1.375;
680
- text-transform: none;
681
- }
682
- .typography-large-strong{
683
- font-family: Inter;
684
- font-size: 20px;
685
- font-weight: 600;
686
- font-style: normal;
687
- line-height: 1.58;
688
- text-transform: none;
689
- }
690
- .typography-large{
691
- font-family: Inter;
692
- font-size: 20px;
693
- font-weight: 500;
694
- font-style: normal;
695
- line-height: 1.58;
696
- text-transform: none;
697
- }
698
- .typography-default-strong{
699
- font-family: Inter;
700
- font-size: 16px;
701
- font-weight: 500;
702
- font-style: normal;
703
- line-height: 1.5;
704
- text-transform: none;
705
- }
706
- .typography-default{
707
- font-family: Inter;
708
- font-size: 16px;
709
- font-weight: 400;
710
- font-style: normal;
711
- line-height: 1.5;
712
- text-transform: none;
713
- }
714
- .typography-small-strong{
715
- font-family: Inter;
716
- font-size: 14px;
717
- font-weight: 500;
718
- font-style: normal;
719
- line-height: 1.42;
720
- text-transform: none;
721
- }
722
- .typography-small{
723
- font-family: Inter;
724
- font-size: 14px;
725
- font-weight: 400;
726
- font-style: normal;
727
- line-height: 1.42;
728
- text-transform: none;
729
- }
730
- .typography-caption{
731
- font-family: Inter;
732
- font-size: 12px;
733
- font-weight: 400;
734
- font-style: normal;
735
- line-height: 1.26;
736
- text-transform: none;
737
- }
738
- .typography-caption-small{
739
- font-family: Inter;
740
- font-size: 10px;
741
- font-weight: 400;
742
- font-style: normal;
743
- line-height: 1.2;
744
- text-transform: none;
745
- }
746
- .typography-caption-default{
747
- font-family: Inter;
748
- font-size: 12px;
749
- font-weight: 400;
750
- font-style: normal;
751
- line-height: 1.26;
752
- letter-spacing: 0;
753
- text-transform: none;
754
- }
755
- .typography-overline-small{
756
- font-family: Inter;
757
- font-size: 10px;
758
- font-weight: 400;
759
- font-style: normal;
760
- line-height: 1;
761
- letter-spacing: 0;
762
- text-transform: uppercase;
763
- }
764
- .typography-overline-default{
765
- font-family: Inter;
766
- font-size: 12px;
767
- font-weight: 400;
768
- font-style: normal;
769
- line-height: 1;
770
- letter-spacing: 0;
771
- text-transform: uppercase;
772
- }
773
- .typography-button-small{
774
- font-family: Inter;
775
- font-size: 12px;
776
- font-weight: 500;
777
- font-style: normal;
778
- line-height: 1;
779
- letter-spacing: 0;
780
- text-transform: none;
781
- }
782
- .typography-button-medium{
783
- font-family: Inter;
784
- font-size: 14px;
785
- font-weight: 400;
786
- font-style: normal;
787
- line-height: 1;
788
- letter-spacing: 0;
789
- text-transform: none;
790
- }
791
- .typography-button-large{
792
- font-family: Inter;
793
- font-size: 16px;
794
- font-weight: 500;
795
- font-style: normal;
796
- line-height: 1.5;
797
- letter-spacing: 0;
798
- text-transform: none;
799
- }
800
- .typography-body-small{
801
- font-family: Inter;
802
- font-size: 14px;
803
- font-weight: 400;
804
- font-style: normal;
805
- line-height: 1.43;
806
- letter-spacing: 0;
807
- text-transform: none;
808
- }
809
- .typography-body-small-medium{
810
- font-family: Inter;
811
- font-size: 14px;
812
- font-weight: 500;
813
- font-style: normal;
814
- line-height: 1.43;
815
- letter-spacing: 0;
816
- text-transform: none;
817
- }
818
- .typography-body-default{
819
- font-family: Inter;
820
- font-size: 16px;
821
- font-weight: 400;
822
- font-style: normal;
823
- line-height: 1.5;
824
- letter-spacing: 0;
825
- text-transform: none;
826
- }
827
- .typography-body-default-medium{
828
- font-family: Inter;
829
- font-size: 16px;
830
- font-weight: 500;
831
- font-style: normal;
832
- line-height: 1.5;
833
- letter-spacing: 0;
834
- text-transform: none;
835
- }
836
- .typography-body-large{
837
- font-family: Inter;
838
- font-size: 20px;
839
- font-weight: 400;
840
- font-style: normal;
841
- line-height: 1.58;
842
- letter-spacing: 0;
843
- text-transform: none;
844
- }
845
- .typography-body-large-medium{
846
- font-family: Inter;
847
- font-size: 20px;
848
- font-weight: 400;
849
- font-style: normal;
850
- line-height: 1.2;
851
- letter-spacing: 0;
852
- text-transform: none;
853
- }
854
- .typography-heading-large{
855
- font-family: Inter;
856
- font-size: 20px;
857
- font-weight: 700;
858
- font-style: normal;
859
- line-height: 1.5;
860
- letter-spacing: 0.15px;
861
- text-transform: none;
862
- }
863
- .typography-heading-xl{
864
- font-family: Inter;
865
- font-size: 24px;
866
- font-weight: 700;
867
- font-style: normal;
868
- line-height: 1.5;
869
- letter-spacing: 0;
870
- text-transform: none;
871
- }
872
- .typography-heading-2xl{
873
- font-family: Inter;
874
- font-size: 34px;
875
- font-weight: 700;
876
- font-style: normal;
877
- line-height: 1.28;
878
- letter-spacing: 0;
879
- text-transform: none;
880
- }
881
- .typography-heading-3xl{
882
- font-family: Inter;
883
- font-size: 48px;
884
- font-weight: 700;
885
- font-style: normal;
886
- line-height: 1.24;
887
- letter-spacing: -0.48px;
888
- text-transform: none;
889
- }
890
- .typography-heading-4xl{
891
- font-family: Inter;
892
- font-size: 60px;
893
- font-weight: 700;
894
- font-style: normal;
895
- line-height: 1.2;
896
- letter-spacing: -1.5px;
897
- text-transform: none;
898
- }
899
- .typography-heading-5xl{
900
- font-family: Inter;
901
- font-size: 76px;
902
- font-weight: 700;
903
- font-style: normal;
904
- line-height: 1.2;
905
- letter-spacing: -1.98px;
906
- text-transform: none;
907
- }
908
- .pointer-events-none{
909
- pointer-events: none;
910
- }
911
- .visible{
912
- visibility: visible;
913
- }
914
- .invisible{
915
- visibility: hidden;
916
- }
917
- .collapse{
918
- visibility: collapse;
919
- }
920
- .static{
921
- position: static;
922
- }
923
- .fixed{
924
- position: fixed;
925
- }
926
- .absolute{
927
- position: absolute;
928
- }
929
- .relative{
930
- position: relative;
931
- }
932
- .sticky{
933
- position: sticky;
934
- }
935
- .inset-0{
936
- top: 0;
937
- right: 0;
938
- bottom: 0;
939
- left: 0;
940
- }
941
- .inset-y-0{
942
- top: 0;
943
- bottom: 0;
944
- }
945
- .top-0{
946
- top: 0;
947
- }
948
- .left-0{
949
- left: 0;
950
- }
951
- .right-0{
952
- right: 0;
953
- }
954
- .top-\[20px\]{
955
- top: 20px;
956
- }
957
- .right-\[28px\]{
958
- right: 28px;
959
- }
960
- .-left-1\/2{
961
- left: -50%;
962
- }
963
- .top-\[3px\]{
964
- top: 3px;
965
- }
966
- .top-\[14px\]{
967
- top: 14px;
968
- }
969
- .left-2{
970
- left: 4px;
971
- }
972
- .left-1\/2{
973
- left: 50%;
974
- }
975
- .bottom-0{
976
- bottom: 0;
977
- }
978
- .z-modal{
979
- z-index: 100;
980
- }
981
- .-z-10{
982
- z-index: -10;
983
- }
984
- .z-10{
985
- z-index: 10;
986
- }
987
- .z-20{
988
- z-index: 20;
989
- }
990
- .z-40{
991
- z-index: 40;
992
- }
993
- .z-0{
994
- z-index: 0;
995
- }
996
- .col-start-2{
997
- grid-column-start: 2;
998
- }
999
- .col-start-1{
1000
- grid-column-start: 1;
1001
- }
1002
- .col-start-3{
1003
- grid-column-start: 3;
1004
- }
1005
- .row-start-1{
1006
- grid-row-start: 1;
1007
- }
1008
- .row-start-2{
1009
- grid-row-start: 2;
1010
- }
1011
- .-m-2{
1012
- margin: -4px;
1013
- }
1014
- .m-3{
1015
- margin: 8px;
1016
- }
1017
- .m-4{
1018
- margin: 12px;
1019
- }
1020
- .m-\[1px\]{
1021
- margin: 1px;
1022
- }
1023
- .-mx-4{
1024
- margin-left: -12px;
1025
- margin-right: -12px;
1026
- }
1027
- .mx-7{
1028
- margin-left: 32px;
1029
- margin-right: 32px;
1030
- }
1031
- .my-1{
1032
- margin-top: 2px;
1033
- margin-bottom: 2px;
1034
- }
1035
- .mx-3{
1036
- margin-left: 8px;
1037
- margin-right: 8px;
1038
- }
1039
- .my-4{
1040
- margin-top: 12px;
1041
- margin-bottom: 12px;
1042
- }
1043
- .mx-2{
1044
- margin-left: 4px;
1045
- margin-right: 4px;
1046
- }
1047
- .mx-1{
1048
- margin-left: 2px;
1049
- margin-right: 2px;
1050
- }
1051
- .mx-0{
1052
- margin-left: 0;
1053
- margin-right: 0;
1054
- }
1055
- .mb-3{
1056
- margin-bottom: 8px;
1057
- }
1058
- .mt-5{
1059
- margin-top: 16px;
1060
- }
1061
- .-mt-4{
1062
- margin-top: -12px;
1063
- }
1064
- .mt-auto{
1065
- margin-top: auto;
1066
- }
1067
- .mt-1{
1068
- margin-top: 2px;
1069
- }
1070
- .mt-4{
1071
- margin-top: 12px;
1072
- }
1073
- .mb-5{
1074
- margin-bottom: 16px;
1075
- }
1076
- .mr-4{
1077
- margin-right: 12px;
1078
- }
1079
- .mt-2{
1080
- margin-top: 4px;
1081
- }
1082
- .ml-3{
1083
- margin-left: 8px;
1084
- }
1085
- .mr-1{
1086
- margin-right: 2px;
1087
- }
1088
- .mb-\[-2px\]{
1089
- margin-bottom: -2px;
1090
- }
1091
- .mb-2{
1092
- margin-bottom: 4px;
1093
- }
1094
- .ml-2{
1095
- margin-left: 4px;
1096
- }
1097
- .mb-\[7px\]{
1098
- margin-bottom: 7px;
1099
- }
1100
- .block{
1101
- display: block;
1102
- }
1103
- .inline-block{
1104
- display: inline-block;
1105
- }
1106
- .inline{
1107
- display: inline;
1108
- }
1109
- .\!inline{
1110
- display: inline !important;
1111
- }
1112
- .flex{
1113
- display: flex;
1114
- }
1115
- .inline-flex{
1116
- display: inline-flex;
1117
- }
1118
- .table{
1119
- display: table;
1120
- }
1121
- .\!table{
1122
- display: table !important;
1123
- }
1124
- .grid{
1125
- display: grid;
1126
- }
1127
- .inline-grid{
1128
- display: inline-grid;
1129
- }
1130
- .contents{
1131
- display: contents;
1132
- }
1133
- .hidden{
1134
- display: none;
1135
- }
1136
- .aspect-square{
1137
- aspect-ratio: 1 / 1;
1138
- }
1139
- .h-1{
1140
- height: 2px;
1141
- }
1142
- .h-\[20px\]{
1143
- height: 20px;
1144
- }
1145
- .h-\[174px\]{
1146
- height: 174px;
1147
- }
1148
- .h-\[225px\]{
1149
- height: 225px;
1150
- }
1151
- .h-5{
1152
- height: 16px;
1153
- }
1154
- .h-\[1px\]{
1155
- height: 1px;
1156
- }
1157
- .h-\[120px\]{
1158
- height: 120px;
1159
- }
1160
- .h-full{
1161
- height: 100%;
1162
- }
1163
- .h-2{
1164
- height: 4px;
1165
- }
1166
- .h-\[72px\]{
1167
- height: 72px;
1168
- }
1169
- .h-\[2px\]{
1170
- height: 2px;
1171
- }
1172
- .h-\[3px\]{
1173
- height: 3px;
1174
- }
1175
- .h-\[32px\]{
1176
- height: 32px;
1177
- }
1178
- .h-\[8px\]{
1179
- height: 8px;
1180
- }
1181
- .h-4{
1182
- height: 12px;
1183
- }
1184
- .h-\[50px\]{
1185
- height: 50px;
1186
- }
1187
- .h-\[6px\]{
1188
- height: 6px;
1189
- }
1190
- .h-1px{
1191
- height: 1px;
1192
- }
1193
- .h-3{
1194
- height: 8px;
1195
- }
1196
- .h-6{
1197
- height: 24px;
1198
- }
1199
- .h-\[56px\]{
1200
- height: 56px;
1201
- }
1202
- .h-auto{
1203
- height: auto;
1204
- }
1205
- .h-\[25px\]{
1206
- height: 25px;
1207
- }
1208
- .max-h-full{
1209
- max-height: 100%;
1210
- }
1211
- .min-h-full{
1212
- min-height: 100%;
1213
- }
1214
- .min-h-\[120px\]{
1215
- min-height: 120px;
1216
- }
1217
- .min-h-\[50px\]{
1218
- min-height: 50px;
1219
- }
1220
- .w-full{
1221
- width: 100%;
1222
- }
1223
- .w-\[280px\]{
1224
- width: 280px;
1225
- }
1226
- .w-5{
1227
- width: 16px;
1228
- }
1229
- .w-\[32px\]{
1230
- width: 32px;
1231
- }
1232
- .w-\[8px\]{
1233
- width: 8px;
1234
- }
1235
- .w-\[34px\]{
1236
- width: 34px;
1237
- }
1238
- .w-4{
1239
- width: 12px;
1240
- }
1241
- .w-1{
1242
- width: 2px;
1243
- }
1244
- .w-\[6px\]{
1245
- width: 6px;
1246
- }
1247
- .w-1px{
1248
- width: 1px;
1249
- }
1250
- .w-2{
1251
- width: 4px;
1252
- }
1253
- .w-3{
1254
- width: 8px;
1255
- }
1256
- .w-6{
1257
- width: 24px;
1258
- }
1259
- .w-\[56px\]{
1260
- width: 56px;
1261
- }
1262
- .min-w-\[280px\]{
1263
- min-width: 280px;
1264
- }
1265
- .min-w-full{
1266
- min-width: 100%;
1267
- }
1268
- .min-w-0{
1269
- min-width: 0px;
1270
- }
1271
- .max-w-\[600px\]{
1272
- max-width: 600px;
1273
- }
1274
- .max-w-\[940px\]{
1275
- max-width: 940px;
1276
- }
1277
- .max-w-screen-xl{
1278
- max-width: 1536px;
1279
- }
1280
- .max-w-screen-lg{
1281
- max-width: 1312px;
1282
- }
1283
- .max-w-screen-md{
1284
- max-width: 1056px;
1285
- }
1286
- .max-w-screen-sm{
1287
- max-width: 672px;
1288
- }
1289
- .max-w-screen-xs{
1290
- max-width: 320px;
1291
- }
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;
1303
- }
1304
- .shrink{
1305
- flex-shrink: 1;
1306
- }
1307
- .flex-grow{
1308
- flex-grow: 1;
1309
- }
1310
- .grow{
1311
- flex-grow: 1;
1312
- }
1313
- .grow-0{
1314
- flex-grow: 0;
1315
- }
1316
- .table-auto{
1317
- table-layout: auto;
1318
- }
1319
- .table-fixed{
1320
- table-layout: fixed;
1321
- }
1322
- .border-spacing-0{
1323
- --tw-border-spacing-x: 0;
1324
- --tw-border-spacing-y: 0;
1325
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1326
- }
1327
- .origin-\[0\%_45\%\]{
1328
- transform-origin: 0% 45%;
1329
- }
1330
- .rotate-45{
1331
- --tw-rotate: 45deg;
1332
- 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));
1333
- }
1334
- .scale-\[0\.55\]{
1335
- --tw-scale-x: 0.55;
1336
- --tw-scale-y: 0.55;
1337
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1338
- }
1339
- .transform{
1340
- 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));
1341
- }
1342
- @keyframes pulse{
1343
- 50%{
1344
- opacity: .5;
1345
- }
1346
- }
1347
- .animate-pulse{
1348
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1349
- }
1350
- .cursor-default{
1351
- cursor: default;
1352
- }
1353
- .cursor-pointer{
1354
- cursor: pointer;
1355
- }
1356
- .cursor-not-allowed{
1357
- cursor: not-allowed;
1358
- }
1359
- .resize-none{
1360
- resize: none;
1361
- }
1362
- .resize{
1363
- resize: both;
1364
- }
1365
- .snap-x{
1366
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
1367
- }
1368
- .snap-mandatory{
1369
- --tw-scroll-snap-strictness: mandatory;
1370
- }
1371
- .snap-start{
1372
- scroll-snap-align: start;
1373
- }
1374
- .appearance-none{
1375
- -webkit-appearance: none;
1376
- -moz-appearance: none;
1377
- appearance: none;
1378
- }
1379
- .auto-cols-fr{
1380
- grid-auto-columns: minmax(0, 1fr);
1381
- }
1382
- .grid-flow-col{
1383
- grid-auto-flow: column;
1384
- }
1385
- .grid-cols-\[auto_1fr_auto\]{
1386
- grid-template-columns: auto 1fr auto;
1387
- }
1388
- .grid-cols-1{
1389
- grid-template-columns: repeat(1, minmax(0, 1fr));
1390
- }
1391
- .grid-cols-2{
1392
- grid-template-columns: repeat(2, minmax(0, 1fr));
1393
- }
1394
- .grid-cols-3{
1395
- grid-template-columns: repeat(3, minmax(0, 1fr));
1396
- }
1397
- .grid-cols-\[auto_1fr\]{
1398
- grid-template-columns: auto 1fr;
1399
- }
1400
- .grid-cols-\[16px_1fr\]{
1401
- grid-template-columns: 16px 1fr;
1402
- }
1403
- .grid-cols-\[1fr_auto\]{
1404
- grid-template-columns: 1fr auto;
1405
- }
1406
- .grid-cols-\[200px_1fr_200px\]{
1407
- grid-template-columns: 200px 1fr 200px;
1408
- }
1409
- .flex-row{
1410
- flex-direction: row;
1411
- }
1412
- .flex-row-reverse{
1413
- flex-direction: row-reverse;
1414
- }
1415
- .flex-col{
1416
- flex-direction: column;
1417
- }
1418
- .flex-wrap{
1419
- flex-wrap: wrap;
1420
- }
1421
- .flex-nowrap{
1422
- flex-wrap: nowrap;
1423
- }
1424
- .items-center{
1425
- align-items: center;
1426
- }
1427
- .items-stretch{
1428
- align-items: stretch;
1429
- }
1430
- .justify-start{
1431
- justify-content: flex-start;
1432
- }
1433
- .justify-end{
1434
- justify-content: flex-end;
1435
- }
1436
- .justify-center{
1437
- justify-content: center;
1438
- }
1439
- .justify-between{
1440
- justify-content: space-between;
1441
- }
1442
- .gap-4{
1443
- grid-gap: 12px;
1444
- gap: 12px;
1445
- }
1446
- .gap-7{
1447
- grid-gap: 32px;
1448
- gap: 32px;
1449
- }
1450
- .gap-5{
1451
- grid-gap: 16px;
1452
- gap: 16px;
1453
- }
1454
- .gap-3{
1455
- grid-gap: 8px;
1456
- gap: 8px;
1457
- }
1458
- .gap-2{
1459
- grid-gap: 4px;
1460
- gap: 4px;
1461
- }
1462
- .gap-0{
1463
- grid-gap: 0;
1464
- gap: 0;
1465
- }
1466
- .gap-8{
1467
- grid-gap: 40px;
1468
- gap: 40px;
1469
- }
1470
- .gap-x-3{
1471
- grid-column-gap: 8px;
1472
- -moz-column-gap: 8px;
1473
- column-gap: 8px;
1474
- }
1475
- .gap-y-2{
1476
- grid-row-gap: 4px;
1477
- row-gap: 4px;
1478
- }
1479
- .gap-x-2{
1480
- grid-column-gap: 4px;
1481
- -moz-column-gap: 4px;
1482
- column-gap: 4px;
1483
- }
1484
- .gap-x-4{
1485
- grid-column-gap: 12px;
1486
- -moz-column-gap: 12px;
1487
- column-gap: 12px;
1488
- }
1489
- .gap-x-6{
1490
- grid-column-gap: 24px;
1491
- -moz-column-gap: 24px;
1492
- column-gap: 24px;
1493
- }
1494
- .self-start{
1495
- align-self: flex-start;
1496
- }
1497
- .self-center{
1498
- align-self: center;
1499
- }
1500
- .justify-self-center{
1501
- justify-self: center;
1502
- }
1503
- .overflow-hidden{
1504
- overflow: hidden;
1505
- }
1506
- .overflow-y-auto{
1507
- overflow-y: auto;
1508
- }
1509
- .overflow-x-hidden{
1510
- overflow-x: hidden;
1511
- }
1512
- .overflow-x-scroll{
1513
- overflow-x: scroll;
1514
- }
1515
- .scroll-smooth{
1516
- scroll-behavior: smooth;
1517
- }
1518
- .whitespace-nowrap{
1519
- white-space: nowrap;
1520
- }
1521
- .whitespace-pre{
1522
- white-space: pre;
1523
- }
1524
- .break-words{
1525
- word-wrap: break-word;
1526
- }
1527
- .break-all{
1528
- word-break: break-all;
1529
- }
1530
- .rounded-sm{
1531
- border-radius: 0.125rem;
1532
- border-radius: var(--aquarium-border-radius-sm, 0.125rem);
1533
- }
1534
- .rounded-full{
1535
- border-radius: 9999px;
1536
- border-radius: var(--aquarium-border-radius-full, 9999px);
1537
- }
1538
- .rounded{
1539
- border-radius: 4px;
1540
- border-radius: var(--aquarium-border-radius-default, 4px);
1541
- }
1542
- .rounded-\[2px\]{
1543
- border-radius: 2px;
1544
- }
1545
- .border{
1546
- border-width: 1px;
1547
- }
1548
- .border-\[1px\]{
1549
- border-width: 1px;
1550
- }
1551
- .border-0{
1552
- border-width: 0px;
1553
- }
1554
- .border-2{
1555
- border-width: 2px;
1556
- }
1557
- .border-t-2{
1558
- border-top-width: 2px;
1559
- }
1560
- .border-b-\[1px\]{
1561
- border-bottom-width: 1px;
1562
- }
1563
- .border-b{
1564
- border-bottom-width: 1px;
1565
- }
1566
- .border-b-2{
1567
- border-bottom-width: 2px;
1568
- }
1569
- .border-solid{
1570
- border-style: solid;
1571
- }
1572
- .border-dashed{
1573
- border-style: dashed;
1574
- }
1575
- .border-none{
1576
- border-style: none;
1577
- }
1578
- .border-error-50{
1579
- border-color: #e62728;
1580
- border-color: var(--aquarium-colors-error-50, #e62728);
1581
- }
1582
- .border-grey-20{
1583
- border-color: #d2d2d6;
1584
- border-color: var(--aquarium-colors-grey-20, #d2d2d6);
1585
- }
1586
- .border-info-70{
1587
- border-color: #0399e3;
1588
- border-color: var(--aquarium-colors-info-70, #0399e3);
1589
- }
1590
- .border-grey-5{
1591
- border-color: #ededf0;
1592
- border-color: var(--aquarium-colors-grey-5, #ededf0);
1593
- }
1594
- .border-transparent{
1595
- border-color: transparent;
1596
- border-color: var(--aquarium-colors-transparent, transparent);
1597
- }
1598
- .border-grey-10{
1599
- border-color: #e1e1e3;
1600
- border-color: var(--aquarium-colors-grey-10, #e1e1e3);
1601
- }
1602
- .border-primary-80{
1603
- border-color: #3545be;
1604
- border-color: var(--aquarium-colors-primary-80, #0788d1);
1605
- }
1606
- .border-primary-40{
1607
- border-color: #b9c5ef;
1608
- border-color: var(--aquarium-colors-primary-40, #4cc2f7);
1609
- }
1610
- .border-grey-50{
1611
- border-color: #787885;
1612
- border-color: var(--aquarium-colors-grey-50, #787885);
1613
- }
1614
- .border-grey-90{
1615
- border-color: #292a31;
1616
- border-color: var(--aquarium-colors-grey-90, #292a31);
1617
- }
1618
- .border-success-70{
1619
- border-color: #00b300;
1620
- border-color: var(--aquarium-colors-success-70, #00b300);
1621
- }
1622
- .border-grey-40{
1623
- border-color: #9696a0;
1624
- border-color: var(--aquarium-colors-grey-40, #9696a0);
1625
- }
1626
- .border-current{
1627
- border-color: currentColor;
1628
- border-color: var(--aquarium-colors-current, currentColor);
1629
- }
1630
- .border-grey-100{
1631
- border-color: #19191d;
1632
- border-color: var(--aquarium-colors-grey-100, #19191d);
1633
- }
1634
- .bg-grey-10{
1635
- background-color: #e1e1e3;
1636
- background-color: var(--aquarium-colors-grey-10, #e1e1e3);
1637
- }
1638
- .bg-error-5{
1639
- background-color: #fee8e7;
1640
- background-color: var(--aquarium-colors-error-5, #fee8e7);
1641
- }
1642
- .bg-info-10{
1643
- background-color: #e0f5fe;
1644
- background-color: var(--aquarium-colors-info-10, #e0f5fe);
1645
- }
1646
- .bg-success-5{
1647
- background-color: #ecf7ed;
1648
- background-color: var(--aquarium-colors-success-5, #ecf7ed);
1649
- }
1650
- .bg-warning-5{
1651
- background-color: #fff8ea;
1652
- background-color: var(--aquarium-colors-warning-5, #fff8ea);
1653
- }
1654
- .bg-grey-0{
1655
- background-color: #f7f7fa;
1656
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
1657
- }
1658
- .bg-white{
1659
- background-color: white;
1660
- background-color: var(--aquarium-colors-white, white);
1661
- }
1662
- .bg-primary-80{
1663
- background-color: #3545be;
1664
- background-color: var(--aquarium-colors-primary-80, #0788d1);
1665
- }
1666
- .bg-primary-40{
1667
- background-color: #b9c5ef;
1668
- background-color: var(--aquarium-colors-primary-40, #4cc2f7);
1669
- }
1670
- .bg-grey-5{
1671
- background-color: #ededf0;
1672
- background-color: var(--aquarium-colors-grey-5, #ededf0);
1673
- }
1674
- .bg-primary-100{
1675
- background-color: #0e1652;
1676
- background-color: var(--aquarium-colors-primary-100, #02569a);
1677
- }
1678
- .bg-info-50{
1679
- background-color: #28b4f4;
1680
- background-color: var(--aquarium-colors-info-50, #28b4f4);
1681
- }
1682
- .bg-warning-70{
1683
- background-color: #ffb300;
1684
- background-color: var(--aquarium-colors-warning-70, #ffb300);
1685
- }
1686
- .bg-success-70{
1687
- background-color: #00b300;
1688
- background-color: var(--aquarium-colors-success-70, #00b300);
1689
- }
1690
- .bg-error-70{
1691
- background-color: #d80005;
1692
- background-color: var(--aquarium-colors-error-70, #d80005);
1693
- }
1694
- .bg-grey-20{
1695
- background-color: #d2d2d6;
1696
- background-color: var(--aquarium-colors-grey-20, #d2d2d6);
1697
- }
1698
- .bg-grey-90{
1699
- background-color: #292a31;
1700
- background-color: var(--aquarium-colors-grey-90, #292a31);
1701
- }
1702
- .bg-primary-70{
1703
- background-color: #5865cd;
1704
- background-color: var(--aquarium-colors-primary-70, #0399e3);
1705
- }
1706
- .bg-grey-30{
1707
- background-color: #b4b4bb;
1708
- background-color: var(--aquarium-colors-grey-30, #b4b4bb);
1709
- }
1710
- .bg-grey-80{
1711
- background-color: #3a3a44;
1712
- background-color: var(--aquarium-colors-grey-80, #3a3a44);
1713
- }
1714
- .bg-current{
1715
- background-color: currentColor;
1716
- background-color: var(--aquarium-colors-current, currentColor);
1717
- }
1718
- .bg-transparent{
1719
- background-color: transparent;
1720
- background-color: var(--aquarium-colors-transparent, transparent);
1721
- }
1722
- .bg-info-5{
1723
- background-color: #effaff;
1724
- background-color: var(--aquarium-colors-info-5, #effaff);
1725
- }
1726
- .bg-secondary-5{
1727
- background-color: #fff3e8;
1728
- background-color: var(--aquarium-colors-secondary-5, #fff3e8);
1729
- }
1730
- .bg-error-0{
1731
- background-color: #fef2f1;
1732
- background-color: var(--aquarium-colors-error-0, #fef2f1);
1733
- }
1734
- .bg-error-20{
1735
- background-color: #ffadb3;
1736
- background-color: var(--aquarium-colors-error-20, #ffadb3);
1737
- }
1738
- .bg-secondary-90{
1739
- background-color: #eb4610;
1740
- background-color: var(--aquarium-colors-secondary-90, #eb4610);
1741
- }
1742
- .bg-success-90{
1743
- background-color: #008e00;
1744
- background-color: var(--aquarium-colors-success-90, #008e00);
1745
- }
1746
- .bg-primary-90{
1747
- background-color: #222f95;
1748
- background-color: var(--aquarium-colors-primary-90, #0174ba);
1749
- }
1750
- .bg-gradient-to-r{
1751
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1752
- }
1753
- .bg-gradient-to-l{
1754
- background-image: linear-gradient(to left, var(--tw-gradient-stops));
1755
- }
1756
- .from-white{
1757
- --tw-gradient-from: var(--aquarium-colors-white, white);
1758
- --tw-gradient-to: rgba(255, 255, 255, 0);
1759
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1760
- }
1761
- .via-white{
1762
- --tw-gradient-to: rgba(255, 255, 255, 0);
1763
- --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white, white), var(--tw-gradient-to);
1764
- }
1765
- .bg-cover{
1766
- background-size: cover;
1767
- }
1768
- .object-cover{
1769
- -o-object-fit: cover;
1770
- object-fit: cover;
1771
- }
1772
- .p-4{
1773
- padding: 12px;
1774
- }
1775
- .p-5{
1776
- padding: 16px;
1777
- }
1778
- .p-6{
1779
- padding: 24px;
1780
- }
1781
- .p-\[2px\]{
1782
- padding: 2px;
1783
- }
1784
- .p-3{
1785
- padding: 8px;
1786
- }
1787
- .p-\[3px\]{
1788
- padding: 3px;
1789
- }
1790
- .p-2{
1791
- padding: 4px;
1792
- }
1793
- .p-\[56px\]{
1794
- padding: 56px;
1795
- }
1796
- .p-1{
1797
- padding: 2px;
1798
- }
1799
- .px-3{
1800
- padding-left: 8px;
1801
- padding-right: 8px;
1802
- }
1803
- .py-3{
1804
- padding-top: 8px;
1805
- padding-bottom: 8px;
1806
- }
1807
- .py-2{
1808
- padding-top: 4px;
1809
- padding-bottom: 4px;
1810
- }
1811
- .py-1{
1812
- padding-top: 2px;
1813
- padding-bottom: 2px;
1814
- }
1815
- .px-2{
1816
- padding-left: 4px;
1817
- padding-right: 4px;
1818
- }
1819
- .py-7{
1820
- padding-top: 32px;
1821
- padding-bottom: 32px;
1822
- }
1823
- .px-7{
1824
- padding-left: 32px;
1825
- padding-right: 32px;
1826
- }
1827
- .py-6{
1828
- padding-top: 24px;
1829
- padding-bottom: 24px;
1830
- }
1831
- .px-6{
1832
- padding-left: 24px;
1833
- padding-right: 24px;
1834
- }
1835
- .py-5{
1836
- padding-top: 16px;
1837
- padding-bottom: 16px;
1838
- }
1839
- .px-5{
1840
- padding-left: 16px;
1841
- padding-right: 16px;
1842
- }
1843
- .py-\[6px\]{
1844
- padding-top: 6px;
1845
- padding-bottom: 6px;
1846
- }
1847
- .px-\[1px\]{
1848
- padding-left: 1px;
1849
- padding-right: 1px;
1850
- }
1851
- .px-\[14px\]{
1852
- padding-left: 14px;
1853
- padding-right: 14px;
1854
- }
1855
- .px-\[20px\]{
1856
- padding-left: 20px;
1857
- padding-right: 20px;
1858
- }
1859
- .px-4{
1860
- padding-left: 12px;
1861
- padding-right: 12px;
1862
- }
1863
- .py-\[14px\]{
1864
- padding-top: 14px;
1865
- padding-bottom: 14px;
1866
- }
1867
- .px-1{
1868
- padding-left: 2px;
1869
- padding-right: 2px;
1870
- }
1871
- .px-\[4px\]{
1872
- padding-left: 4px;
1873
- padding-right: 4px;
1874
- }
1875
- .py-4{
1876
- padding-top: 12px;
1877
- padding-bottom: 12px;
1878
- }
1879
- .px-0{
1880
- padding-left: 0;
1881
- padding-right: 0;
1882
- }
1883
- .pt-3{
1884
- padding-top: 8px;
1885
- }
1886
- .pb-6{
1887
- padding-bottom: 24px;
1888
- }
1889
- .pl-7{
1890
- padding-left: 32px;
1891
- }
1892
- .pr-7{
1893
- padding-right: 32px;
1894
- }
1895
- .pb-3{
1896
- padding-bottom: 8px;
1897
- }
1898
- .pr-4{
1899
- padding-right: 12px;
1900
- }
1901
- .pl-4{
1902
- padding-left: 12px;
1903
- }
1904
- .text-left{
1905
- text-align: left;
1906
- }
1907
- .text-center{
1908
- text-align: center;
1909
- }
1910
- .text-right{
1911
- text-align: right;
1912
- }
1913
- .align-middle{
1914
- vertical-align: middle;
1915
- }
1916
- .text-\[9px\]{
1917
- font-size: 9px;
1918
- }
1919
- .text-\[8px\]{
1920
- font-size: 8px;
1921
- }
1922
- .font-normal{
1923
- font-weight: 400;
1924
- }
1925
- .uppercase{
1926
- text-transform: uppercase;
1927
- }
1928
- .capitalize{
1929
- text-transform: capitalize;
1930
- }
1931
- .italic{
1932
- font-style: italic;
1933
- }
1934
- .leading-tight{
1935
- line-height: 1.25;
1936
- }
1937
- .leading-none{
1938
- line-height: 1;
1939
- }
1940
- .leading-\[18px\]{
1941
- line-height: 18px;
1942
- }
1943
- .leading-\[0px\]{
1944
- line-height: 0px;
1945
- }
1946
- .text-error-100{
1947
- color: #aa0000;
1948
- color: var(--aquarium-colors-error-100, #aa0000);
1949
- }
1950
- .text-error-90{
1951
- color: #b90000;
1952
- color: var(--aquarium-colors-error-90, #b90000);
1953
- }
1954
- .text-error-80{
1955
- color: #c50001;
1956
- color: var(--aquarium-colors-error-80, #c50001);
1957
- }
1958
- .text-error-70{
1959
- color: #d80005;
1960
- color: var(--aquarium-colors-error-70, #d80005);
1961
- }
1962
- .text-error-60{
1963
- color: #e70000;
1964
- color: var(--aquarium-colors-error-60, #e70000);
1965
- }
1966
- .text-error-50{
1967
- color: #e62728;
1968
- color: var(--aquarium-colors-error-50, #e62728);
1969
- }
1970
- .text-error-40{
1971
- color: #e0504f;
1972
- color: var(--aquarium-colors-error-40, #e0504f);
1973
- }
1974
- .text-error-30{
1975
- color: #ed7975;
1976
- color: var(--aquarium-colors-error-30, #ed7975);
1977
- }
1978
- .text-error-20{
1979
- color: #ffadb3;
1980
- color: var(--aquarium-colors-error-20, #ffadb3);
1981
- }
1982
- .text-error-10{
1983
- color: #ffcbd2;
1984
- color: var(--aquarium-colors-error-10, #ffcbd2);
1985
- }
1986
- .text-error-5{
1987
- color: #fee8e7;
1988
- color: var(--aquarium-colors-error-5, #fee8e7);
1989
- }
1990
- .text-error-0{
1991
- color: #fef2f1;
1992
- color: var(--aquarium-colors-error-0, #fef2f1);
1993
- }
1994
- .text-warning-100{
1995
- color: #fe6d00;
1996
- color: var(--aquarium-colors-warning-100, #fe6d00);
1997
- }
1998
- .text-warning-90{
1999
- color: #ff9003;
2000
- color: var(--aquarium-colors-warning-90, #ff9003);
2001
- }
2002
- .text-warning-80{
2003
- color: #fd9f00;
2004
- color: var(--aquarium-colors-warning-80, #fd9f00);
2005
- }
2006
- .text-warning-70{
2007
- color: #ffb300;
2008
- color: var(--aquarium-colors-warning-70, #ffb300);
2009
- }
2010
- .text-warning-60{
2011
- color: #ffc107;
2012
- color: var(--aquarium-colors-warning-60, #ffc107);
2013
- }
2014
- .text-warning-50{
2015
- color: #fdc926;
2016
- color: var(--aquarium-colors-warning-50, #fdc926);
2017
- }
2018
- .text-warning-40{
2019
- color: #fdd44d;
2020
- color: var(--aquarium-colors-warning-40, #fdd44d);
2021
- }
2022
- .text-warning-30{
2023
- color: #fddf81;
2024
- color: var(--aquarium-colors-warning-30, #fddf81);
2025
- }
2026
- .text-warning-20{
2027
- color: #feebb2;
2028
- color: var(--aquarium-colors-warning-20, #feebb2);
2029
- }
2030
- .text-warning-10{
2031
- color: #fff2cd;
2032
- color: var(--aquarium-colors-warning-10, #fff2cd);
2033
- }
2034
- .text-warning-5{
2035
- color: #fff8ea;
2036
- color: var(--aquarium-colors-warning-5, #fff8ea);
2037
- }
2038
- .text-warning-0{
2039
- color: #fffdf9;
2040
- color: var(--aquarium-colors-warning-0, #fffdf9);
2041
- }
2042
- .text-success-100{
2043
- color: #006f00;
2044
- color: var(--aquarium-colors-success-100, #006f00);
2045
- }
2046
- .text-success-90{
2047
- color: #008e00;
2048
- color: var(--aquarium-colors-success-90, #008e00);
2049
- }
2050
- .text-success-80{
2051
- color: #009f00;
2052
- color: var(--aquarium-colors-success-80, #009f00);
2053
- }
2054
- .text-success-70{
2055
- color: #00b300;
2056
- color: var(--aquarium-colors-success-70, #00b300);
2057
- }
2058
- .text-success-60{
2059
- color: #00c300;
2060
- color: var(--aquarium-colors-success-60, #00c300);
2061
- }
2062
- .text-success-50{
2063
- color: #40ce37;
2064
- color: var(--aquarium-colors-success-50, #40ce37);
2065
- }
2066
- .text-success-40{
2067
- color: #60db57;
2068
- color: var(--aquarium-colors-success-40, #60db57);
2069
- }
2070
- .text-success-30{
2071
- color: #89eb80;
2072
- color: var(--aquarium-colors-success-30, #89eb80);
2073
- }
2074
- .text-success-20{
2075
- color: #afffa7;
2076
- color: var(--aquarium-colors-success-20, #afffa7);
2077
- }
2078
- .text-success-10{
2079
- color: #cbffc9;
2080
- color: var(--aquarium-colors-success-10, #cbffc9);
2081
- }
2082
- .text-success-5{
2083
- color: #ecf7ed;
2084
- color: var(--aquarium-colors-success-5, #ecf7ed);
2085
- }
2086
- .text-success-0{
2087
- color: #f5faf5;
2088
- color: var(--aquarium-colors-success-0, #f5faf5);
2089
- }
2090
- .text-info-100{
2091
- color: #02569a;
2092
- color: var(--aquarium-colors-info-100, #02569a);
2093
- }
2094
- .text-info-90{
2095
- color: #0174ba;
2096
- color: var(--aquarium-colors-info-90, #0174ba);
2097
- }
2098
- .text-info-80{
2099
- color: #0788d1;
2100
- color: var(--aquarium-colors-info-80, #0788d1);
2101
- }
2102
- .text-info-70{
2103
- color: #0399e3;
2104
- color: var(--aquarium-colors-info-70, #0399e3);
2105
- }
2106
- .text-info-60{
2107
- color: #02a8f3;
2108
- color: var(--aquarium-colors-info-60, #02a8f3);
2109
- }
2110
- .text-info-50{
2111
- color: #28b4f4;
2112
- color: var(--aquarium-colors-info-50, #28b4f4);
2113
- }
2114
- .text-info-40{
2115
- color: #4cc2f7;
2116
- color: var(--aquarium-colors-info-40, #4cc2f7);
2117
- }
2118
- .text-info-30{
2119
- color: #7fd1f7;
2120
- color: var(--aquarium-colors-info-30, #7fd1f7);
2121
- }
2122
- .text-info-20{
2123
- color: #b4e5fb;
2124
- color: var(--aquarium-colors-info-20, #b4e5fb);
2125
- }
2126
- .text-info-10{
2127
- color: #e0f5fe;
2128
- color: var(--aquarium-colors-info-10, #e0f5fe);
2129
- }
2130
- .text-info-5{
2131
- color: #effaff;
2132
- color: var(--aquarium-colors-info-5, #effaff);
2133
- }
2134
- .text-info-0{
2135
- color: #f9fdff;
2136
- color: var(--aquarium-colors-info-0, #f9fdff);
2137
- }
2138
- .text-grey-100{
2139
- color: #19191d;
2140
- color: var(--aquarium-colors-grey-100, #19191d);
2141
- }
2142
- .text-grey-90{
2143
- color: #292a31;
2144
- color: var(--aquarium-colors-grey-90, #292a31);
2145
- }
2146
- .text-grey-80{
2147
- color: #3a3a44;
2148
- color: var(--aquarium-colors-grey-80, #3a3a44);
2149
- }
2150
- .text-grey-70{
2151
- color: #4a4b57;
2152
- color: var(--aquarium-colors-grey-70, #4a4b57);
2153
- }
2154
- .text-grey-60{
2155
- color: #5a5b6a;
2156
- color: var(--aquarium-colors-grey-60, #5a5b6a);
2157
- }
2158
- .text-grey-50{
2159
- color: #787885;
2160
- color: var(--aquarium-colors-grey-50, #787885);
2161
- }
2162
- .text-grey-40{
2163
- color: #9696a0;
2164
- color: var(--aquarium-colors-grey-40, #9696a0);
2165
- }
2166
- .text-grey-30{
2167
- color: #b4b4bb;
2168
- color: var(--aquarium-colors-grey-30, #b4b4bb);
2169
- }
2170
- .text-grey-20{
2171
- color: #d2d2d6;
2172
- color: var(--aquarium-colors-grey-20, #d2d2d6);
2173
- }
2174
- .text-grey-10{
2175
- color: #e1e1e3;
2176
- color: var(--aquarium-colors-grey-10, #e1e1e3);
2177
- }
2178
- .text-grey-5{
2179
- color: #ededf0;
2180
- color: var(--aquarium-colors-grey-5, #ededf0);
2181
- }
2182
- .text-grey-0{
2183
- color: #f7f7fa;
2184
- color: var(--aquarium-colors-grey-0, #f7f7fa);
2185
- }
2186
- .text-secondary-100{
2187
- color: #e11d16;
2188
- color: var(--aquarium-colors-secondary-100, #e11d16);
2189
- }
2190
- .text-secondary-90{
2191
- color: #eb4610;
2192
- color: var(--aquarium-colors-secondary-90, #eb4610);
2193
- }
2194
- .text-secondary-80{
2195
- color: #f3580d;
2196
- color: var(--aquarium-colors-secondary-80, #f3580d);
2197
- }
2198
- .text-secondary-70{
2199
- color: #f96a02;
2200
- color: var(--aquarium-colors-secondary-70, #f96a02);
2201
- }
2202
- .text-secondary-60{
2203
- color: #ff7700;
2204
- color: var(--aquarium-colors-secondary-60, #ff7700);
2205
- }
2206
- .text-secondary-50{
2207
- color: #fc871a;
2208
- color: var(--aquarium-colors-secondary-50, #fc871a);
2209
- }
2210
- .text-secondary-40{
2211
- color: #fb9a3e;
2212
- color: var(--aquarium-colors-secondary-40, #fb9a3e);
2213
- }
2214
- .text-secondary-30{
2215
- color: #fab26e;
2216
- color: var(--aquarium-colors-secondary-30, #fab26e);
2217
- }
2218
- .text-secondary-20{
2219
- color: #f8c99c;
2220
- color: var(--aquarium-colors-secondary-20, #f8c99c);
2221
- }
2222
- .text-secondary-10{
2223
- color: #fee8d0;
2224
- color: var(--aquarium-colors-secondary-10, #fee8d0);
2225
- }
2226
- .text-secondary-5{
2227
- color: #fff3e8;
2228
- color: var(--aquarium-colors-secondary-5, #fff3e8);
2229
- }
2230
- .text-secondary-0{
2231
- color: #fffbf8;
2232
- color: var(--aquarium-colors-secondary-0, #fffbf8);
2233
- }
2234
- .text-primary-100{
2235
- color: #0e1652;
2236
- color: var(--aquarium-colors-primary-100, #02569a);
2237
- }
2238
- .text-primary-90{
2239
- color: #222f95;
2240
- color: var(--aquarium-colors-primary-90, #0174ba);
2241
- }
2242
- .text-primary-80{
2243
- color: #3545be;
2244
- color: var(--aquarium-colors-primary-80, #0788d1);
2245
- }
2246
- .text-primary-70{
2247
- color: #5865cd;
2248
- color: var(--aquarium-colors-primary-70, #0399e3);
2249
- }
2250
- .text-primary-60{
2251
- color: #818eec;
2252
- color: var(--aquarium-colors-primary-60, #02a8f3);
2253
- }
2254
- .text-primary-50{
2255
- color: #9daaee;
2256
- color: var(--aquarium-colors-primary-50, #28b4f4);
2257
- }
2258
- .text-primary-40{
2259
- color: #b9c5ef;
2260
- color: var(--aquarium-colors-primary-40, #4cc2f7);
2261
- }
2262
- .text-primary-30{
2263
- color: #c7d1f4;
2264
- color: var(--aquarium-colors-primary-30, #7fd1f7);
2265
- }
2266
- .text-primary-20{
2267
- color: #d5ddfa;
2268
- color: var(--aquarium-colors-primary-20, #b4e5fb);
2269
- }
2270
- .text-primary-10{
2271
- color: #e3e9ff;
2272
- color: var(--aquarium-colors-primary-10, #e0f5fe);
2273
- }
2274
- .text-primary-5{
2275
- color: #f3f6ff;
2276
- color: var(--aquarium-colors-primary-5, #effaff);
2277
- }
2278
- .text-primary-0{
2279
- color: #ffffff;
2280
- color: var(--aquarium-colors-primary-0, #f9fdff);
2281
- }
2282
- .text-transparent{
2283
- color: transparent;
2284
- color: var(--aquarium-colors-transparent, transparent);
2285
- }
2286
- .text-white{
2287
- color: white;
2288
- color: var(--aquarium-colors-white, white);
2289
- }
2290
- .underline{
2291
- -webkit-text-decoration-line: underline;
2292
- text-decoration-line: underline;
2293
- }
2294
- .no-underline{
2295
- -webkit-text-decoration-line: none;
2296
- text-decoration-line: none;
2297
- }
2298
- .opacity-60{
2299
- opacity: 0.6;
2300
- }
2301
- .shadow-16dp{
2302
- --tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
2303
- --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
2304
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2305
- 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);
2306
- }
2307
- .shadow-4dp{
2308
- --tw-shadow: var(--aquarium-box-shadow-4dp, 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20));
2309
- --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
2310
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2311
- 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);
2312
- }
2313
- .shadow-2dp{
2314
- --tw-shadow: var(--aquarium-box-shadow-2dp, 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24));
2315
- --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
2316
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2317
- 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);
2318
- }
2319
- .outline-none{
2320
- outline: 2px solid transparent;
2321
- outline-offset: 2px;
2322
- }
2323
- .ring-0{
2324
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2325
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2326
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2327
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2328
- }
2329
- .ring-1{
2330
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2331
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2332
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2333
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2334
- }
2335
- .ring-2{
2336
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2337
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2338
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2339
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2340
- }
2341
- .ring-inset{
2342
- --tw-ring-inset: inset;
2343
- }
2344
- .ring-primary-80{
2345
- --tw-ring-color: var(--aquarium-colors-primary-80, #0788d1);
2346
- }
2347
- .ring-grey-30{
2348
- --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
2349
- }
2350
- .ring-offset-0{
2351
- --tw-ring-offset-width: 0px;
2352
- }
2353
- .blur{
2354
- --tw-blur: blur(8px);
2355
- 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);
2356
- }
2357
- .filter{
2358
- 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);
2359
- }
2360
- .transition{
2361
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2362
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2363
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2364
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2365
- transition-duration: 150ms;
2366
- }
2367
- .transition-all{
2368
- transition-property: all;
2369
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2370
- transition-duration: 150ms;
2371
- }
2372
- .delay-150{
2373
- transition-delay: 150ms;
2374
- }
2375
- .duration-300{
2376
- transition-duration: 300ms;
2377
- }
2378
- .ease-in-out{
2379
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2380
- }
2381
- .line-clamp-1{
2382
- overflow: hidden;
2383
- display: -webkit-box;
2384
- -webkit-box-orient: vertical;
2385
- -webkit-line-clamp: 1;
2386
- }
2387
- .line-clamp-2{
2388
- overflow: hidden;
2389
- display: -webkit-box;
2390
- -webkit-box-orient: vertical;
2391
- -webkit-line-clamp: 2;
2392
- }
2393
- .line-clamp-3{
2394
- overflow: hidden;
2395
- display: -webkit-box;
2396
- -webkit-box-orient: vertical;
2397
- -webkit-line-clamp: 3;
2398
- }
2399
- .line-clamp-4{
2400
- overflow: hidden;
2401
- display: -webkit-box;
2402
- -webkit-box-orient: vertical;
2403
- -webkit-line-clamp: 4;
2404
- }
2405
- .line-clamp-5{
2406
- overflow: hidden;
2407
- display: -webkit-box;
2408
- -webkit-box-orient: vertical;
2409
- -webkit-line-clamp: 5;
2410
- }
2411
- .line-clamp-6{
2412
- overflow: hidden;
2413
- display: -webkit-box;
2414
- -webkit-box-orient: vertical;
2415
- -webkit-line-clamp: 6;
2416
- }
2417
- .scrollbar-hide{
2418
- -ms-overflow-style: none;
2419
- scrollbar-width: none;
2420
- }
2421
- .scrollbar-hide::-webkit-scrollbar{
2422
- display: none;
2423
- }
2424
- .placeholder\:text-grey-40::-moz-placeholder{
2425
- color: #9696a0;
2426
- color: var(--aquarium-colors-grey-40, #9696a0);
2427
- }
2428
- .placeholder\:text-grey-40::placeholder{
2429
- color: #9696a0;
2430
- color: var(--aquarium-colors-grey-40, #9696a0);
2431
- }
2432
- .before\:content-\[\'_\'\]::before{
2433
- --tw-content: ' ';
2434
- content: var(--tw-content);
2435
- }
2436
- .first\:mt-0:first-child{
2437
- margin-top: 0;
2438
- }
2439
- .visited\:text-primary-80:visited{
2440
- color: #3545be;
2441
- color: var(--aquarium-colors-primary-80, #0788d1);
2442
- }
2443
- .checked\:border-primary-80:checked{
2444
- border-color: #3545be;
2445
- border-color: var(--aquarium-colors-primary-80, #0788d1);
2446
- }
2447
- .checked\:border-primary-40:checked{
2448
- border-color: #b9c5ef;
2449
- border-color: var(--aquarium-colors-primary-40, #4cc2f7);
2450
- }
2451
- .checked\:bg-primary-80:checked{
2452
- background-color: #3545be;
2453
- background-color: var(--aquarium-colors-primary-80, #0788d1);
2454
- }
2455
- .checked\:bg-primary-40:checked{
2456
- background-color: #b9c5ef;
2457
- background-color: var(--aquarium-colors-primary-40, #4cc2f7);
2458
- }
2459
- .checked\:bg-opacity-40:checked{
2460
- --tw-bg-opacity: 0.4;
2461
- }
2462
- .checked\:opacity-50:checked{
2463
- opacity: 0.5;
2464
- }
2465
- .checked\:shadow-whiteInset:checked{
2466
- --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
2467
- --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
2468
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2469
- 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);
2470
- }
2471
- .hover\:cursor-pointer:hover{
2472
- cursor: pointer;
2473
- }
2474
- .hover\:border-grey-50:hover{
2475
- border-color: #787885;
2476
- border-color: var(--aquarium-colors-grey-50, #787885);
2477
- }
2478
- .hover\:border-grey-20:hover{
2479
- border-color: #d2d2d6;
2480
- border-color: var(--aquarium-colors-grey-20, #d2d2d6);
2481
- }
2482
- .hover\:bg-grey-0:hover{
2483
- background-color: #f7f7fa;
2484
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2485
- }
2486
- .hover\:bg-grey-5:hover{
2487
- background-color: #ededf0;
2488
- background-color: var(--aquarium-colors-grey-5, #ededf0);
2489
- }
2490
- .hover\:bg-grey-20:hover{
2491
- background-color: #d2d2d6;
2492
- background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2493
- }
2494
- .hover\:bg-primary-90:hover{
2495
- background-color: #222f95;
2496
- background-color: var(--aquarium-colors-primary-90, #0174ba);
2497
- }
2498
- .hover\:bg-primary-5:hover{
2499
- background-color: #f3f6ff;
2500
- background-color: var(--aquarium-colors-primary-5, #effaff);
2501
- }
2502
- .hover\:bg-error-10:hover{
2503
- background-color: #ffcbd2;
2504
- background-color: var(--aquarium-colors-error-10, #ffcbd2);
2505
- }
2506
- .hover\:bg-grey-10:hover{
2507
- background-color: #e1e1e3;
2508
- background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2509
- }
2510
- .hover\:text-primary-90:hover{
2511
- color: #222f95;
2512
- color: var(--aquarium-colors-primary-90, #0174ba);
2513
- }
2514
- .hover\:text-primary-70:hover{
2515
- color: #5865cd;
2516
- color: var(--aquarium-colors-primary-70, #0399e3);
2517
- }
2518
- .hover\:text-grey-80:hover{
2519
- color: #3a3a44;
2520
- color: var(--aquarium-colors-grey-80, #3a3a44);
2521
- }
2522
- .hover\:text-grey-90:hover{
2523
- color: #292a31;
2524
- color: var(--aquarium-colors-grey-90, #292a31);
2525
- }
2526
- .hover\:text-primary-80:hover{
2527
- color: #3545be;
2528
- color: var(--aquarium-colors-primary-80, #0788d1);
2529
- }
2530
- .hover\:underline:hover{
2531
- -webkit-text-decoration-line: underline;
2532
- text-decoration-line: underline;
2533
- }
2534
- .hover\:ring-primary-90:hover{
2535
- --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2536
- }
2537
- .hover\:checked\:bg-primary-70:checked:hover{
2538
- background-color: #5865cd;
2539
- background-color: var(--aquarium-colors-primary-70, #0399e3);
2540
- }
2541
- .focus\:border-info-70:focus{
2542
- border-color: #0399e3;
2543
- border-color: var(--aquarium-colors-info-70, #0399e3);
2544
- }
2545
- .focus\:border-transparent:focus{
2546
- border-color: transparent;
2547
- border-color: var(--aquarium-colors-transparent, transparent);
2548
- }
2549
- .focus\:bg-error-20:focus{
2550
- background-color: #ffadb3;
2551
- background-color: var(--aquarium-colors-error-20, #ffadb3);
2552
- }
2553
- .focus\:bg-grey-20:focus{
2554
- background-color: #d2d2d6;
2555
- background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2556
- }
2557
- .focus\:text-primary-80:focus{
2558
- color: #3545be;
2559
- color: var(--aquarium-colors-primary-80, #0788d1);
2560
- }
2561
- .focus\:outline-none:focus{
2562
- outline: 2px solid transparent;
2563
- outline-offset: 2px;
2564
- }
2565
- .focus\:ring-0:focus{
2566
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2567
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2568
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2569
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2570
- }
2571
- .focus\:ring-2:focus{
2572
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2573
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2574
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2575
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2576
- }
2577
- .focus\:ring-1:focus{
2578
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2579
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2580
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2581
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2582
- }
2583
- .focus\:ring-grey-60:focus{
2584
- --tw-ring-color: var(--aquarium-colors-grey-60, #5a5b6a);
2585
- }
2586
- .focus\:ring-offset-0:focus{
2587
- --tw-ring-offset-width: 0px;
2588
- }
2589
- .focus-visible\:border-info-70.focus-visible{
2590
- border-color: #0399e3;
2591
- border-color: var(--aquarium-colors-info-70, #0399e3);
2592
- }
2593
- .focus-visible\:border-info-70:focus-visible{
2594
- border-color: #0399e3;
2595
- border-color: var(--aquarium-colors-info-70, #0399e3);
2596
- }
2597
- .focus-visible\:bg-grey-0.focus-visible{
2598
- background-color: #f7f7fa;
2599
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2600
- }
2601
- .focus-visible\:bg-grey-0:focus-visible{
2602
- background-color: #f7f7fa;
2603
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2604
- }
2605
- .focus-visible\:text-primary-90.focus-visible{
2606
- color: #222f95;
2607
- color: var(--aquarium-colors-primary-90, #0174ba);
2608
- }
2609
- .focus-visible\:text-primary-90:focus-visible{
2610
- color: #222f95;
2611
- color: var(--aquarium-colors-primary-90, #0174ba);
2612
- }
2613
- .focus-visible\:text-primary-80.focus-visible{
2614
- color: #3545be;
2615
- color: var(--aquarium-colors-primary-80, #0788d1);
2616
- }
2617
- .focus-visible\:text-primary-80:focus-visible{
2618
- color: #3545be;
2619
- color: var(--aquarium-colors-primary-80, #0788d1);
2620
- }
2621
- .focus-visible\:text-grey-80.focus-visible{
2622
- color: #3a3a44;
2623
- color: var(--aquarium-colors-grey-80, #3a3a44);
2624
- }
2625
- .focus-visible\:text-grey-80:focus-visible{
2626
- color: #3a3a44;
2627
- color: var(--aquarium-colors-grey-80, #3a3a44);
2628
- }
2629
- .focus-visible\:text-grey-90.focus-visible{
2630
- color: #292a31;
2631
- color: var(--aquarium-colors-grey-90, #292a31);
2632
- }
2633
- .focus-visible\:text-grey-90:focus-visible{
2634
- color: #292a31;
2635
- color: var(--aquarium-colors-grey-90, #292a31);
2636
- }
2637
- .focus-visible\:outline-0.focus-visible{
2638
- outline-width: 0px;
2639
- }
2640
- .focus-visible\:outline-0:focus-visible{
2641
- outline-width: 0px;
2642
- }
2643
- .focus-visible\:ring-2.focus-visible{
2644
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2645
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2646
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2647
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2648
- }
2649
- .focus-visible\:ring-2:focus-visible{
2650
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2651
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2652
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2653
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2654
- }
2655
- .focus-visible\:ring-1.focus-visible{
2656
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2657
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2658
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2659
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2660
- }
2661
- .focus-visible\:ring-1:focus-visible{
2662
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2663
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2664
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2665
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2666
- }
2667
- .focus-visible\:ring-inset.focus-visible{
2668
- --tw-ring-inset: inset;
2669
- }
2670
- .focus-visible\:ring-inset:focus-visible{
2671
- --tw-ring-inset: inset;
2672
- }
2673
- .focus-visible\:ring-primary-100.focus-visible{
2674
- --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2675
- }
2676
- .focus-visible\:ring-primary-100:focus-visible{
2677
- --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2678
- }
2679
- .focus-visible\:ring-primary-90.focus-visible{
2680
- --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2681
- }
2682
- .focus-visible\:ring-primary-90:focus-visible{
2683
- --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2684
- }
2685
- .focus-visible\:ring-info-70.focus-visible{
2686
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
2687
- }
2688
- .focus-visible\:ring-info-70:focus-visible{
2689
- --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
2690
- }
2691
- .active\:bg-grey-5:active{
2692
- background-color: #ededf0;
2693
- background-color: var(--aquarium-colors-grey-5, #ededf0);
2694
- }
2695
- .active\:bg-primary-90:active{
2696
- background-color: #222f95;
2697
- background-color: var(--aquarium-colors-primary-90, #0174ba);
2698
- }
2699
- .active\:bg-primary-5:active{
2700
- background-color: #f3f6ff;
2701
- background-color: var(--aquarium-colors-primary-5, #effaff);
2702
- }
2703
- .active\:bg-transparent:active{
2704
- background-color: transparent;
2705
- background-color: var(--aquarium-colors-transparent, transparent);
2706
- }
2707
- .active\:bg-grey-10:active{
2708
- background-color: #e1e1e3;
2709
- background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2710
- }
2711
- .active\:text-primary-90:active{
2712
- color: #222f95;
2713
- color: var(--aquarium-colors-primary-90, #0174ba);
2714
- }
2715
- .active\:text-grey-50:active{
2716
- color: #787885;
2717
- color: var(--aquarium-colors-grey-50, #787885);
2718
- }
2719
- .active\:text-grey-70:active{
2720
- color: #4a4b57;
2721
- color: var(--aquarium-colors-grey-70, #4a4b57);
2722
- }
2723
- .active\:ring-0:active{
2724
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2725
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2726
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2727
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2728
- }
2729
- .active\:ring-primary-90:active{
2730
- --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2731
- }
2732
- .disabled\:cursor-not-allowed:disabled{
2733
- cursor: not-allowed;
2734
- }
2735
- .disabled\:border-grey-20:disabled{
2736
- border-color: #d2d2d6;
2737
- border-color: var(--aquarium-colors-grey-20, #d2d2d6);
2738
- }
2739
- .disabled\:bg-grey-5:disabled{
2740
- background-color: #ededf0;
2741
- background-color: var(--aquarium-colors-grey-5, #ededf0);
2742
- }
2743
- .disabled\:bg-primary-40:disabled{
2744
- background-color: #b9c5ef;
2745
- background-color: var(--aquarium-colors-primary-40, #4cc2f7);
2746
- }
2747
- .disabled\:bg-white:disabled{
2748
- background-color: white;
2749
- background-color: var(--aquarium-colors-white, white);
2750
- }
2751
- .disabled\:bg-transparent:disabled{
2752
- background-color: transparent;
2753
- background-color: var(--aquarium-colors-transparent, transparent);
2754
- }
2755
- .disabled\:text-grey-40:disabled{
2756
- color: #9696a0;
2757
- color: var(--aquarium-colors-grey-40, #9696a0);
2758
- }
2759
- .disabled\:text-primary-40:disabled{
2760
- color: #b9c5ef;
2761
- color: var(--aquarium-colors-primary-40, #4cc2f7);
2762
- }
2763
- .disabled\:text-grey-30:disabled{
2764
- color: #b4b4bb;
2765
- color: var(--aquarium-colors-grey-30, #b4b4bb);
2766
- }
2767
- .disabled\:text-grey-20:disabled{
2768
- color: #d2d2d6;
2769
- color: var(--aquarium-colors-grey-20, #d2d2d6);
2770
- }
2771
- .disabled\:ring-primary-40:disabled{
2772
- --tw-ring-color: var(--aquarium-colors-primary-40, #4cc2f7);
2773
- }
2774
- .group:last-child .group-last\:border-b-0{
2775
- border-bottom-width: 0px;
2776
- }
2777
- .group:hover .group-hover\:visible{
2778
- visibility: visible;
2779
- }
2780
- .group:hover .group-hover\:bg-grey-0{
2781
- background-color: #f7f7fa;
2782
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2783
- }
2784
- .peer\/switch:checked~.peer-checked\/switch\:left-1{
2785
- left: 2px;
2786
- }
2787
- .peer\/switch:checked~.peer-checked\/switch\:translate-x-5{
2788
- --tw-translate-x: 16px;
2789
- 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));
2790
- }
2791
- .peer:checked~.peer-checked\:border-primary-80{
2792
- border-color: #3545be;
2793
- border-color: var(--aquarium-colors-primary-80, #0788d1);
2794
- }
2795
- .peer:checked~.peer-checked\:border-primary-40{
2796
- border-color: #b9c5ef;
2797
- border-color: var(--aquarium-colors-primary-40, #4cc2f7);
2798
- }
2799
- .peer:checked~.peer-checked\:text-white{
2800
- color: white;
2801
- color: var(--aquarium-colors-white, white);
2802
- }
2803
- .peer:checked~.peer-checked\:text-primary-10{
2804
- color: #e3e9ff;
2805
- color: var(--aquarium-colors-primary-10, #e0f5fe);
2806
- }
2807
- .peer\/switch:checked~.peer-checked\/switch\:text-primary-60{
2808
- color: #818eec;
2809
- color: var(--aquarium-colors-primary-60, #02a8f3);
2810
- }
2811
- .peer:hover~.peer-hover\:border-grey-50{
2812
- border-color: #787885;
2813
- border-color: var(--aquarium-colors-grey-50, #787885);
2814
- }
2815
- .peer:focus~.peer-focus\:border-info-70{
2816
- border-color: #0399e3;
2817
- border-color: var(--aquarium-colors-info-70, #0399e3);
2818
- }
2819
- .children\:inline-block>*{
2820
- display: inline-block;
2821
- }
2822
- .children\:border-grey-10>*{
2823
- border-color: #e1e1e3;
2824
- border-color: var(--aquarium-colors-grey-10, #e1e1e3);
2825
- }
2826
- .children\:last\:border-b-0:last-child>*{
2827
- border-bottom-width: 0px;
2828
- }
2829
- .\[\&\>path\]\:stroke-transparent>path{
2830
- stroke: transparent;
2831
- stroke: var(--aquarium-colors-transparent, transparent);
2832
- }
2833
- .\[\&\>path\]\:stroke-2>path{
2834
- stroke-width: 2;
2835
- }
2836
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
2837
- stroke: white;
2838
- stroke: var(--aquarium-colors-white, white);
2839
- }
2840
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-10>path{
2841
- stroke: #e3e9ff;
2842
- stroke: var(--aquarium-colors-primary-10, #e0f5fe);
2843
- }
2844
- .\[\&\>button\]\:p-0>button{
2845
- padding: 0;
2846
- }
2847
- .\[\&\>button\]\:text-grey-50>button{
2848
- color: #787885;
2849
- color: var(--aquarium-colors-grey-50, #787885);
2850
- }
2851
- .\[\&\>button\]\:text-error-20>button{
2852
- color: #ffadb3;
2853
- color: var(--aquarium-colors-error-20, #ffadb3);
2854
- }
2855
- .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child){
2856
- margin-left: -8px;
2857
- }
2858
- .\[\&\>div\:first-child\]\:px-5>div:first-child{
2859
- padding-left: 16px;
2860
- padding-right: 16px;
2861
- }