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