@cofhe/react 0.1.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -20
- package/dist/index.cjs +9664 -339
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1170 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +15469 -28
- package/dist/index.d.ts +15469 -28
- package/dist/index.js +9620 -305
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1433 -190
- package/package.json +47 -17
- package/dist/styles.css.map +0 -1
- package/dist/styles.d.cts +0 -2
- package/dist/styles.d.ts +0 -2
package/dist/styles.css
CHANGED
|
@@ -1,7 +1,138 @@
|
|
|
1
|
-
/*
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/* Import component styles */
|
|
2
|
+
.fnx-text-primary {
|
|
3
|
+
color: var(--fnx-text-primary);
|
|
4
|
+
}
|
|
5
|
+
.fnx-panel {
|
|
6
|
+
background-color: var(--fnx-bg-primary);
|
|
7
|
+
border: 1px solid var(--fnx-border-color);
|
|
8
|
+
border-radius: var(--fnx-border-radius);
|
|
9
|
+
box-shadow: var(--fnx-content-shadow);
|
|
10
|
+
}
|
|
11
|
+
/* FloatingIcon styles */
|
|
12
|
+
.fnx-floating-icon {
|
|
13
|
+
outline: none !important;
|
|
14
|
+
position: relative;
|
|
15
|
+
z-index: 1;
|
|
16
|
+
color: var(--fnx-text-primary);
|
|
17
|
+
}
|
|
18
|
+
/* MainPage component utility classes */
|
|
19
|
+
.fnx-card-bg {
|
|
20
|
+
background-color: var(--fnx-card-bg);
|
|
21
|
+
}
|
|
22
|
+
.fnx-card-border {
|
|
23
|
+
border-left: 1px solid var(--fnx-card-border);
|
|
24
|
+
border-bottom: 1px solid var(--fnx-card-border);
|
|
25
|
+
border-top: none;
|
|
26
|
+
border-right: none;
|
|
27
|
+
}
|
|
28
|
+
.fnx-icon-bg {
|
|
29
|
+
background-color: var(--fnx-icon-bg);
|
|
30
|
+
}
|
|
31
|
+
.fnx-nav-button {
|
|
32
|
+
background-color: var(--fnx-button-bg);
|
|
33
|
+
color: var(--fnx-button-default-text);
|
|
34
|
+
font-weight: var(--fnx-button-default-font-weight);
|
|
35
|
+
border: 1px solid var(--fnx-button-default-border);
|
|
36
|
+
transition: background-color var(--fnx-transition-duration-fast) ease-in-out, color var(--fnx-transition-duration-fast) ease-in-out, border-color var(--fnx-transition-duration-fast) ease-in-out;
|
|
37
|
+
}
|
|
38
|
+
.fnx-nav-button:hover {
|
|
39
|
+
background-color: var(--fnx-button-hover-bg);
|
|
40
|
+
}
|
|
41
|
+
/* Active state for nav/action buttons (used e.g. for tab selection) */
|
|
42
|
+
.fnx-nav-button-active {
|
|
43
|
+
background-color: var(--fnx-button-hover-bg);
|
|
44
|
+
color: var(--fnx-button-hover-text);
|
|
45
|
+
}
|
|
46
|
+
.fnx-max-button {
|
|
47
|
+
background-color: var(--fnx-button-bg);
|
|
48
|
+
color: var(--fnx-button-default-text);
|
|
49
|
+
font-weight: var(--fnx-button-default-font-weight);
|
|
50
|
+
border: 1px solid var(--fnx-button-default-border);
|
|
51
|
+
transition: background-color var(--fnx-transition-duration-fast) ease-in-out, color var(--fnx-transition-duration-fast) ease-in-out, border-color var(--fnx-transition-duration-fast) ease-in-out;
|
|
52
|
+
}
|
|
53
|
+
.fnx-max-button:hover {
|
|
54
|
+
background-color: var(--fnx-button-hover-bg);
|
|
55
|
+
color: var(--fnx-button-hover-text);
|
|
56
|
+
}
|
|
57
|
+
/* Default button styles */
|
|
58
|
+
.fnx-button {
|
|
59
|
+
color: var(--fnx-button-default-text);
|
|
60
|
+
font-weight: var(--fnx-button-default-font-weight);
|
|
61
|
+
border: 1px solid var(--fnx-button-default-border);
|
|
62
|
+
transition: background-color var(--fnx-transition-duration-fast) ease-in-out, color var(--fnx-transition-duration-fast) ease-in-out, border-color var(--fnx-transition-duration-fast) ease-in-out;
|
|
63
|
+
}
|
|
64
|
+
.fnx-send-button {
|
|
65
|
+
color: var(--fnx-button-default-text);
|
|
66
|
+
font-weight: var(--fnx-button-default-font-weight);
|
|
67
|
+
border: 1px solid var(--fnx-button-default-border);
|
|
68
|
+
transition: background-color var(--fnx-transition-duration-fast) ease-in-out, color var(--fnx-transition-duration-fast) ease-in-out, border-color var(--fnx-transition-duration-fast) ease-in-out;
|
|
69
|
+
}
|
|
70
|
+
.fnx-send-button-enabled {
|
|
71
|
+
background-color: var(--fnx-send-button-enabled-bg);
|
|
72
|
+
color: var(--fnx-button-default-text);
|
|
73
|
+
}
|
|
74
|
+
.fnx-send-button-enabled:hover {
|
|
75
|
+
background-color: var(--fnx-send-button-enabled-hover-bg);
|
|
76
|
+
color: var(--fnx-button-default-text);
|
|
77
|
+
}
|
|
78
|
+
.fnx-send-button-disabled {
|
|
79
|
+
background-color: var(--fnx-send-button-disabled-bg);
|
|
80
|
+
color: var(--fnx-send-button-disabled-text);
|
|
81
|
+
cursor: not-allowed;
|
|
82
|
+
}
|
|
83
|
+
.fnx-dropdown-bg {
|
|
84
|
+
background-color: var(--fnx-dropdown-bg);
|
|
85
|
+
}
|
|
86
|
+
.fnx-dropdown-border {
|
|
87
|
+
border-color: var(--fnx-dropdown-border);
|
|
88
|
+
}
|
|
89
|
+
.fnx-dropdown-hover:hover,
|
|
90
|
+
.fnx-dropdown-hover:focus {
|
|
91
|
+
background-color: var(--fnx-dropdown-hover-bg);
|
|
92
|
+
}
|
|
93
|
+
.fnx-hover-overlay:hover {
|
|
94
|
+
background-color: var(--fnx-hover-overlay);
|
|
95
|
+
}
|
|
96
|
+
.fnx-positive-change {
|
|
97
|
+
color: var(--fnx-positive-change);
|
|
98
|
+
}
|
|
99
|
+
/* TokenListPage styles */
|
|
100
|
+
.fnx-token-list-container {
|
|
101
|
+
display: flex;
|
|
102
|
+
flex-direction: column;
|
|
103
|
+
gap: 0.5rem;
|
|
104
|
+
padding: 0.25rem;
|
|
105
|
+
}
|
|
106
|
+
/* Loading dots animation */
|
|
107
|
+
.fnx-loading-dots {
|
|
108
|
+
display: inline-flex;
|
|
109
|
+
align-items: center;
|
|
110
|
+
gap: 0.125rem;
|
|
111
|
+
}
|
|
112
|
+
.fnx-loading-dots span {
|
|
113
|
+
display: inline-block;
|
|
114
|
+
animation: fnx-dot-bounce 1.4s ease-in-out infinite;
|
|
115
|
+
}
|
|
116
|
+
.fnx-loading-dots span:nth-child(1) {
|
|
117
|
+
animation-delay: 0s;
|
|
118
|
+
}
|
|
119
|
+
.fnx-loading-dots span:nth-child(2) {
|
|
120
|
+
animation-delay: 0.2s;
|
|
121
|
+
}
|
|
122
|
+
.fnx-loading-dots span:nth-child(3) {
|
|
123
|
+
animation-delay: 0.4s;
|
|
124
|
+
}
|
|
125
|
+
@keyframes fnx-dot-bounce {
|
|
126
|
+
0%, 60%, 100% {
|
|
127
|
+
transform: translateY(0);
|
|
128
|
+
opacity: 0.4;
|
|
129
|
+
}
|
|
130
|
+
30% {
|
|
131
|
+
transform: translateY(-0.25em);
|
|
132
|
+
opacity: 1;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
*, ::before, ::after {
|
|
5
136
|
--tw-border-spacing-x: 0;
|
|
6
137
|
--tw-border-spacing-y: 0;
|
|
7
138
|
--tw-translate-x: 0;
|
|
@@ -11,19 +142,19 @@
|
|
|
11
142
|
--tw-skew-y: 0;
|
|
12
143
|
--tw-scale-x: 1;
|
|
13
144
|
--tw-scale-y: 1;
|
|
14
|
-
--tw-pan-x:
|
|
15
|
-
--tw-pan-y:
|
|
16
|
-
--tw-pinch-zoom:
|
|
145
|
+
--tw-pan-x: ;
|
|
146
|
+
--tw-pan-y: ;
|
|
147
|
+
--tw-pinch-zoom: ;
|
|
17
148
|
--tw-scroll-snap-strictness: proximity;
|
|
18
|
-
--tw-gradient-from-position:
|
|
19
|
-
--tw-gradient-via-position:
|
|
20
|
-
--tw-gradient-to-position:
|
|
21
|
-
--tw-ordinal:
|
|
22
|
-
--tw-slashed-zero:
|
|
23
|
-
--tw-numeric-figure:
|
|
24
|
-
--tw-numeric-spacing:
|
|
25
|
-
--tw-numeric-fraction:
|
|
26
|
-
--tw-ring-inset:
|
|
149
|
+
--tw-gradient-from-position: ;
|
|
150
|
+
--tw-gradient-via-position: ;
|
|
151
|
+
--tw-gradient-to-position: ;
|
|
152
|
+
--tw-ordinal: ;
|
|
153
|
+
--tw-slashed-zero: ;
|
|
154
|
+
--tw-numeric-figure: ;
|
|
155
|
+
--tw-numeric-spacing: ;
|
|
156
|
+
--tw-numeric-fraction: ;
|
|
157
|
+
--tw-ring-inset: ;
|
|
27
158
|
--tw-ring-offset-width: 0px;
|
|
28
159
|
--tw-ring-offset-color: #fff;
|
|
29
160
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
@@ -31,28 +162,28 @@
|
|
|
31
162
|
--tw-ring-shadow: 0 0 #0000;
|
|
32
163
|
--tw-shadow: 0 0 #0000;
|
|
33
164
|
--tw-shadow-colored: 0 0 #0000;
|
|
34
|
-
--tw-blur:
|
|
35
|
-
--tw-brightness:
|
|
36
|
-
--tw-contrast:
|
|
37
|
-
--tw-grayscale:
|
|
38
|
-
--tw-hue-rotate:
|
|
39
|
-
--tw-invert:
|
|
40
|
-
--tw-saturate:
|
|
41
|
-
--tw-sepia:
|
|
42
|
-
--tw-drop-shadow:
|
|
43
|
-
--tw-backdrop-blur:
|
|
44
|
-
--tw-backdrop-brightness:
|
|
45
|
-
--tw-backdrop-contrast:
|
|
46
|
-
--tw-backdrop-grayscale:
|
|
47
|
-
--tw-backdrop-hue-rotate:
|
|
48
|
-
--tw-backdrop-invert:
|
|
49
|
-
--tw-backdrop-opacity:
|
|
50
|
-
--tw-backdrop-saturate:
|
|
51
|
-
--tw-backdrop-sepia:
|
|
52
|
-
--tw-contain-size:
|
|
53
|
-
--tw-contain-layout:
|
|
54
|
-
--tw-contain-paint:
|
|
55
|
-
--tw-contain-style:
|
|
165
|
+
--tw-blur: ;
|
|
166
|
+
--tw-brightness: ;
|
|
167
|
+
--tw-contrast: ;
|
|
168
|
+
--tw-grayscale: ;
|
|
169
|
+
--tw-hue-rotate: ;
|
|
170
|
+
--tw-invert: ;
|
|
171
|
+
--tw-saturate: ;
|
|
172
|
+
--tw-sepia: ;
|
|
173
|
+
--tw-drop-shadow: ;
|
|
174
|
+
--tw-backdrop-blur: ;
|
|
175
|
+
--tw-backdrop-brightness: ;
|
|
176
|
+
--tw-backdrop-contrast: ;
|
|
177
|
+
--tw-backdrop-grayscale: ;
|
|
178
|
+
--tw-backdrop-hue-rotate: ;
|
|
179
|
+
--tw-backdrop-invert: ;
|
|
180
|
+
--tw-backdrop-opacity: ;
|
|
181
|
+
--tw-backdrop-saturate: ;
|
|
182
|
+
--tw-backdrop-sepia: ;
|
|
183
|
+
--tw-contain-size: ;
|
|
184
|
+
--tw-contain-layout: ;
|
|
185
|
+
--tw-contain-paint: ;
|
|
186
|
+
--tw-contain-style: ;
|
|
56
187
|
}
|
|
57
188
|
::backdrop {
|
|
58
189
|
--tw-border-spacing-x: 0;
|
|
@@ -64,19 +195,19 @@
|
|
|
64
195
|
--tw-skew-y: 0;
|
|
65
196
|
--tw-scale-x: 1;
|
|
66
197
|
--tw-scale-y: 1;
|
|
67
|
-
--tw-pan-x:
|
|
68
|
-
--tw-pan-y:
|
|
69
|
-
--tw-pinch-zoom:
|
|
198
|
+
--tw-pan-x: ;
|
|
199
|
+
--tw-pan-y: ;
|
|
200
|
+
--tw-pinch-zoom: ;
|
|
70
201
|
--tw-scroll-snap-strictness: proximity;
|
|
71
|
-
--tw-gradient-from-position:
|
|
72
|
-
--tw-gradient-via-position:
|
|
73
|
-
--tw-gradient-to-position:
|
|
74
|
-
--tw-ordinal:
|
|
75
|
-
--tw-slashed-zero:
|
|
76
|
-
--tw-numeric-figure:
|
|
77
|
-
--tw-numeric-spacing:
|
|
78
|
-
--tw-numeric-fraction:
|
|
79
|
-
--tw-ring-inset:
|
|
202
|
+
--tw-gradient-from-position: ;
|
|
203
|
+
--tw-gradient-via-position: ;
|
|
204
|
+
--tw-gradient-to-position: ;
|
|
205
|
+
--tw-ordinal: ;
|
|
206
|
+
--tw-slashed-zero: ;
|
|
207
|
+
--tw-numeric-figure: ;
|
|
208
|
+
--tw-numeric-spacing: ;
|
|
209
|
+
--tw-numeric-fraction: ;
|
|
210
|
+
--tw-ring-inset: ;
|
|
80
211
|
--tw-ring-offset-width: 0px;
|
|
81
212
|
--tw-ring-offset-color: #fff;
|
|
82
213
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
@@ -84,73 +215,95 @@
|
|
|
84
215
|
--tw-ring-shadow: 0 0 #0000;
|
|
85
216
|
--tw-shadow: 0 0 #0000;
|
|
86
217
|
--tw-shadow-colored: 0 0 #0000;
|
|
87
|
-
--tw-blur:
|
|
88
|
-
--tw-brightness:
|
|
89
|
-
--tw-contrast:
|
|
90
|
-
--tw-grayscale:
|
|
91
|
-
--tw-hue-rotate:
|
|
92
|
-
--tw-invert:
|
|
93
|
-
--tw-saturate:
|
|
94
|
-
--tw-sepia:
|
|
95
|
-
--tw-drop-shadow:
|
|
96
|
-
--tw-backdrop-blur:
|
|
97
|
-
--tw-backdrop-brightness:
|
|
98
|
-
--tw-backdrop-contrast:
|
|
99
|
-
--tw-backdrop-grayscale:
|
|
100
|
-
--tw-backdrop-hue-rotate:
|
|
101
|
-
--tw-backdrop-invert:
|
|
102
|
-
--tw-backdrop-opacity:
|
|
103
|
-
--tw-backdrop-saturate:
|
|
104
|
-
--tw-backdrop-sepia:
|
|
105
|
-
--tw-contain-size:
|
|
106
|
-
--tw-contain-layout:
|
|
107
|
-
--tw-contain-paint:
|
|
108
|
-
--tw-contain-style:
|
|
109
|
-
}
|
|
218
|
+
--tw-blur: ;
|
|
219
|
+
--tw-brightness: ;
|
|
220
|
+
--tw-contrast: ;
|
|
221
|
+
--tw-grayscale: ;
|
|
222
|
+
--tw-hue-rotate: ;
|
|
223
|
+
--tw-invert: ;
|
|
224
|
+
--tw-saturate: ;
|
|
225
|
+
--tw-sepia: ;
|
|
226
|
+
--tw-drop-shadow: ;
|
|
227
|
+
--tw-backdrop-blur: ;
|
|
228
|
+
--tw-backdrop-brightness: ;
|
|
229
|
+
--tw-backdrop-contrast: ;
|
|
230
|
+
--tw-backdrop-grayscale: ;
|
|
231
|
+
--tw-backdrop-hue-rotate: ;
|
|
232
|
+
--tw-backdrop-invert: ;
|
|
233
|
+
--tw-backdrop-opacity: ;
|
|
234
|
+
--tw-backdrop-saturate: ;
|
|
235
|
+
--tw-backdrop-sepia: ;
|
|
236
|
+
--tw-contain-size: ;
|
|
237
|
+
--tw-contain-layout: ;
|
|
238
|
+
--tw-contain-paint: ;
|
|
239
|
+
--tw-contain-style: ;
|
|
240
|
+
}
|
|
241
|
+
/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */
|
|
242
|
+
/*
|
|
243
|
+
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
244
|
+
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
245
|
+
*/
|
|
110
246
|
*,
|
|
111
247
|
::before,
|
|
112
248
|
::after {
|
|
113
|
-
box-sizing: border-box;
|
|
114
|
-
border-width: 0;
|
|
115
|
-
border-style: solid;
|
|
116
|
-
border-color: #e5e7eb;
|
|
249
|
+
box-sizing: border-box; /* 1 */
|
|
250
|
+
border-width: 0; /* 2 */
|
|
251
|
+
border-style: solid; /* 2 */
|
|
252
|
+
border-color: #e5e7eb; /* 2 */
|
|
117
253
|
}
|
|
118
254
|
::before,
|
|
119
255
|
::after {
|
|
120
|
-
--tw-content:
|
|
121
|
-
}
|
|
256
|
+
--tw-content: '';
|
|
257
|
+
}
|
|
258
|
+
/*
|
|
259
|
+
1. Use a consistent sensible line-height in all browsers.
|
|
260
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
261
|
+
3. Use a more readable tab size.
|
|
262
|
+
4. Use the user's configured `sans` font-family by default.
|
|
263
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
|
264
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
|
265
|
+
7. Disable tap highlights on iOS
|
|
266
|
+
*/
|
|
122
267
|
html,
|
|
123
268
|
:host {
|
|
124
|
-
line-height: 1.5;
|
|
125
|
-
-webkit-text-size-adjust: 100%;
|
|
126
|
-
-moz-tab-size: 4;
|
|
269
|
+
line-height: 1.5; /* 1 */
|
|
270
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
271
|
+
-moz-tab-size: 4; /* 3 */
|
|
127
272
|
-o-tab-size: 4;
|
|
128
|
-
|
|
129
|
-
font-family:
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
font-variation-settings: normal;
|
|
139
|
-
-webkit-tap-highlight-color: transparent;
|
|
140
|
-
}
|
|
273
|
+
tab-size: 4; /* 3 */
|
|
274
|
+
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
|
275
|
+
font-feature-settings: normal; /* 5 */
|
|
276
|
+
font-variation-settings: normal; /* 6 */
|
|
277
|
+
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
278
|
+
}
|
|
279
|
+
/*
|
|
280
|
+
1. Remove the margin in all browsers.
|
|
281
|
+
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
282
|
+
*/
|
|
141
283
|
body {
|
|
142
|
-
margin: 0;
|
|
143
|
-
line-height: inherit;
|
|
144
|
-
}
|
|
284
|
+
margin: 0; /* 1 */
|
|
285
|
+
line-height: inherit; /* 2 */
|
|
286
|
+
}
|
|
287
|
+
/*
|
|
288
|
+
1. Add the correct height in Firefox.
|
|
289
|
+
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
290
|
+
3. Ensure horizontal rules are visible by default.
|
|
291
|
+
*/
|
|
145
292
|
hr {
|
|
146
|
-
height: 0;
|
|
147
|
-
color: inherit;
|
|
148
|
-
border-top-width: 1px;
|
|
293
|
+
height: 0; /* 1 */
|
|
294
|
+
color: inherit; /* 2 */
|
|
295
|
+
border-top-width: 1px; /* 3 */
|
|
149
296
|
}
|
|
297
|
+
/*
|
|
298
|
+
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
299
|
+
*/
|
|
150
300
|
abbr:where([title]) {
|
|
151
301
|
-webkit-text-decoration: underline dotted;
|
|
152
|
-
|
|
302
|
+
text-decoration: underline dotted;
|
|
153
303
|
}
|
|
304
|
+
/*
|
|
305
|
+
Remove the default font size and weight for headings.
|
|
306
|
+
*/
|
|
154
307
|
h1,
|
|
155
308
|
h2,
|
|
156
309
|
h3,
|
|
@@ -160,34 +313,44 @@ h6 {
|
|
|
160
313
|
font-size: inherit;
|
|
161
314
|
font-weight: inherit;
|
|
162
315
|
}
|
|
316
|
+
/*
|
|
317
|
+
Reset links to optimize for opt-in styling instead of opt-out.
|
|
318
|
+
*/
|
|
163
319
|
a {
|
|
164
320
|
color: inherit;
|
|
165
321
|
text-decoration: inherit;
|
|
166
322
|
}
|
|
323
|
+
/*
|
|
324
|
+
Add the correct font weight in Edge and Safari.
|
|
325
|
+
*/
|
|
167
326
|
b,
|
|
168
327
|
strong {
|
|
169
328
|
font-weight: bolder;
|
|
170
329
|
}
|
|
330
|
+
/*
|
|
331
|
+
1. Use the user's configured `mono` font-family by default.
|
|
332
|
+
2. Use the user's configured `mono` font-feature-settings by default.
|
|
333
|
+
3. Use the user's configured `mono` font-variation-settings by default.
|
|
334
|
+
4. Correct the odd `em` font sizing in all browsers.
|
|
335
|
+
*/
|
|
171
336
|
code,
|
|
172
337
|
kbd,
|
|
173
338
|
samp,
|
|
174
339
|
pre {
|
|
175
|
-
font-family:
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
monospace;
|
|
184
|
-
font-feature-settings: normal;
|
|
185
|
-
font-variation-settings: normal;
|
|
186
|
-
font-size: 1em;
|
|
187
|
-
}
|
|
340
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
341
|
+
font-feature-settings: normal; /* 2 */
|
|
342
|
+
font-variation-settings: normal; /* 3 */
|
|
343
|
+
font-size: 1em; /* 4 */
|
|
344
|
+
}
|
|
345
|
+
/*
|
|
346
|
+
Add the correct font size in all browsers.
|
|
347
|
+
*/
|
|
188
348
|
small {
|
|
189
349
|
font-size: 80%;
|
|
190
350
|
}
|
|
351
|
+
/*
|
|
352
|
+
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
353
|
+
*/
|
|
191
354
|
sub,
|
|
192
355
|
sup {
|
|
193
356
|
font-size: 75%;
|
|
@@ -201,66 +364,112 @@ sub {
|
|
|
201
364
|
sup {
|
|
202
365
|
top: -0.5em;
|
|
203
366
|
}
|
|
367
|
+
/*
|
|
368
|
+
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)
|
|
369
|
+
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)
|
|
370
|
+
3. Remove gaps between table borders by default.
|
|
371
|
+
*/
|
|
204
372
|
table {
|
|
205
|
-
text-indent: 0;
|
|
206
|
-
border-color: inherit;
|
|
207
|
-
border-collapse: collapse;
|
|
208
|
-
}
|
|
373
|
+
text-indent: 0; /* 1 */
|
|
374
|
+
border-color: inherit; /* 2 */
|
|
375
|
+
border-collapse: collapse; /* 3 */
|
|
376
|
+
}
|
|
377
|
+
/*
|
|
378
|
+
1. Change the font styles in all browsers.
|
|
379
|
+
2. Remove the margin in Firefox and Safari.
|
|
380
|
+
3. Remove default padding in all browsers.
|
|
381
|
+
*/
|
|
209
382
|
button,
|
|
210
383
|
input,
|
|
211
384
|
optgroup,
|
|
212
385
|
select,
|
|
213
386
|
textarea {
|
|
214
|
-
font-family: inherit;
|
|
215
|
-
font-feature-settings: inherit;
|
|
216
|
-
font-variation-settings: inherit;
|
|
217
|
-
font-size: 100%;
|
|
218
|
-
font-weight: inherit;
|
|
219
|
-
line-height: inherit;
|
|
220
|
-
letter-spacing: inherit;
|
|
221
|
-
color: inherit;
|
|
222
|
-
margin: 0;
|
|
223
|
-
padding: 0;
|
|
224
|
-
}
|
|
387
|
+
font-family: inherit; /* 1 */
|
|
388
|
+
font-feature-settings: inherit; /* 1 */
|
|
389
|
+
font-variation-settings: inherit; /* 1 */
|
|
390
|
+
font-size: 100%; /* 1 */
|
|
391
|
+
font-weight: inherit; /* 1 */
|
|
392
|
+
line-height: inherit; /* 1 */
|
|
393
|
+
letter-spacing: inherit; /* 1 */
|
|
394
|
+
color: inherit; /* 1 */
|
|
395
|
+
margin: 0; /* 2 */
|
|
396
|
+
padding: 0; /* 3 */
|
|
397
|
+
}
|
|
398
|
+
/*
|
|
399
|
+
Remove the inheritance of text transform in Edge and Firefox.
|
|
400
|
+
*/
|
|
225
401
|
button,
|
|
226
402
|
select {
|
|
227
403
|
text-transform: none;
|
|
228
404
|
}
|
|
405
|
+
/*
|
|
406
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
407
|
+
2. Remove default button styles.
|
|
408
|
+
*/
|
|
229
409
|
button,
|
|
230
|
-
input:where([type=button]),
|
|
231
|
-
input:where([type=reset]),
|
|
232
|
-
input:where([type=submit]) {
|
|
233
|
-
-webkit-appearance: button;
|
|
234
|
-
background-color: transparent;
|
|
235
|
-
background-image: none;
|
|
236
|
-
}
|
|
410
|
+
input:where([type='button']),
|
|
411
|
+
input:where([type='reset']),
|
|
412
|
+
input:where([type='submit']) {
|
|
413
|
+
-webkit-appearance: button; /* 1 */
|
|
414
|
+
background-color: transparent; /* 2 */
|
|
415
|
+
background-image: none; /* 2 */
|
|
416
|
+
}
|
|
417
|
+
/*
|
|
418
|
+
Use the modern Firefox focus style for all focusable elements.
|
|
419
|
+
*/
|
|
237
420
|
:-moz-focusring {
|
|
238
421
|
outline: auto;
|
|
239
422
|
}
|
|
423
|
+
/*
|
|
424
|
+
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
425
|
+
*/
|
|
240
426
|
:-moz-ui-invalid {
|
|
241
427
|
box-shadow: none;
|
|
242
428
|
}
|
|
429
|
+
/*
|
|
430
|
+
Add the correct vertical alignment in Chrome and Firefox.
|
|
431
|
+
*/
|
|
243
432
|
progress {
|
|
244
433
|
vertical-align: baseline;
|
|
245
434
|
}
|
|
435
|
+
/*
|
|
436
|
+
Correct the cursor style of increment and decrement buttons in Safari.
|
|
437
|
+
*/
|
|
246
438
|
::-webkit-inner-spin-button,
|
|
247
439
|
::-webkit-outer-spin-button {
|
|
248
440
|
height: auto;
|
|
249
441
|
}
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
442
|
+
/*
|
|
443
|
+
1. Correct the odd appearance in Chrome and Safari.
|
|
444
|
+
2. Correct the outline style in Safari.
|
|
445
|
+
*/
|
|
446
|
+
[type='search'] {
|
|
447
|
+
-webkit-appearance: textfield; /* 1 */
|
|
448
|
+
outline-offset: -2px; /* 2 */
|
|
449
|
+
}
|
|
450
|
+
/*
|
|
451
|
+
Remove the inner padding in Chrome and Safari on macOS.
|
|
452
|
+
*/
|
|
254
453
|
::-webkit-search-decoration {
|
|
255
454
|
-webkit-appearance: none;
|
|
256
455
|
}
|
|
456
|
+
/*
|
|
457
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
458
|
+
2. Change font properties to `inherit` in Safari.
|
|
459
|
+
*/
|
|
257
460
|
::-webkit-file-upload-button {
|
|
258
|
-
-webkit-appearance: button;
|
|
259
|
-
font: inherit;
|
|
461
|
+
-webkit-appearance: button; /* 1 */
|
|
462
|
+
font: inherit; /* 2 */
|
|
260
463
|
}
|
|
464
|
+
/*
|
|
465
|
+
Add the correct display in Chrome and Safari.
|
|
466
|
+
*/
|
|
261
467
|
summary {
|
|
262
468
|
display: list-item;
|
|
263
469
|
}
|
|
470
|
+
/*
|
|
471
|
+
Removes the default spacing and border for appropriate elements.
|
|
472
|
+
*/
|
|
264
473
|
blockquote,
|
|
265
474
|
dl,
|
|
266
475
|
dd,
|
|
@@ -290,29 +499,49 @@ menu {
|
|
|
290
499
|
margin: 0;
|
|
291
500
|
padding: 0;
|
|
292
501
|
}
|
|
502
|
+
/*
|
|
503
|
+
Reset default styling for dialogs.
|
|
504
|
+
*/
|
|
293
505
|
dialog {
|
|
294
506
|
padding: 0;
|
|
295
507
|
}
|
|
508
|
+
/*
|
|
509
|
+
Prevent resizing textareas horizontally by default.
|
|
510
|
+
*/
|
|
296
511
|
textarea {
|
|
297
512
|
resize: vertical;
|
|
298
513
|
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
514
|
+
/*
|
|
515
|
+
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
516
|
+
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
517
|
+
*/
|
|
518
|
+
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
519
|
+
opacity: 1; /* 1 */
|
|
520
|
+
color: #9ca3af; /* 2 */
|
|
303
521
|
}
|
|
304
522
|
input::placeholder,
|
|
305
523
|
textarea::placeholder {
|
|
306
|
-
opacity: 1;
|
|
307
|
-
color: #9ca3af;
|
|
524
|
+
opacity: 1; /* 1 */
|
|
525
|
+
color: #9ca3af; /* 2 */
|
|
308
526
|
}
|
|
527
|
+
/*
|
|
528
|
+
Set the default cursor for buttons.
|
|
529
|
+
*/
|
|
309
530
|
button,
|
|
310
|
-
[role=button] {
|
|
531
|
+
[role="button"] {
|
|
311
532
|
cursor: pointer;
|
|
312
533
|
}
|
|
534
|
+
/*
|
|
535
|
+
Make sure disabled buttons don't get the pointer cursor.
|
|
536
|
+
*/
|
|
313
537
|
:disabled {
|
|
314
538
|
cursor: default;
|
|
315
539
|
}
|
|
540
|
+
/*
|
|
541
|
+
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
542
|
+
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
543
|
+
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
544
|
+
*/
|
|
316
545
|
img,
|
|
317
546
|
svg,
|
|
318
547
|
video,
|
|
@@ -321,17 +550,100 @@ audio,
|
|
|
321
550
|
iframe,
|
|
322
551
|
embed,
|
|
323
552
|
object {
|
|
324
|
-
display: block;
|
|
325
|
-
vertical-align: middle;
|
|
553
|
+
display: block; /* 1 */
|
|
554
|
+
vertical-align: middle; /* 2 */
|
|
326
555
|
}
|
|
556
|
+
/*
|
|
557
|
+
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
558
|
+
*/
|
|
327
559
|
img,
|
|
328
560
|
video {
|
|
329
561
|
max-width: 100%;
|
|
330
562
|
height: auto;
|
|
331
563
|
}
|
|
332
|
-
|
|
564
|
+
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
565
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
333
566
|
display: none;
|
|
334
567
|
}
|
|
568
|
+
.fnx-floating-button {
|
|
569
|
+
/* Theme colors */
|
|
570
|
+
--fnx-bg-primary: #ffffff;
|
|
571
|
+
--fnx-bg-status: #FFF8E1;
|
|
572
|
+
--fnx-text-primary: #000000;
|
|
573
|
+
--fnx-border-color: #e2e8f0;
|
|
574
|
+
|
|
575
|
+
/* MainPage colors */
|
|
576
|
+
--fnx-card-bg: #F5F5F5;
|
|
577
|
+
--fnx-card-border: #4E4E4E;
|
|
578
|
+
--fnx-icon-bg: #ffffff;
|
|
579
|
+
--fnx-button-bg: #ffffff;
|
|
580
|
+
--fnx-button-hover-bg: #0AD9DC99;
|
|
581
|
+
--fnx-button-hover-text: #ffffff;
|
|
582
|
+
--fnx-dropdown-bg: #ffffff;
|
|
583
|
+
--fnx-dropdown-border: #e5e7eb;
|
|
584
|
+
--fnx-dropdown-hover-bg: #f3f4f6;
|
|
585
|
+
--fnx-hover-overlay: rgba(255, 255, 255, 0.1);
|
|
586
|
+
--fnx-positive-change: #16a34a;
|
|
587
|
+
--fnx-pattern-overlay: rgba(0, 0, 0, 0.02);
|
|
588
|
+
--fnx-button-border: #08989A;
|
|
589
|
+
--fnx-button-default-text: #00314E;
|
|
590
|
+
--fnx-button-default-border: #5F6368;
|
|
591
|
+
--fnx-button-default-font-weight: 500;
|
|
592
|
+
--fnx-send-button-enabled-bg: #8DE8EF;
|
|
593
|
+
--fnx-send-button-enabled-hover-bg: #80d4da;
|
|
594
|
+
--fnx-send-button-enabled-text: #ffffff;
|
|
595
|
+
--fnx-send-button-disabled-bg: #d1d5db;
|
|
596
|
+
--fnx-send-button-disabled-text: #6b7280;
|
|
597
|
+
--fnx-corner-accent-color: #0AD9DC;
|
|
598
|
+
--fnx-corner-size: 10px;
|
|
599
|
+
--fnx-content-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
600
|
+
|
|
601
|
+
/* Sizing - defaults, will be overridden by inline CSS variables */
|
|
602
|
+
--fnx-border-radius: 0x;
|
|
603
|
+
|
|
604
|
+
/* Token list */
|
|
605
|
+
--fnx-token-list-max-height: 250px;
|
|
606
|
+
|
|
607
|
+
/* Animation timing */
|
|
608
|
+
--fnx-transition-duration: 300ms;
|
|
609
|
+
--fnx-transition-duration-fast: 200ms;
|
|
610
|
+
--fnx-transition-duration-content: 150ms;
|
|
611
|
+
|
|
612
|
+
width: 380px;
|
|
613
|
+
max-width: calc(100vw - 24px);
|
|
614
|
+
}
|
|
615
|
+
.dark {
|
|
616
|
+
--fnx-bg-primary: #1a1a1a;
|
|
617
|
+
--fnx-bg-status: #2d2d2d;
|
|
618
|
+
--fnx-text-primary: #ffffff;
|
|
619
|
+
--fnx-text-status: #e0e0e0;
|
|
620
|
+
--fnx-border-color: rgba(255, 255, 255, 0.3);
|
|
621
|
+
|
|
622
|
+
/* MainPage dark mode colors */
|
|
623
|
+
--fnx-card-bg: #333333;
|
|
624
|
+
--fnx-card-border: #9E9E9E;
|
|
625
|
+
--fnx-icon-bg: #374151;
|
|
626
|
+
--fnx-button-bg: #595959;
|
|
627
|
+
--fnx-button-hover-bg: #00ACC1;
|
|
628
|
+
--fnx-button-hover-text: #ffffff;
|
|
629
|
+
--fnx-dropdown-bg: #1f2937;
|
|
630
|
+
--fnx-dropdown-border: #374151;
|
|
631
|
+
--fnx-dropdown-hover-bg: #374151;
|
|
632
|
+
--fnx-hover-overlay: rgba(255, 255, 255, 0.1);
|
|
633
|
+
--fnx-positive-change: #4ade80;
|
|
634
|
+
--fnx-pattern-overlay: rgba(255, 255, 255, 0.02);
|
|
635
|
+
--fnx-button-border: #08989A;
|
|
636
|
+
--fnx-button-default-text: #FFFFFF;
|
|
637
|
+
--fnx-button-default-border: #5F6368;
|
|
638
|
+
--fnx-button-default-font-weight: 500;
|
|
639
|
+
--fnx-send-button-enabled-bg: #08989A;
|
|
640
|
+
--fnx-send-button-enabled-hover-bg: #068285;
|
|
641
|
+
--fnx-send-button-enabled-text: #ffffff;
|
|
642
|
+
--fnx-send-button-disabled-bg: #374151;
|
|
643
|
+
--fnx-send-button-disabled-text: #9ca3af;
|
|
644
|
+
--fnx-corner-accent-color: #0AD9DC;
|
|
645
|
+
--fnx-content-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
|
|
646
|
+
}
|
|
335
647
|
.container {
|
|
336
648
|
width: 100%;
|
|
337
649
|
}
|
|
@@ -360,6 +672,7 @@ video {
|
|
|
360
672
|
max-width: 1536px;
|
|
361
673
|
}
|
|
362
674
|
}
|
|
675
|
+
/* Component-specific styles for proper dropdown behavior */
|
|
363
676
|
.cofhe-dropdown-container {
|
|
364
677
|
position: relative;
|
|
365
678
|
}
|
|
@@ -378,10 +691,7 @@ video {
|
|
|
378
691
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
379
692
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
380
693
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
381
|
-
box-shadow:
|
|
382
|
-
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
383
|
-
var(--tw-ring-shadow, 0 0 #0000),
|
|
384
|
-
var(--tw-shadow);
|
|
694
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
385
695
|
}
|
|
386
696
|
.cofhe-dropdown-menu:is(.dark *) {
|
|
387
697
|
--tw-border-opacity: 1;
|
|
@@ -395,6 +705,7 @@ video {
|
|
|
395
705
|
padding-top: 0.25rem;
|
|
396
706
|
padding-bottom: 0.25rem;
|
|
397
707
|
}
|
|
708
|
+
/* Custom scrollbar for dropdown */
|
|
398
709
|
.cofhe-dropdown-menu::-webkit-scrollbar {
|
|
399
710
|
width: 0.5rem;
|
|
400
711
|
}
|
|
@@ -419,58 +730,276 @@ video {
|
|
|
419
730
|
--tw-bg-opacity: 1;
|
|
420
731
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
|
|
421
732
|
}
|
|
733
|
+
.sr-only {
|
|
734
|
+
position: absolute;
|
|
735
|
+
width: 1px;
|
|
736
|
+
height: 1px;
|
|
737
|
+
padding: 0;
|
|
738
|
+
margin: -1px;
|
|
739
|
+
overflow: hidden;
|
|
740
|
+
clip: rect(0, 0, 0, 0);
|
|
741
|
+
white-space: nowrap;
|
|
742
|
+
border-width: 0;
|
|
743
|
+
}
|
|
744
|
+
.pointer-events-none {
|
|
745
|
+
pointer-events: none;
|
|
746
|
+
}
|
|
747
|
+
.pointer-events-auto {
|
|
748
|
+
pointer-events: auto;
|
|
749
|
+
}
|
|
750
|
+
.visible {
|
|
751
|
+
visibility: visible;
|
|
752
|
+
}
|
|
753
|
+
.static {
|
|
754
|
+
position: static;
|
|
755
|
+
}
|
|
756
|
+
.fixed {
|
|
757
|
+
position: fixed;
|
|
758
|
+
}
|
|
422
759
|
.absolute {
|
|
423
760
|
position: absolute;
|
|
424
761
|
}
|
|
425
762
|
.relative {
|
|
426
763
|
position: relative;
|
|
427
764
|
}
|
|
765
|
+
.inset-0 {
|
|
766
|
+
inset: 0px;
|
|
767
|
+
}
|
|
428
768
|
.bottom-0 {
|
|
429
769
|
bottom: 0px;
|
|
430
770
|
}
|
|
771
|
+
.bottom-4 {
|
|
772
|
+
bottom: 1rem;
|
|
773
|
+
}
|
|
774
|
+
.left-0 {
|
|
775
|
+
left: 0px;
|
|
776
|
+
}
|
|
777
|
+
.left-4 {
|
|
778
|
+
left: 1rem;
|
|
779
|
+
}
|
|
431
780
|
.right-0 {
|
|
432
781
|
right: 0px;
|
|
433
782
|
}
|
|
434
783
|
.right-16 {
|
|
435
784
|
right: 4rem;
|
|
436
785
|
}
|
|
786
|
+
.right-4 {
|
|
787
|
+
right: 1rem;
|
|
788
|
+
}
|
|
437
789
|
.top-0 {
|
|
438
790
|
top: 0px;
|
|
439
791
|
}
|
|
440
792
|
.top-1\/2 {
|
|
441
793
|
top: 50%;
|
|
442
794
|
}
|
|
795
|
+
.top-4 {
|
|
796
|
+
top: 1rem;
|
|
797
|
+
}
|
|
798
|
+
.z-50 {
|
|
799
|
+
z-index: 50;
|
|
800
|
+
}
|
|
801
|
+
.z-\[1\] {
|
|
802
|
+
z-index: 1;
|
|
803
|
+
}
|
|
804
|
+
.z-\[2\] {
|
|
805
|
+
z-index: 2;
|
|
806
|
+
}
|
|
807
|
+
.-ml-4 {
|
|
808
|
+
margin-left: -1rem;
|
|
809
|
+
}
|
|
810
|
+
.-mr-4 {
|
|
811
|
+
margin-right: -1rem;
|
|
812
|
+
}
|
|
813
|
+
.-mt-1 {
|
|
814
|
+
margin-top: -0.25rem;
|
|
815
|
+
}
|
|
816
|
+
.-mt-4 {
|
|
817
|
+
margin-top: -1rem;
|
|
818
|
+
}
|
|
443
819
|
.mb-1 {
|
|
444
820
|
margin-bottom: 0.25rem;
|
|
445
821
|
}
|
|
822
|
+
.mb-2 {
|
|
823
|
+
margin-bottom: 0.5rem;
|
|
824
|
+
}
|
|
825
|
+
.ml-1 {
|
|
826
|
+
margin-left: 0.25rem;
|
|
827
|
+
}
|
|
828
|
+
.ml-2 {
|
|
829
|
+
margin-left: 0.5rem;
|
|
830
|
+
}
|
|
831
|
+
.ml-auto {
|
|
832
|
+
margin-left: auto;
|
|
833
|
+
}
|
|
834
|
+
.mr-2 {
|
|
835
|
+
margin-right: 0.5rem;
|
|
836
|
+
}
|
|
837
|
+
.mr-auto {
|
|
838
|
+
margin-right: auto;
|
|
839
|
+
}
|
|
840
|
+
.mt-1 {
|
|
841
|
+
margin-top: 0.25rem;
|
|
842
|
+
}
|
|
446
843
|
.mt-2 {
|
|
447
844
|
margin-top: 0.5rem;
|
|
448
845
|
}
|
|
449
846
|
.mt-3 {
|
|
450
847
|
margin-top: 0.75rem;
|
|
451
848
|
}
|
|
849
|
+
.mt-auto {
|
|
850
|
+
margin-top: auto;
|
|
851
|
+
}
|
|
452
852
|
.block {
|
|
453
853
|
display: block;
|
|
454
854
|
}
|
|
855
|
+
.inline-block {
|
|
856
|
+
display: inline-block;
|
|
857
|
+
}
|
|
455
858
|
.flex {
|
|
456
859
|
display: flex;
|
|
457
860
|
}
|
|
861
|
+
.inline-flex {
|
|
862
|
+
display: inline-flex;
|
|
863
|
+
}
|
|
864
|
+
.grid {
|
|
865
|
+
display: grid;
|
|
866
|
+
}
|
|
867
|
+
.hidden {
|
|
868
|
+
display: none;
|
|
869
|
+
}
|
|
870
|
+
.size-5 {
|
|
871
|
+
width: 1.25rem;
|
|
872
|
+
height: 1.25rem;
|
|
873
|
+
}
|
|
458
874
|
.h-1 {
|
|
459
875
|
height: 0.25rem;
|
|
460
876
|
}
|
|
877
|
+
.h-10 {
|
|
878
|
+
height: 2.5rem;
|
|
879
|
+
}
|
|
880
|
+
.h-12 {
|
|
881
|
+
height: 3rem;
|
|
882
|
+
}
|
|
883
|
+
.h-16 {
|
|
884
|
+
height: 4rem;
|
|
885
|
+
}
|
|
886
|
+
.h-3 {
|
|
887
|
+
height: 0.75rem;
|
|
888
|
+
}
|
|
889
|
+
.h-4 {
|
|
890
|
+
height: 1rem;
|
|
891
|
+
}
|
|
892
|
+
.h-5 {
|
|
893
|
+
height: 1.25rem;
|
|
894
|
+
}
|
|
895
|
+
.h-6 {
|
|
896
|
+
height: 1.5rem;
|
|
897
|
+
}
|
|
898
|
+
.h-7 {
|
|
899
|
+
height: 1.75rem;
|
|
900
|
+
}
|
|
901
|
+
.h-8 {
|
|
902
|
+
height: 2rem;
|
|
903
|
+
}
|
|
904
|
+
.h-\[18px\] {
|
|
905
|
+
height: 18px;
|
|
906
|
+
}
|
|
461
907
|
.h-full {
|
|
462
908
|
height: 100%;
|
|
463
909
|
}
|
|
910
|
+
.max-h-64 {
|
|
911
|
+
max-height: 16rem;
|
|
912
|
+
}
|
|
913
|
+
.max-h-\[500px\] {
|
|
914
|
+
max-height: 500px;
|
|
915
|
+
}
|
|
916
|
+
.min-h-0 {
|
|
917
|
+
min-height: 0px;
|
|
918
|
+
}
|
|
919
|
+
.min-h-8 {
|
|
920
|
+
min-height: 2rem;
|
|
921
|
+
}
|
|
922
|
+
.w-10 {
|
|
923
|
+
width: 2.5rem;
|
|
924
|
+
}
|
|
925
|
+
.w-12 {
|
|
926
|
+
width: 3rem;
|
|
927
|
+
}
|
|
928
|
+
.w-16 {
|
|
929
|
+
width: 4rem;
|
|
930
|
+
}
|
|
931
|
+
.w-24 {
|
|
932
|
+
width: 6rem;
|
|
933
|
+
}
|
|
934
|
+
.w-28 {
|
|
935
|
+
width: 7rem;
|
|
936
|
+
}
|
|
937
|
+
.w-3 {
|
|
938
|
+
width: 0.75rem;
|
|
939
|
+
}
|
|
940
|
+
.w-4 {
|
|
941
|
+
width: 1rem;
|
|
942
|
+
}
|
|
943
|
+
.w-5 {
|
|
944
|
+
width: 1.25rem;
|
|
945
|
+
}
|
|
946
|
+
.w-6 {
|
|
947
|
+
width: 1.5rem;
|
|
948
|
+
}
|
|
949
|
+
.w-7 {
|
|
950
|
+
width: 1.75rem;
|
|
951
|
+
}
|
|
952
|
+
.w-8 {
|
|
953
|
+
width: 2rem;
|
|
954
|
+
}
|
|
464
955
|
.w-full {
|
|
465
956
|
width: 100%;
|
|
466
957
|
}
|
|
958
|
+
.min-w-0 {
|
|
959
|
+
min-width: 0px;
|
|
960
|
+
}
|
|
961
|
+
.min-w-\[18px\] {
|
|
962
|
+
min-width: 18px;
|
|
963
|
+
}
|
|
964
|
+
.max-w-full {
|
|
965
|
+
max-width: 100%;
|
|
966
|
+
}
|
|
467
967
|
.flex-1 {
|
|
468
968
|
flex: 1 1 0%;
|
|
469
969
|
}
|
|
970
|
+
.flex-shrink-0 {
|
|
971
|
+
flex-shrink: 0;
|
|
972
|
+
}
|
|
973
|
+
.shrink-0 {
|
|
974
|
+
flex-shrink: 0;
|
|
975
|
+
}
|
|
976
|
+
.origin-right {
|
|
977
|
+
transform-origin: right;
|
|
978
|
+
}
|
|
979
|
+
.origin-top {
|
|
980
|
+
transform-origin: top;
|
|
981
|
+
}
|
|
470
982
|
.-translate-y-1\/2 {
|
|
471
983
|
--tw-translate-y: -50%;
|
|
472
984
|
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));
|
|
473
985
|
}
|
|
986
|
+
.-translate-y-\[35\%\] {
|
|
987
|
+
--tw-translate-y: -35%;
|
|
988
|
+
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));
|
|
989
|
+
}
|
|
990
|
+
.translate-x-\[35\%\] {
|
|
991
|
+
--tw-translate-x: 35%;
|
|
992
|
+
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));
|
|
993
|
+
}
|
|
994
|
+
.translate-y-\[-8px\] {
|
|
995
|
+
--tw-translate-y: -8px;
|
|
996
|
+
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));
|
|
997
|
+
}
|
|
998
|
+
.scale-\[0\.95\] {
|
|
999
|
+
--tw-scale-x: 0.95;
|
|
1000
|
+
--tw-scale-y: 0.95;
|
|
1001
|
+
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));
|
|
1002
|
+
}
|
|
474
1003
|
.transform {
|
|
475
1004
|
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));
|
|
476
1005
|
}
|
|
@@ -491,24 +1020,123 @@ video {
|
|
|
491
1020
|
.cursor-pointer {
|
|
492
1021
|
cursor: pointer;
|
|
493
1022
|
}
|
|
1023
|
+
.select-none {
|
|
1024
|
+
-webkit-user-select: none;
|
|
1025
|
+
-moz-user-select: none;
|
|
1026
|
+
user-select: none;
|
|
1027
|
+
}
|
|
1028
|
+
.appearance-none {
|
|
1029
|
+
-webkit-appearance: none;
|
|
1030
|
+
-moz-appearance: none;
|
|
1031
|
+
appearance: none;
|
|
1032
|
+
}
|
|
1033
|
+
.grid-cols-2 {
|
|
1034
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1035
|
+
}
|
|
1036
|
+
.grid-cols-3 {
|
|
1037
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1038
|
+
}
|
|
1039
|
+
.grid-cols-\[1fr\2c auto\2c auto\] {
|
|
1040
|
+
grid-template-columns: 1fr auto auto;
|
|
1041
|
+
}
|
|
1042
|
+
.flex-row {
|
|
1043
|
+
flex-direction: row;
|
|
1044
|
+
}
|
|
1045
|
+
.flex-row-reverse {
|
|
1046
|
+
flex-direction: row-reverse;
|
|
1047
|
+
}
|
|
1048
|
+
.flex-col {
|
|
1049
|
+
flex-direction: column;
|
|
1050
|
+
}
|
|
1051
|
+
.flex-col-reverse {
|
|
1052
|
+
flex-direction: column-reverse;
|
|
1053
|
+
}
|
|
494
1054
|
.items-start {
|
|
495
1055
|
align-items: flex-start;
|
|
496
1056
|
}
|
|
1057
|
+
.items-end {
|
|
1058
|
+
align-items: flex-end;
|
|
1059
|
+
}
|
|
497
1060
|
.items-center {
|
|
498
1061
|
align-items: center;
|
|
499
1062
|
}
|
|
1063
|
+
.\!justify-start {
|
|
1064
|
+
justify-content: flex-start !important;
|
|
1065
|
+
}
|
|
1066
|
+
.justify-start {
|
|
1067
|
+
justify-content: flex-start;
|
|
1068
|
+
}
|
|
1069
|
+
.justify-end {
|
|
1070
|
+
justify-content: flex-end;
|
|
1071
|
+
}
|
|
1072
|
+
.justify-center {
|
|
1073
|
+
justify-content: center;
|
|
1074
|
+
}
|
|
500
1075
|
.justify-between {
|
|
501
1076
|
justify-content: space-between;
|
|
502
1077
|
}
|
|
503
1078
|
.gap-1 {
|
|
504
1079
|
gap: 0.25rem;
|
|
505
1080
|
}
|
|
1081
|
+
.gap-1\.5 {
|
|
1082
|
+
gap: 0.375rem;
|
|
1083
|
+
}
|
|
1084
|
+
.gap-2 {
|
|
1085
|
+
gap: 0.5rem;
|
|
1086
|
+
}
|
|
1087
|
+
.gap-2\.5 {
|
|
1088
|
+
gap: 0.625rem;
|
|
1089
|
+
}
|
|
506
1090
|
.gap-3 {
|
|
507
1091
|
gap: 0.75rem;
|
|
508
1092
|
}
|
|
1093
|
+
.gap-4 {
|
|
1094
|
+
gap: 1rem;
|
|
1095
|
+
}
|
|
1096
|
+
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
1097
|
+
--tw-space-y-reverse: 0;
|
|
1098
|
+
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1099
|
+
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
1100
|
+
}
|
|
1101
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1102
|
+
--tw-space-y-reverse: 0;
|
|
1103
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1104
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1105
|
+
}
|
|
1106
|
+
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1107
|
+
--tw-space-y-reverse: 0;
|
|
1108
|
+
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1109
|
+
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
1110
|
+
}
|
|
1111
|
+
.self-start {
|
|
1112
|
+
align-self: flex-start;
|
|
1113
|
+
}
|
|
1114
|
+
.self-center {
|
|
1115
|
+
align-self: center;
|
|
1116
|
+
}
|
|
509
1117
|
.overflow-hidden {
|
|
510
1118
|
overflow: hidden;
|
|
511
1119
|
}
|
|
1120
|
+
.overflow-y-auto {
|
|
1121
|
+
overflow-y: auto;
|
|
1122
|
+
}
|
|
1123
|
+
.overflow-y-hidden {
|
|
1124
|
+
overflow-y: hidden;
|
|
1125
|
+
}
|
|
1126
|
+
.truncate {
|
|
1127
|
+
overflow: hidden;
|
|
1128
|
+
text-overflow: ellipsis;
|
|
1129
|
+
white-space: nowrap;
|
|
1130
|
+
}
|
|
1131
|
+
.whitespace-nowrap {
|
|
1132
|
+
white-space: nowrap;
|
|
1133
|
+
}
|
|
1134
|
+
.whitespace-pre-wrap {
|
|
1135
|
+
white-space: pre-wrap;
|
|
1136
|
+
}
|
|
1137
|
+
.break-words {
|
|
1138
|
+
overflow-wrap: break-word;
|
|
1139
|
+
}
|
|
512
1140
|
.rounded {
|
|
513
1141
|
border-radius: 0.25rem;
|
|
514
1142
|
}
|
|
@@ -518,6 +1146,12 @@ video {
|
|
|
518
1146
|
.rounded-lg {
|
|
519
1147
|
border-radius: 0.5rem;
|
|
520
1148
|
}
|
|
1149
|
+
.rounded-md {
|
|
1150
|
+
border-radius: 0.375rem;
|
|
1151
|
+
}
|
|
1152
|
+
.rounded-xl {
|
|
1153
|
+
border-radius: 0.75rem;
|
|
1154
|
+
}
|
|
521
1155
|
.rounded-r-md {
|
|
522
1156
|
border-top-right-radius: 0.375rem;
|
|
523
1157
|
border-bottom-right-radius: 0.375rem;
|
|
@@ -528,21 +1162,126 @@ video {
|
|
|
528
1162
|
.border-0 {
|
|
529
1163
|
border-width: 0px;
|
|
530
1164
|
}
|
|
1165
|
+
.border-b {
|
|
1166
|
+
border-bottom-width: 1px;
|
|
1167
|
+
}
|
|
531
1168
|
.border-l {
|
|
532
1169
|
border-left-width: 1px;
|
|
533
1170
|
}
|
|
1171
|
+
.border-\[\#068571\] {
|
|
1172
|
+
--tw-border-opacity: 1;
|
|
1173
|
+
border-color: rgb(6 133 113 / var(--tw-border-opacity, 1));
|
|
1174
|
+
}
|
|
1175
|
+
.border-\[\#0E2F3F\]\/15 {
|
|
1176
|
+
border-color: rgb(14 47 63 / 0.15);
|
|
1177
|
+
}
|
|
1178
|
+
.border-\[\#0E2F3F\]\/30 {
|
|
1179
|
+
border-color: rgb(14 47 63 / 0.3);
|
|
1180
|
+
}
|
|
1181
|
+
.border-\[\#0E2F3F\]\/40 {
|
|
1182
|
+
border-color: rgb(14 47 63 / 0.4);
|
|
1183
|
+
}
|
|
1184
|
+
.border-\[\#247AFF\] {
|
|
1185
|
+
--tw-border-opacity: 1;
|
|
1186
|
+
border-color: rgb(36 122 255 / var(--tw-border-opacity, 1));
|
|
1187
|
+
}
|
|
1188
|
+
.border-\[\#666666\] {
|
|
1189
|
+
--tw-border-opacity: 1;
|
|
1190
|
+
border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
|
|
1191
|
+
}
|
|
1192
|
+
.border-\[\#A1421F\] {
|
|
1193
|
+
--tw-border-opacity: 1;
|
|
1194
|
+
border-color: rgb(161 66 31 / var(--tw-border-opacity, 1));
|
|
1195
|
+
}
|
|
1196
|
+
.border-\[var\(--fnx-button-default-border\)\] {
|
|
1197
|
+
border-color: var(--fnx-button-default-border);
|
|
1198
|
+
}
|
|
1199
|
+
.border-blue-200 {
|
|
1200
|
+
--tw-border-opacity: 1;
|
|
1201
|
+
border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
|
|
1202
|
+
}
|
|
1203
|
+
.border-blue-500 {
|
|
1204
|
+
--tw-border-opacity: 1;
|
|
1205
|
+
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
1206
|
+
}
|
|
534
1207
|
.border-gray-300 {
|
|
535
1208
|
--tw-border-opacity: 1;
|
|
536
1209
|
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
537
1210
|
}
|
|
1211
|
+
.border-green-200 {
|
|
1212
|
+
--tw-border-opacity: 1;
|
|
1213
|
+
border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
|
|
1214
|
+
}
|
|
1215
|
+
.border-green-500 {
|
|
1216
|
+
--tw-border-opacity: 1;
|
|
1217
|
+
border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
|
|
1218
|
+
}
|
|
1219
|
+
.border-red-200 {
|
|
1220
|
+
--tw-border-opacity: 1;
|
|
1221
|
+
border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
|
|
1222
|
+
}
|
|
538
1223
|
.border-red-500 {
|
|
539
1224
|
--tw-border-opacity: 1;
|
|
540
1225
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
541
1226
|
}
|
|
1227
|
+
.border-transparent {
|
|
1228
|
+
border-color: transparent;
|
|
1229
|
+
}
|
|
1230
|
+
.border-yellow-200 {
|
|
1231
|
+
--tw-border-opacity: 1;
|
|
1232
|
+
border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
|
|
1233
|
+
}
|
|
1234
|
+
.border-yellow-500 {
|
|
1235
|
+
--tw-border-opacity: 1;
|
|
1236
|
+
border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
|
|
1237
|
+
}
|
|
1238
|
+
.bg-\[\#01D082\] {
|
|
1239
|
+
--tw-bg-opacity: 1;
|
|
1240
|
+
background-color: rgb(1 208 130 / var(--tw-bg-opacity, 1));
|
|
1241
|
+
}
|
|
1242
|
+
.bg-\[\#0E2F3F\]\/30 {
|
|
1243
|
+
background-color: rgb(14 47 63 / 0.3);
|
|
1244
|
+
}
|
|
1245
|
+
.bg-\[\#247AFF\] {
|
|
1246
|
+
--tw-bg-opacity: 1;
|
|
1247
|
+
background-color: rgb(36 122 255 / var(--tw-bg-opacity, 1));
|
|
1248
|
+
}
|
|
1249
|
+
.bg-\[\#6EE7F5\] {
|
|
1250
|
+
--tw-bg-opacity: 1;
|
|
1251
|
+
background-color: rgb(110 231 245 / var(--tw-bg-opacity, 1));
|
|
1252
|
+
}
|
|
1253
|
+
.bg-\[\#80E6E6\] {
|
|
1254
|
+
--tw-bg-opacity: 1;
|
|
1255
|
+
background-color: rgb(128 230 230 / var(--tw-bg-opacity, 1));
|
|
1256
|
+
}
|
|
1257
|
+
.bg-\[\#F0784F\] {
|
|
1258
|
+
--tw-bg-opacity: 1;
|
|
1259
|
+
background-color: rgb(240 120 79 / var(--tw-bg-opacity, 1));
|
|
1260
|
+
}
|
|
1261
|
+
.bg-\[\#F4F6F8\] {
|
|
1262
|
+
--tw-bg-opacity: 1;
|
|
1263
|
+
background-color: rgb(244 246 248 / var(--tw-bg-opacity, 1));
|
|
1264
|
+
}
|
|
1265
|
+
.bg-\[\#F8FAFB\] {
|
|
1266
|
+
--tw-bg-opacity: 1;
|
|
1267
|
+
background-color: rgb(248 250 251 / var(--tw-bg-opacity, 1));
|
|
1268
|
+
}
|
|
1269
|
+
.bg-\[\#FFB399\] {
|
|
1270
|
+
--tw-bg-opacity: 1;
|
|
1271
|
+
background-color: rgb(255 179 153 / var(--tw-bg-opacity, 1));
|
|
1272
|
+
}
|
|
1273
|
+
.bg-\[\#FFD699\] {
|
|
1274
|
+
--tw-bg-opacity: 1;
|
|
1275
|
+
background-color: rgb(255 214 153 / var(--tw-bg-opacity, 1));
|
|
1276
|
+
}
|
|
542
1277
|
.bg-blue-100 {
|
|
543
1278
|
--tw-bg-opacity: 1;
|
|
544
1279
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
|
|
545
1280
|
}
|
|
1281
|
+
.bg-blue-50 {
|
|
1282
|
+
--tw-bg-opacity: 1;
|
|
1283
|
+
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
|
|
1284
|
+
}
|
|
546
1285
|
.bg-blue-500 {
|
|
547
1286
|
--tw-bg-opacity: 1;
|
|
548
1287
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
@@ -551,6 +1290,9 @@ video {
|
|
|
551
1290
|
--tw-bg-opacity: 1;
|
|
552
1291
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
|
|
553
1292
|
}
|
|
1293
|
+
.bg-cyan-200\/70 {
|
|
1294
|
+
background-color: rgb(165 243 252 / 0.7);
|
|
1295
|
+
}
|
|
554
1296
|
.bg-gray-100 {
|
|
555
1297
|
--tw-bg-opacity: 1;
|
|
556
1298
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
@@ -563,6 +1305,14 @@ video {
|
|
|
563
1305
|
--tw-bg-opacity: 1;
|
|
564
1306
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
565
1307
|
}
|
|
1308
|
+
.bg-gray-500 {
|
|
1309
|
+
--tw-bg-opacity: 1;
|
|
1310
|
+
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
|
|
1311
|
+
}
|
|
1312
|
+
.bg-green-50 {
|
|
1313
|
+
--tw-bg-opacity: 1;
|
|
1314
|
+
background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
|
|
1315
|
+
}
|
|
566
1316
|
.bg-green-500 {
|
|
567
1317
|
--tw-bg-opacity: 1;
|
|
568
1318
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
|
|
@@ -571,6 +1321,14 @@ video {
|
|
|
571
1321
|
--tw-bg-opacity: 1;
|
|
572
1322
|
background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
|
|
573
1323
|
}
|
|
1324
|
+
.bg-red-50 {
|
|
1325
|
+
--tw-bg-opacity: 1;
|
|
1326
|
+
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
|
|
1327
|
+
}
|
|
1328
|
+
.bg-red-500 {
|
|
1329
|
+
--tw-bg-opacity: 1;
|
|
1330
|
+
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
1331
|
+
}
|
|
574
1332
|
.bg-red-600 {
|
|
575
1333
|
--tw-bg-opacity: 1;
|
|
576
1334
|
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
|
|
@@ -582,10 +1340,54 @@ video {
|
|
|
582
1340
|
--tw-bg-opacity: 1;
|
|
583
1341
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
584
1342
|
}
|
|
1343
|
+
.bg-yellow-50 {
|
|
1344
|
+
--tw-bg-opacity: 1;
|
|
1345
|
+
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
|
|
1346
|
+
}
|
|
1347
|
+
.bg-yellow-500 {
|
|
1348
|
+
--tw-bg-opacity: 1;
|
|
1349
|
+
background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
|
|
1350
|
+
}
|
|
585
1351
|
.bg-yellow-600 {
|
|
586
1352
|
--tw-bg-opacity: 1;
|
|
587
1353
|
background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
|
|
588
1354
|
}
|
|
1355
|
+
.fill-black {
|
|
1356
|
+
fill: #000;
|
|
1357
|
+
}
|
|
1358
|
+
.fill-inherit {
|
|
1359
|
+
fill: inherit;
|
|
1360
|
+
}
|
|
1361
|
+
.object-cover {
|
|
1362
|
+
-o-object-fit: cover;
|
|
1363
|
+
object-fit: cover;
|
|
1364
|
+
}
|
|
1365
|
+
.p-0\.5 {
|
|
1366
|
+
padding: 0.125rem;
|
|
1367
|
+
}
|
|
1368
|
+
.p-1 {
|
|
1369
|
+
padding: 0.25rem;
|
|
1370
|
+
}
|
|
1371
|
+
.p-10 {
|
|
1372
|
+
padding: 2.5rem;
|
|
1373
|
+
}
|
|
1374
|
+
.p-2 {
|
|
1375
|
+
padding: 0.5rem;
|
|
1376
|
+
}
|
|
1377
|
+
.p-3 {
|
|
1378
|
+
padding: 0.75rem;
|
|
1379
|
+
}
|
|
1380
|
+
.p-4 {
|
|
1381
|
+
padding: 1rem;
|
|
1382
|
+
}
|
|
1383
|
+
.px-0\.5 {
|
|
1384
|
+
padding-left: 0.125rem;
|
|
1385
|
+
padding-right: 0.125rem;
|
|
1386
|
+
}
|
|
1387
|
+
.px-1 {
|
|
1388
|
+
padding-left: 0.25rem;
|
|
1389
|
+
padding-right: 0.25rem;
|
|
1390
|
+
}
|
|
589
1391
|
.px-2 {
|
|
590
1392
|
padding-left: 0.5rem;
|
|
591
1393
|
padding-right: 0.5rem;
|
|
@@ -606,10 +1408,18 @@ video {
|
|
|
606
1408
|
padding-left: 1.5rem;
|
|
607
1409
|
padding-right: 1.5rem;
|
|
608
1410
|
}
|
|
1411
|
+
.py-0\.5 {
|
|
1412
|
+
padding-top: 0.125rem;
|
|
1413
|
+
padding-bottom: 0.125rem;
|
|
1414
|
+
}
|
|
609
1415
|
.py-1 {
|
|
610
1416
|
padding-top: 0.25rem;
|
|
611
1417
|
padding-bottom: 0.25rem;
|
|
612
1418
|
}
|
|
1419
|
+
.py-1\.5 {
|
|
1420
|
+
padding-top: 0.375rem;
|
|
1421
|
+
padding-bottom: 0.375rem;
|
|
1422
|
+
}
|
|
613
1423
|
.py-2 {
|
|
614
1424
|
padding-top: 0.5rem;
|
|
615
1425
|
padding-bottom: 0.5rem;
|
|
@@ -622,39 +1432,162 @@ video {
|
|
|
622
1432
|
padding-top: 1rem;
|
|
623
1433
|
padding-bottom: 1rem;
|
|
624
1434
|
}
|
|
1435
|
+
.py-6 {
|
|
1436
|
+
padding-top: 1.5rem;
|
|
1437
|
+
padding-bottom: 1.5rem;
|
|
1438
|
+
}
|
|
1439
|
+
.py-8 {
|
|
1440
|
+
padding-top: 2rem;
|
|
1441
|
+
padding-bottom: 2rem;
|
|
1442
|
+
}
|
|
1443
|
+
.pb-1 {
|
|
1444
|
+
padding-bottom: 0.25rem;
|
|
1445
|
+
}
|
|
1446
|
+
.pb-2 {
|
|
1447
|
+
padding-bottom: 0.5rem;
|
|
1448
|
+
}
|
|
1449
|
+
.pb-3 {
|
|
1450
|
+
padding-bottom: 0.75rem;
|
|
1451
|
+
}
|
|
1452
|
+
.pl-1 {
|
|
1453
|
+
padding-left: 0.25rem;
|
|
1454
|
+
}
|
|
1455
|
+
.pl-4 {
|
|
1456
|
+
padding-left: 1rem;
|
|
1457
|
+
}
|
|
1458
|
+
.pr-1 {
|
|
1459
|
+
padding-right: 0.25rem;
|
|
1460
|
+
}
|
|
625
1461
|
.pr-20 {
|
|
626
1462
|
padding-right: 5rem;
|
|
627
1463
|
}
|
|
1464
|
+
.pr-5 {
|
|
1465
|
+
padding-right: 1.25rem;
|
|
1466
|
+
}
|
|
1467
|
+
.pt-1 {
|
|
1468
|
+
padding-top: 0.25rem;
|
|
1469
|
+
}
|
|
1470
|
+
.pt-2 {
|
|
1471
|
+
padding-top: 0.5rem;
|
|
1472
|
+
}
|
|
1473
|
+
.text-left {
|
|
1474
|
+
text-align: left;
|
|
1475
|
+
}
|
|
1476
|
+
.text-center {
|
|
1477
|
+
text-align: center;
|
|
1478
|
+
}
|
|
1479
|
+
.text-right {
|
|
1480
|
+
text-align: right;
|
|
1481
|
+
}
|
|
628
1482
|
.font-mono {
|
|
629
|
-
font-family:
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
1483
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
1484
|
+
}
|
|
1485
|
+
.text-2xl {
|
|
1486
|
+
font-size: 1.5rem;
|
|
1487
|
+
line-height: 2rem;
|
|
1488
|
+
}
|
|
1489
|
+
.text-\[10px\] {
|
|
1490
|
+
font-size: 10px;
|
|
1491
|
+
}
|
|
1492
|
+
.text-\[8px\] {
|
|
1493
|
+
font-size: 8px;
|
|
638
1494
|
}
|
|
639
1495
|
.text-base {
|
|
640
1496
|
font-size: 1rem;
|
|
641
1497
|
line-height: 1.5rem;
|
|
642
1498
|
}
|
|
1499
|
+
.text-lg {
|
|
1500
|
+
font-size: 1.125rem;
|
|
1501
|
+
line-height: 1.75rem;
|
|
1502
|
+
}
|
|
643
1503
|
.text-sm {
|
|
644
1504
|
font-size: 0.875rem;
|
|
645
1505
|
line-height: 1.25rem;
|
|
646
1506
|
}
|
|
1507
|
+
.text-xl {
|
|
1508
|
+
font-size: 1.25rem;
|
|
1509
|
+
line-height: 1.75rem;
|
|
1510
|
+
}
|
|
647
1511
|
.text-xs {
|
|
648
1512
|
font-size: 0.75rem;
|
|
649
1513
|
line-height: 1rem;
|
|
650
1514
|
}
|
|
1515
|
+
.text-xxs {
|
|
1516
|
+
font-size: 0.625rem;
|
|
1517
|
+
line-height: 1rem;
|
|
1518
|
+
}
|
|
1519
|
+
.text-xxxs {
|
|
1520
|
+
font-size: 0.5rem;
|
|
1521
|
+
line-height: 0.75rem;
|
|
1522
|
+
}
|
|
1523
|
+
.font-bold {
|
|
1524
|
+
font-weight: 700;
|
|
1525
|
+
}
|
|
651
1526
|
.font-medium {
|
|
652
1527
|
font-weight: 500;
|
|
653
1528
|
}
|
|
1529
|
+
.font-semibold {
|
|
1530
|
+
font-weight: 600;
|
|
1531
|
+
}
|
|
1532
|
+
.italic {
|
|
1533
|
+
font-style: italic;
|
|
1534
|
+
}
|
|
1535
|
+
.tabular-nums {
|
|
1536
|
+
--tw-numeric-spacing: tabular-nums;
|
|
1537
|
+
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
|
|
1538
|
+
}
|
|
1539
|
+
.leading-none {
|
|
1540
|
+
line-height: 1;
|
|
1541
|
+
}
|
|
1542
|
+
.leading-relaxed {
|
|
1543
|
+
line-height: 1.625;
|
|
1544
|
+
}
|
|
1545
|
+
.leading-tight {
|
|
1546
|
+
line-height: 1.25;
|
|
1547
|
+
}
|
|
1548
|
+
.tracking-tight {
|
|
1549
|
+
letter-spacing: -0.025em;
|
|
1550
|
+
}
|
|
1551
|
+
.text-\[\#003366\] {
|
|
1552
|
+
--tw-text-opacity: 1;
|
|
1553
|
+
color: rgb(0 51 102 / var(--tw-text-opacity, 1));
|
|
1554
|
+
}
|
|
1555
|
+
.text-\[\#003B4A\] {
|
|
1556
|
+
--tw-text-opacity: 1;
|
|
1557
|
+
color: rgb(0 59 74 / var(--tw-text-opacity, 1));
|
|
1558
|
+
}
|
|
1559
|
+
.text-\[\#0D3547\] {
|
|
1560
|
+
--tw-text-opacity: 1;
|
|
1561
|
+
color: rgb(13 53 71 / var(--tw-text-opacity, 1));
|
|
1562
|
+
}
|
|
1563
|
+
.text-\[\#0E2F3F\] {
|
|
1564
|
+
--tw-text-opacity: 1;
|
|
1565
|
+
color: rgb(14 47 63 / var(--tw-text-opacity, 1));
|
|
1566
|
+
}
|
|
1567
|
+
.text-\[\#355366\] {
|
|
1568
|
+
--tw-text-opacity: 1;
|
|
1569
|
+
color: rgb(53 83 102 / var(--tw-text-opacity, 1));
|
|
1570
|
+
}
|
|
1571
|
+
.text-\[\#4A1004\] {
|
|
1572
|
+
--tw-text-opacity: 1;
|
|
1573
|
+
color: rgb(74 16 4 / var(--tw-text-opacity, 1));
|
|
1574
|
+
}
|
|
1575
|
+
.text-\[\#F0784F\] {
|
|
1576
|
+
--tw-text-opacity: 1;
|
|
1577
|
+
color: rgb(240 120 79 / var(--tw-text-opacity, 1));
|
|
1578
|
+
}
|
|
1579
|
+
.text-blue-500 {
|
|
1580
|
+
--tw-text-opacity: 1;
|
|
1581
|
+
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
|
|
1582
|
+
}
|
|
654
1583
|
.text-blue-700 {
|
|
655
1584
|
--tw-text-opacity: 1;
|
|
656
1585
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
657
1586
|
}
|
|
1587
|
+
.text-blue-800 {
|
|
1588
|
+
--tw-text-opacity: 1;
|
|
1589
|
+
color: rgb(30 64 175 / var(--tw-text-opacity, 1));
|
|
1590
|
+
}
|
|
658
1591
|
.text-gray-400 {
|
|
659
1592
|
--tw-text-opacity: 1;
|
|
660
1593
|
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
@@ -671,14 +1604,54 @@ video {
|
|
|
671
1604
|
--tw-text-opacity: 1;
|
|
672
1605
|
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
|
|
673
1606
|
}
|
|
1607
|
+
.text-green-500 {
|
|
1608
|
+
--tw-text-opacity: 1;
|
|
1609
|
+
color: rgb(34 197 94 / var(--tw-text-opacity, 1));
|
|
1610
|
+
}
|
|
1611
|
+
.text-green-600 {
|
|
1612
|
+
--tw-text-opacity: 1;
|
|
1613
|
+
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
|
|
1614
|
+
}
|
|
1615
|
+
.text-green-800 {
|
|
1616
|
+
--tw-text-opacity: 1;
|
|
1617
|
+
color: rgb(22 101 52 / var(--tw-text-opacity, 1));
|
|
1618
|
+
}
|
|
1619
|
+
.text-purple-500 {
|
|
1620
|
+
--tw-text-opacity: 1;
|
|
1621
|
+
color: rgb(168 85 247 / var(--tw-text-opacity, 1));
|
|
1622
|
+
}
|
|
1623
|
+
.text-red-500 {
|
|
1624
|
+
--tw-text-opacity: 1;
|
|
1625
|
+
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
1626
|
+
}
|
|
674
1627
|
.text-red-600 {
|
|
675
1628
|
--tw-text-opacity: 1;
|
|
676
1629
|
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
|
|
677
1630
|
}
|
|
1631
|
+
.text-red-800 {
|
|
1632
|
+
--tw-text-opacity: 1;
|
|
1633
|
+
color: rgb(153 27 27 / var(--tw-text-opacity, 1));
|
|
1634
|
+
}
|
|
1635
|
+
.text-teal-500 {
|
|
1636
|
+
--tw-text-opacity: 1;
|
|
1637
|
+
color: rgb(20 184 166 / var(--tw-text-opacity, 1));
|
|
1638
|
+
}
|
|
678
1639
|
.text-white {
|
|
679
1640
|
--tw-text-opacity: 1;
|
|
680
1641
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
681
1642
|
}
|
|
1643
|
+
.text-yellow-500 {
|
|
1644
|
+
--tw-text-opacity: 1;
|
|
1645
|
+
color: rgb(234 179 8 / var(--tw-text-opacity, 1));
|
|
1646
|
+
}
|
|
1647
|
+
.text-yellow-600 {
|
|
1648
|
+
--tw-text-opacity: 1;
|
|
1649
|
+
color: rgb(202 138 4 / var(--tw-text-opacity, 1));
|
|
1650
|
+
}
|
|
1651
|
+
.text-yellow-800 {
|
|
1652
|
+
--tw-text-opacity: 1;
|
|
1653
|
+
color: rgb(133 77 14 / var(--tw-text-opacity, 1));
|
|
1654
|
+
}
|
|
682
1655
|
.placeholder-gray-400::-moz-placeholder {
|
|
683
1656
|
--tw-placeholder-opacity: 1;
|
|
684
1657
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
|
|
@@ -687,29 +1660,53 @@ video {
|
|
|
687
1660
|
--tw-placeholder-opacity: 1;
|
|
688
1661
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
|
|
689
1662
|
}
|
|
1663
|
+
.opacity-0 {
|
|
1664
|
+
opacity: 0;
|
|
1665
|
+
}
|
|
1666
|
+
.opacity-15 {
|
|
1667
|
+
opacity: 0.15;
|
|
1668
|
+
}
|
|
1669
|
+
.opacity-30 {
|
|
1670
|
+
opacity: 0.3;
|
|
1671
|
+
}
|
|
690
1672
|
.opacity-50 {
|
|
691
1673
|
opacity: 0.5;
|
|
692
1674
|
}
|
|
1675
|
+
.opacity-60 {
|
|
1676
|
+
opacity: 0.6;
|
|
1677
|
+
}
|
|
1678
|
+
.opacity-70 {
|
|
1679
|
+
opacity: 0.7;
|
|
1680
|
+
}
|
|
1681
|
+
.opacity-80 {
|
|
1682
|
+
opacity: 0.8;
|
|
1683
|
+
}
|
|
1684
|
+
.shadow-sm {
|
|
1685
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1686
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
1687
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1688
|
+
}
|
|
693
1689
|
.outline-none {
|
|
694
1690
|
outline: 2px solid transparent;
|
|
695
1691
|
outline-offset: 2px;
|
|
696
1692
|
}
|
|
1693
|
+
.outline {
|
|
1694
|
+
outline-style: solid;
|
|
1695
|
+
}
|
|
1696
|
+
.outline-2 {
|
|
1697
|
+
outline-width: 2px;
|
|
1698
|
+
}
|
|
1699
|
+
.outline-\[var\(--fnx-button-bg\)\] {
|
|
1700
|
+
outline-color: var(--fnx-button-bg);
|
|
1701
|
+
}
|
|
1702
|
+
.\!filter {
|
|
1703
|
+
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) !important;
|
|
1704
|
+
}
|
|
697
1705
|
.filter {
|
|
698
1706
|
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);
|
|
699
1707
|
}
|
|
700
1708
|
.transition {
|
|
701
|
-
transition-property:
|
|
702
|
-
color,
|
|
703
|
-
background-color,
|
|
704
|
-
border-color,
|
|
705
|
-
text-decoration-color,
|
|
706
|
-
fill,
|
|
707
|
-
stroke,
|
|
708
|
-
opacity,
|
|
709
|
-
box-shadow,
|
|
710
|
-
transform,
|
|
711
|
-
filter,
|
|
712
|
-
backdrop-filter;
|
|
1709
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
713
1710
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
714
1711
|
transition-duration: 150ms;
|
|
715
1712
|
}
|
|
@@ -719,13 +1716,12 @@ video {
|
|
|
719
1716
|
transition-duration: 150ms;
|
|
720
1717
|
}
|
|
721
1718
|
.transition-colors {
|
|
722
|
-
transition-property:
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
stroke;
|
|
1719
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1720
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1721
|
+
transition-duration: 150ms;
|
|
1722
|
+
}
|
|
1723
|
+
.transition-opacity {
|
|
1724
|
+
transition-property: opacity;
|
|
729
1725
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
730
1726
|
transition-duration: 150ms;
|
|
731
1727
|
}
|
|
@@ -738,6 +1734,20 @@ video {
|
|
|
738
1734
|
.ease-out {
|
|
739
1735
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
740
1736
|
}
|
|
1737
|
+
.placeholder\:text-\[\#355366\]::-moz-placeholder {
|
|
1738
|
+
--tw-text-opacity: 1;
|
|
1739
|
+
color: rgb(53 83 102 / var(--tw-text-opacity, 1));
|
|
1740
|
+
}
|
|
1741
|
+
.placeholder\:text-\[\#355366\]::placeholder {
|
|
1742
|
+
--tw-text-opacity: 1;
|
|
1743
|
+
color: rgb(53 83 102 / var(--tw-text-opacity, 1));
|
|
1744
|
+
}
|
|
1745
|
+
.placeholder\:opacity-50::-moz-placeholder {
|
|
1746
|
+
opacity: 0.5;
|
|
1747
|
+
}
|
|
1748
|
+
.placeholder\:opacity-50::placeholder {
|
|
1749
|
+
opacity: 0.5;
|
|
1750
|
+
}
|
|
741
1751
|
.focus-within\:border-blue-500:focus-within {
|
|
742
1752
|
--tw-border-opacity: 1;
|
|
743
1753
|
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
@@ -749,10 +1759,7 @@ video {
|
|
|
749
1759
|
.focus-within\:ring-2:focus-within {
|
|
750
1760
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
751
1761
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
752
|
-
box-shadow:
|
|
753
|
-
var(--tw-ring-offset-shadow),
|
|
754
|
-
var(--tw-ring-shadow),
|
|
755
|
-
var(--tw-shadow, 0 0 #0000);
|
|
1762
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
756
1763
|
}
|
|
757
1764
|
.focus-within\:ring-blue-500:focus-within {
|
|
758
1765
|
--tw-ring-opacity: 1;
|
|
@@ -762,14 +1769,38 @@ video {
|
|
|
762
1769
|
--tw-ring-opacity: 1;
|
|
763
1770
|
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
|
|
764
1771
|
}
|
|
1772
|
+
.hover\:border-\[\#4A4A4A\]:hover {
|
|
1773
|
+
--tw-border-opacity: 1;
|
|
1774
|
+
border-color: rgb(74 74 74 / var(--tw-border-opacity, 1));
|
|
1775
|
+
}
|
|
1776
|
+
.hover\:bg-\[\#6DD5D5\]:hover {
|
|
1777
|
+
--tw-bg-opacity: 1;
|
|
1778
|
+
background-color: rgb(109 213 213 / var(--tw-bg-opacity, 1));
|
|
1779
|
+
}
|
|
1780
|
+
.hover\:bg-\[\#FF9F80\]:hover {
|
|
1781
|
+
--tw-bg-opacity: 1;
|
|
1782
|
+
background-color: rgb(255 159 128 / var(--tw-bg-opacity, 1));
|
|
1783
|
+
}
|
|
1784
|
+
.hover\:bg-\[\#FFC966\]:hover {
|
|
1785
|
+
--tw-bg-opacity: 1;
|
|
1786
|
+
background-color: rgb(255 201 102 / var(--tw-bg-opacity, 1));
|
|
1787
|
+
}
|
|
765
1788
|
.hover\:bg-blue-50:hover {
|
|
766
1789
|
--tw-bg-opacity: 1;
|
|
767
1790
|
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
|
|
768
1791
|
}
|
|
1792
|
+
.hover\:bg-gray-100:hover {
|
|
1793
|
+
--tw-bg-opacity: 1;
|
|
1794
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
1795
|
+
}
|
|
769
1796
|
.hover\:bg-gray-200:hover {
|
|
770
1797
|
--tw-bg-opacity: 1;
|
|
771
1798
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
772
1799
|
}
|
|
1800
|
+
.hover\:bg-gray-50:hover {
|
|
1801
|
+
--tw-bg-opacity: 1;
|
|
1802
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
1803
|
+
}
|
|
773
1804
|
.hover\:bg-green-600:hover {
|
|
774
1805
|
--tw-bg-opacity: 1;
|
|
775
1806
|
background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
|
|
@@ -778,17 +1809,119 @@ video {
|
|
|
778
1809
|
--tw-text-opacity: 1;
|
|
779
1810
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
780
1811
|
}
|
|
1812
|
+
.hover\:underline:hover {
|
|
1813
|
+
text-decoration-line: underline;
|
|
1814
|
+
}
|
|
1815
|
+
.hover\:no-underline:hover {
|
|
1816
|
+
text-decoration-line: none;
|
|
1817
|
+
}
|
|
1818
|
+
.hover\:opacity-100:hover {
|
|
1819
|
+
opacity: 1;
|
|
1820
|
+
}
|
|
1821
|
+
.hover\:opacity-80:hover {
|
|
1822
|
+
opacity: 0.8;
|
|
1823
|
+
}
|
|
1824
|
+
.hover\:opacity-90:hover {
|
|
1825
|
+
opacity: 0.9;
|
|
1826
|
+
}
|
|
1827
|
+
.focus\:border-\[\#0EA5A7\]:focus {
|
|
1828
|
+
--tw-border-opacity: 1;
|
|
1829
|
+
border-color: rgb(14 165 167 / var(--tw-border-opacity, 1));
|
|
1830
|
+
}
|
|
1831
|
+
.focus\:outline-none:focus {
|
|
1832
|
+
outline: 2px solid transparent;
|
|
1833
|
+
outline-offset: 2px;
|
|
1834
|
+
}
|
|
1835
|
+
.focus\:ring-\[\#80E6E6\]:focus {
|
|
1836
|
+
--tw-ring-opacity: 1;
|
|
1837
|
+
--tw-ring-color: rgb(128 230 230 / var(--tw-ring-opacity, 1));
|
|
1838
|
+
}
|
|
1839
|
+
.focus\:ring-\[\#FFB399\]:focus {
|
|
1840
|
+
--tw-ring-opacity: 1;
|
|
1841
|
+
--tw-ring-color: rgb(255 179 153 / var(--tw-ring-opacity, 1));
|
|
1842
|
+
}
|
|
1843
|
+
.focus\:ring-\[\#FFD699\]:focus {
|
|
1844
|
+
--tw-ring-opacity: 1;
|
|
1845
|
+
--tw-ring-color: rgb(255 214 153 / var(--tw-ring-opacity, 1));
|
|
1846
|
+
}
|
|
1847
|
+
.focus\:ring-gray-300:focus {
|
|
1848
|
+
--tw-ring-opacity: 1;
|
|
1849
|
+
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
|
|
1850
|
+
}
|
|
1851
|
+
.disabled\:cursor-not-allowed:disabled {
|
|
1852
|
+
cursor: not-allowed;
|
|
1853
|
+
}
|
|
1854
|
+
.disabled\:opacity-50:disabled {
|
|
1855
|
+
opacity: 0.5;
|
|
1856
|
+
}
|
|
1857
|
+
.dark\:border-\[\#\#858585\]:is(.dark *) {
|
|
1858
|
+
border-color: ##858585;
|
|
1859
|
+
}
|
|
1860
|
+
.dark\:border-blue-800:is(.dark *) {
|
|
1861
|
+
--tw-border-opacity: 1;
|
|
1862
|
+
border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
|
|
1863
|
+
}
|
|
781
1864
|
.dark\:border-gray-600:is(.dark *) {
|
|
782
1865
|
--tw-border-opacity: 1;
|
|
783
1866
|
border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
|
|
784
1867
|
}
|
|
1868
|
+
.dark\:border-green-800:is(.dark *) {
|
|
1869
|
+
--tw-border-opacity: 1;
|
|
1870
|
+
border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
|
|
1871
|
+
}
|
|
1872
|
+
.dark\:border-red-800:is(.dark *) {
|
|
1873
|
+
--tw-border-opacity: 1;
|
|
1874
|
+
border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
|
|
1875
|
+
}
|
|
1876
|
+
.dark\:border-transparent:is(.dark *) {
|
|
1877
|
+
border-color: transparent;
|
|
1878
|
+
}
|
|
1879
|
+
.dark\:border-white\/10:is(.dark *) {
|
|
1880
|
+
border-color: rgb(255 255 255 / 0.1);
|
|
1881
|
+
}
|
|
1882
|
+
.dark\:border-white\/30:is(.dark *) {
|
|
1883
|
+
border-color: rgb(255 255 255 / 0.3);
|
|
1884
|
+
}
|
|
1885
|
+
.dark\:border-white\/40:is(.dark *) {
|
|
1886
|
+
border-color: rgb(255 255 255 / 0.4);
|
|
1887
|
+
}
|
|
1888
|
+
.dark\:border-yellow-800:is(.dark *) {
|
|
1889
|
+
--tw-border-opacity: 1;
|
|
1890
|
+
border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
|
|
1891
|
+
}
|
|
1892
|
+
.dark\:bg-\[\#121212\]:is(.dark *) {
|
|
1893
|
+
--tw-bg-opacity: 1;
|
|
1894
|
+
background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
|
|
1895
|
+
}
|
|
1896
|
+
.dark\:bg-\[\#2E9D9D\]:is(.dark *) {
|
|
1897
|
+
--tw-bg-opacity: 1;
|
|
1898
|
+
background-color: rgb(46 157 157 / var(--tw-bg-opacity, 1));
|
|
1899
|
+
}
|
|
1900
|
+
.dark\:bg-\[\#595959\]:is(.dark *) {
|
|
1901
|
+
--tw-bg-opacity: 1;
|
|
1902
|
+
background-color: rgb(89 89 89 / var(--tw-bg-opacity, 1));
|
|
1903
|
+
}
|
|
1904
|
+
.dark\:bg-\[\#D9532E\]:is(.dark *) {
|
|
1905
|
+
--tw-bg-opacity: 1;
|
|
1906
|
+
background-color: rgb(217 83 46 / var(--tw-bg-opacity, 1));
|
|
1907
|
+
}
|
|
1908
|
+
.dark\:bg-\[\#E67E22\]:is(.dark *) {
|
|
1909
|
+
--tw-bg-opacity: 1;
|
|
1910
|
+
background-color: rgb(230 126 34 / var(--tw-bg-opacity, 1));
|
|
1911
|
+
}
|
|
785
1912
|
.dark\:bg-blue-500:is(.dark *) {
|
|
786
1913
|
--tw-bg-opacity: 1;
|
|
787
1914
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
788
1915
|
}
|
|
1916
|
+
.dark\:bg-blue-900\/20:is(.dark *) {
|
|
1917
|
+
background-color: rgb(30 58 138 / 0.2);
|
|
1918
|
+
}
|
|
789
1919
|
.dark\:bg-blue-900\/50:is(.dark *) {
|
|
790
1920
|
background-color: rgb(30 58 138 / 0.5);
|
|
791
1921
|
}
|
|
1922
|
+
.dark\:bg-cyan-900\/40:is(.dark *) {
|
|
1923
|
+
background-color: rgb(22 78 99 / 0.4);
|
|
1924
|
+
}
|
|
792
1925
|
.dark\:bg-gray-600:is(.dark *) {
|
|
793
1926
|
--tw-bg-opacity: 1;
|
|
794
1927
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
|
|
@@ -805,14 +1938,37 @@ video {
|
|
|
805
1938
|
--tw-bg-opacity: 1;
|
|
806
1939
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
|
|
807
1940
|
}
|
|
1941
|
+
.dark\:bg-green-900\/20:is(.dark *) {
|
|
1942
|
+
background-color: rgb(20 83 45 / 0.2);
|
|
1943
|
+
}
|
|
808
1944
|
.dark\:bg-red-500:is(.dark *) {
|
|
809
1945
|
--tw-bg-opacity: 1;
|
|
810
1946
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
811
1947
|
}
|
|
1948
|
+
.dark\:bg-red-900\/20:is(.dark *) {
|
|
1949
|
+
background-color: rgb(127 29 29 / 0.2);
|
|
1950
|
+
}
|
|
1951
|
+
.dark\:bg-transparent:is(.dark *) {
|
|
1952
|
+
background-color: transparent;
|
|
1953
|
+
}
|
|
812
1954
|
.dark\:bg-yellow-500:is(.dark *) {
|
|
813
1955
|
--tw-bg-opacity: 1;
|
|
814
1956
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
|
|
815
1957
|
}
|
|
1958
|
+
.dark\:bg-yellow-900\/20:is(.dark *) {
|
|
1959
|
+
background-color: rgb(113 63 18 / 0.2);
|
|
1960
|
+
}
|
|
1961
|
+
.dark\:fill-white:is(.dark *) {
|
|
1962
|
+
fill: #fff;
|
|
1963
|
+
}
|
|
1964
|
+
.dark\:text-\[\#F0784F\]:is(.dark *) {
|
|
1965
|
+
--tw-text-opacity: 1;
|
|
1966
|
+
color: rgb(240 120 79 / var(--tw-text-opacity, 1));
|
|
1967
|
+
}
|
|
1968
|
+
.dark\:text-blue-200:is(.dark *) {
|
|
1969
|
+
--tw-text-opacity: 1;
|
|
1970
|
+
color: rgb(191 219 254 / var(--tw-text-opacity, 1));
|
|
1971
|
+
}
|
|
816
1972
|
.dark\:text-blue-300:is(.dark *) {
|
|
817
1973
|
--tw-text-opacity: 1;
|
|
818
1974
|
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
|
|
@@ -829,14 +1985,41 @@ video {
|
|
|
829
1985
|
--tw-text-opacity: 1;
|
|
830
1986
|
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
831
1987
|
}
|
|
1988
|
+
.dark\:text-green-200:is(.dark *) {
|
|
1989
|
+
--tw-text-opacity: 1;
|
|
1990
|
+
color: rgb(187 247 208 / var(--tw-text-opacity, 1));
|
|
1991
|
+
}
|
|
1992
|
+
.dark\:text-green-400:is(.dark *) {
|
|
1993
|
+
--tw-text-opacity: 1;
|
|
1994
|
+
color: rgb(74 222 128 / var(--tw-text-opacity, 1));
|
|
1995
|
+
}
|
|
1996
|
+
.dark\:text-red-200:is(.dark *) {
|
|
1997
|
+
--tw-text-opacity: 1;
|
|
1998
|
+
color: rgb(254 202 202 / var(--tw-text-opacity, 1));
|
|
1999
|
+
}
|
|
832
2000
|
.dark\:text-red-400:is(.dark *) {
|
|
833
2001
|
--tw-text-opacity: 1;
|
|
834
2002
|
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
|
|
835
2003
|
}
|
|
2004
|
+
.dark\:text-teal-400:is(.dark *) {
|
|
2005
|
+
--tw-text-opacity: 1;
|
|
2006
|
+
color: rgb(45 212 191 / var(--tw-text-opacity, 1));
|
|
2007
|
+
}
|
|
836
2008
|
.dark\:text-white:is(.dark *) {
|
|
837
2009
|
--tw-text-opacity: 1;
|
|
838
2010
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
839
2011
|
}
|
|
2012
|
+
.dark\:text-white\/80:is(.dark *) {
|
|
2013
|
+
color: rgb(255 255 255 / 0.8);
|
|
2014
|
+
}
|
|
2015
|
+
.dark\:text-yellow-200:is(.dark *) {
|
|
2016
|
+
--tw-text-opacity: 1;
|
|
2017
|
+
color: rgb(254 240 138 / var(--tw-text-opacity, 1));
|
|
2018
|
+
}
|
|
2019
|
+
.dark\:text-yellow-400:is(.dark *) {
|
|
2020
|
+
--tw-text-opacity: 1;
|
|
2021
|
+
color: rgb(250 204 21 / var(--tw-text-opacity, 1));
|
|
2022
|
+
}
|
|
840
2023
|
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder {
|
|
841
2024
|
--tw-placeholder-opacity: 1;
|
|
842
2025
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
|
|
@@ -845,6 +2028,42 @@ video {
|
|
|
845
2028
|
--tw-placeholder-opacity: 1;
|
|
846
2029
|
color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
|
|
847
2030
|
}
|
|
2031
|
+
.dark\:placeholder\:text-white\/50:is(.dark *)::-moz-placeholder {
|
|
2032
|
+
color: rgb(255 255 255 / 0.5);
|
|
2033
|
+
}
|
|
2034
|
+
.dark\:placeholder\:text-white\/50:is(.dark *)::placeholder {
|
|
2035
|
+
color: rgb(255 255 255 / 0.5);
|
|
2036
|
+
}
|
|
2037
|
+
.dark\:placeholder\:text-white\/60:is(.dark *)::-moz-placeholder {
|
|
2038
|
+
color: rgb(255 255 255 / 0.6);
|
|
2039
|
+
}
|
|
2040
|
+
.dark\:placeholder\:text-white\/60:is(.dark *)::placeholder {
|
|
2041
|
+
color: rgb(255 255 255 / 0.6);
|
|
2042
|
+
}
|
|
2043
|
+
.dark\:hover\:border-\[\#9E9E9E\]:hover:is(.dark *) {
|
|
2044
|
+
--tw-border-opacity: 1;
|
|
2045
|
+
border-color: rgb(158 158 158 / var(--tw-border-opacity, 1));
|
|
2046
|
+
}
|
|
2047
|
+
.dark\:hover\:bg-\[\#268585\]:hover:is(.dark *) {
|
|
2048
|
+
--tw-bg-opacity: 1;
|
|
2049
|
+
background-color: rgb(38 133 133 / var(--tw-bg-opacity, 1));
|
|
2050
|
+
}
|
|
2051
|
+
.dark\:hover\:bg-\[\#374151\]:hover:is(.dark *) {
|
|
2052
|
+
--tw-bg-opacity: 1;
|
|
2053
|
+
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
|
|
2054
|
+
}
|
|
2055
|
+
.dark\:hover\:bg-\[\#4A4A4A\]:hover:is(.dark *) {
|
|
2056
|
+
--tw-bg-opacity: 1;
|
|
2057
|
+
background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1));
|
|
2058
|
+
}
|
|
2059
|
+
.dark\:hover\:bg-\[\#C0441F\]:hover:is(.dark *) {
|
|
2060
|
+
--tw-bg-opacity: 1;
|
|
2061
|
+
background-color: rgb(192 68 31 / var(--tw-bg-opacity, 1));
|
|
2062
|
+
}
|
|
2063
|
+
.dark\:hover\:bg-\[\#D35400\]:hover:is(.dark *) {
|
|
2064
|
+
--tw-bg-opacity: 1;
|
|
2065
|
+
background-color: rgb(211 84 0 / var(--tw-bg-opacity, 1));
|
|
2066
|
+
}
|
|
848
2067
|
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *) {
|
|
849
2068
|
background-color: rgb(30 58 138 / 0.3);
|
|
850
2069
|
}
|
|
@@ -856,4 +2075,28 @@ video {
|
|
|
856
2075
|
--tw-text-opacity: 1;
|
|
857
2076
|
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
|
|
858
2077
|
}
|
|
859
|
-
|
|
2078
|
+
.dark\:focus\:ring-\[\#2E9D9D\]:focus:is(.dark *) {
|
|
2079
|
+
--tw-ring-opacity: 1;
|
|
2080
|
+
--tw-ring-color: rgb(46 157 157 / var(--tw-ring-opacity, 1));
|
|
2081
|
+
}
|
|
2082
|
+
.dark\:focus\:ring-\[\#D9532E\]:focus:is(.dark *) {
|
|
2083
|
+
--tw-ring-opacity: 1;
|
|
2084
|
+
--tw-ring-color: rgb(217 83 46 / var(--tw-ring-opacity, 1));
|
|
2085
|
+
}
|
|
2086
|
+
.dark\:focus\:ring-\[\#E67E22\]:focus:is(.dark *) {
|
|
2087
|
+
--tw-ring-opacity: 1;
|
|
2088
|
+
--tw-ring-color: rgb(230 126 34 / var(--tw-ring-opacity, 1));
|
|
2089
|
+
}
|
|
2090
|
+
.dark\:focus\:ring-gray-600:focus:is(.dark *) {
|
|
2091
|
+
--tw-ring-opacity: 1;
|
|
2092
|
+
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
|
|
2093
|
+
}
|
|
2094
|
+
.\[\&_\.recharts-cartesian-grid_line\]\:stroke-slate-400\/25 .recharts-cartesian-grid line {
|
|
2095
|
+
stroke: rgb(148 163 184 / 0.25);
|
|
2096
|
+
}
|
|
2097
|
+
.dark\:\[\&_\.recharts-cartesian-grid_line\]\:stroke-white\/10 .recharts-cartesian-grid line:is(.dark *) {
|
|
2098
|
+
stroke: rgb(255 255 255 / 0.1);
|
|
2099
|
+
}
|
|
2100
|
+
.\[\&_\.recharts-tooltip-cursor\]\:stroke-current .recharts-tooltip-cursor {
|
|
2101
|
+
stroke: currentColor;
|
|
2102
|
+
}
|