@julseb-lib/react 0.0.88 → 0.0.90
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/dist/index.cjs.js +659 -666
- package/dist/index.css +679 -570
- package/dist/index.es.js +3243 -2733
- package/dist/index.umd.js +1141 -1148
- package/dist/lib/Mixins.tsx +970 -970
- package/dist/lib/components/Avatar/Avatar.tsx +1 -1
- package/dist/lib/components/Avatar/AvatarFunction.tsx +99 -106
- package/dist/lib/components/Avatar/styles.tsx +62 -89
- package/dist/lib/components/Badge/Badge.tsx +54 -52
- package/dist/lib/components/Image/Image.tsx +77 -73
- package/dist/lib/components/Image/ImageFunction.tsx +39 -37
- package/dist/lib/components/Timepicker/Timepicker.tsx +234 -235
- package/dist/lib/components/Youtube/types.ts +5 -4
- package/dist/lib/index.css +679 -570
- package/dist/lib/index.ts +56 -55
- package/dist/lib/types/global.ts +129 -128
- package/dist/lib/types/index.ts +0 -1
- package/license.md +21 -0
- package/package.json +1 -1
- /package/dist/lib/{types/design-tokens.ts → design-tokens.ts} +0 -0
package/dist/index.css
CHANGED
|
@@ -1,284 +1,284 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
|
-
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
|
|
3
|
+
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
6
|
+
--color-black: rgb(0, 0, 0);
|
|
7
|
+
--color-white: rgb(255, 255, 255);
|
|
8
|
+
|
|
9
|
+
--color-light-gray-50: rgb(248, 248, 248);
|
|
10
|
+
--color-light-gray-100: rgb(228, 228, 228);
|
|
11
|
+
--color-light-gray-200: rgb(200, 200, 200);
|
|
12
|
+
--color-light-gray-300: rgb(173, 173, 173);
|
|
13
|
+
--color-light-gray-400: rgb(145, 145, 145);
|
|
14
|
+
--color-light-gray-500: rgb(118, 118, 118);
|
|
15
|
+
--color-light-gray-600: rgb(94, 94, 94);
|
|
16
|
+
--color-light-gray-700: rgb(71, 71, 71);
|
|
17
|
+
--color-light-gray-800: rgb(47, 47, 47);
|
|
18
|
+
--color-light-gray-900: rgb(24, 24, 24);
|
|
19
|
+
--color-light-primary-50: rgb(244, 246, 247);
|
|
20
|
+
--color-light-primary-100: rgb(209, 218, 225);
|
|
21
|
+
--color-light-primary-200: rgb(164, 181, 195);
|
|
22
|
+
--color-light-primary-300: rgb(118, 143, 164);
|
|
23
|
+
--color-light-primary-400: rgb(73, 106, 134);
|
|
24
|
+
--color-light-primary-500: rgb(27, 69, 104);
|
|
25
|
+
--color-light-primary-600: rgb(22, 55, 83);
|
|
26
|
+
--color-light-primary-700: rgb(16, 41, 62);
|
|
27
|
+
--color-light-primary-800: rgb(11, 28, 42);
|
|
28
|
+
--color-light-primary-900: rgb(5, 14, 21);
|
|
29
|
+
--color-light-secondary-50: rgb(244, 248, 253);
|
|
30
|
+
--color-light-secondary-100: rgb(212, 226, 246);
|
|
31
|
+
--color-light-secondary-200: rgb(168, 197, 237);
|
|
32
|
+
--color-light-secondary-300: rgb(125, 167, 229);
|
|
33
|
+
--color-light-secondary-400: rgb(81, 138, 220);
|
|
34
|
+
--color-light-secondary-500: rgb(38, 109, 211);
|
|
35
|
+
--color-light-secondary-600: rgb(30, 87, 169);
|
|
36
|
+
--color-light-secondary-700: rgb(23, 65, 127);
|
|
37
|
+
--color-light-secondary-800: rgb(15, 44, 84);
|
|
38
|
+
--color-light-secondary-900: rgb(8, 22, 42);
|
|
39
|
+
--color-light-success-50: rgb(243, 249, 246);
|
|
40
|
+
--color-light-success-100: rgb(206, 230, 219);
|
|
41
|
+
--color-light-success-200: rgb(157, 205, 183);
|
|
42
|
+
--color-light-success-300: rgb(107, 179, 146);
|
|
43
|
+
--color-light-success-400: rgb(58, 154, 110);
|
|
44
|
+
--color-light-success-500: rgb(9, 129, 74);
|
|
45
|
+
--color-light-success-600: rgb(7, 103, 59);
|
|
46
|
+
--color-light-success-700: rgb(5, 77, 44);
|
|
47
|
+
--color-light-success-800: rgb(4, 52, 30);
|
|
48
|
+
--color-light-success-900: rgb(2, 26, 15);
|
|
49
|
+
--color-light-danger-50: rgb(251, 242, 244);
|
|
50
|
+
--color-light-danger-100: rgb(240, 204, 209);
|
|
51
|
+
--color-light-danger-200: rgb(225, 153, 164);
|
|
52
|
+
--color-light-danger-300: rgb(209, 102, 118);
|
|
53
|
+
--color-light-danger-400: rgb(194, 51, 73);
|
|
54
|
+
--color-light-danger-500: rgb(179, 0, 27);
|
|
55
|
+
--color-light-danger-600: rgb(143, 0, 22);
|
|
56
|
+
--color-light-danger-700: rgb(107, 0, 16);
|
|
57
|
+
--color-light-danger-800: rgb(72, 0, 11);
|
|
58
|
+
--color-light-danger-900: rgb(36, 0, 5);
|
|
59
|
+
--color-light-warning-50: rgb(252, 246, 242);
|
|
60
|
+
--color-light-warning-100: rgb(243, 219, 204);
|
|
61
|
+
--color-light-warning-200: rgb(231, 182, 153);
|
|
62
|
+
--color-light-warning-300: rgb(220, 146, 102);
|
|
63
|
+
--color-light-warning-400: rgb(208, 109, 51);
|
|
64
|
+
--color-light-warning-500: rgb(196, 73, 0);
|
|
65
|
+
--color-light-warning-600: rgb(157, 58, 0);
|
|
66
|
+
--color-light-warning-700: rgb(118, 44, 0);
|
|
67
|
+
--color-light-warning-800: rgb(78, 29, 0);
|
|
68
|
+
--color-light-warning-900: rgb(39, 15, 0);
|
|
69
|
+
--color-light-background: var(--color-white);
|
|
70
|
+
--color-light-font: var(--color-black);
|
|
71
|
+
|
|
72
|
+
--color-light-link-font-default: var(--color-light-font);
|
|
73
|
+
--color-light-link-font-hover: var(--color-light-gray-700);
|
|
74
|
+
--color-light-link-font-active: var(--color-light-gray-900);
|
|
75
|
+
|
|
76
|
+
--color-light-link-background-default: var(--color-light-background);
|
|
77
|
+
--color-light-link-background-hover: var(--color-light-gray-300);
|
|
78
|
+
--color-light-link-background-active: var(--color-light-gray-100);
|
|
79
|
+
|
|
80
|
+
--color-light-font-ghost-default: var(--color-light-gray-900);
|
|
81
|
+
--color-light-font-ghost-hover: var(--color-light-gray-700);
|
|
82
|
+
--color-light-font-ghost-active: var(--color-light-gray-800);
|
|
83
|
+
|
|
84
|
+
--color-light-background-ghost-default: var(--color-light-gray-50);
|
|
85
|
+
--color-light-background-ghost-hover: var(--color-light-gray-200);
|
|
86
|
+
--color-light-background-ghost-active: var(--color-light-gray-100);
|
|
87
|
+
|
|
88
|
+
--color-dark-gray-50: rgba(24, 24, 24, 1);
|
|
89
|
+
--color-dark-gray-100: rgba(47, 47, 47, 1);
|
|
90
|
+
--color-dark-gray-200: rgba(71, 71, 71, 1);
|
|
91
|
+
--color-dark-gray-300: rgba(94, 94, 94, 1);
|
|
92
|
+
--color-dark-gray-400: rgba(118, 118, 118, 1);
|
|
93
|
+
--color-dark-gray-500: rgba(145, 145, 145, 1);
|
|
94
|
+
--color-dark-gray-600: rgba(173, 173, 173, 1);
|
|
95
|
+
--color-dark-gray-700: rgba(200, 200, 200, 1);
|
|
96
|
+
--color-dark-gray-800: rgba(228, 228, 228, 1);
|
|
97
|
+
--color-dark-gray-900: rgba(248, 248, 248, 1);
|
|
98
|
+
--color-dark-primary-50: rgb(20, 30, 51);
|
|
99
|
+
--color-dark-primary-100: rgb(41, 61, 102);
|
|
100
|
+
--color-dark-primary-200: rgb(61, 91, 153);
|
|
101
|
+
--color-dark-primary-300: rgb(82, 122, 204);
|
|
102
|
+
--color-dark-primary-400: rgb(102, 152, 255);
|
|
103
|
+
--color-dark-primary-500: rgb(133, 173, 255);
|
|
104
|
+
--color-dark-primary-600: rgb(163, 193, 255);
|
|
105
|
+
--color-dark-primary-700: rgb(194, 214, 255);
|
|
106
|
+
--color-dark-primary-800: rgb(224, 234, 255);
|
|
107
|
+
--color-dark-primary-900: rgb(247, 250, 255);
|
|
108
|
+
--color-dark-secondary-50: rgb(23, 45, 46);
|
|
109
|
+
--color-dark-secondary-100: rgb(46, 89, 92);
|
|
110
|
+
--color-dark-secondary-200: rgb(68, 134, 139);
|
|
111
|
+
--color-dark-secondary-300: rgb(91, 178, 185);
|
|
112
|
+
--color-dark-secondary-400: rgb(114, 223, 231);
|
|
113
|
+
--color-dark-secondary-500: rgb(142, 229, 236);
|
|
114
|
+
--color-dark-secondary-600: rgb(170, 236, 241);
|
|
115
|
+
--color-dark-secondary-700: rgb(199, 242, 245);
|
|
116
|
+
--color-dark-secondary-800: rgb(227, 249, 250);
|
|
117
|
+
--color-dark-secondary-900: rgb(248, 254, 254);
|
|
118
|
+
--color-dark-success-50: rgb(17, 47, 32);
|
|
119
|
+
--color-dark-success-100: rgb(35, 94, 64);
|
|
120
|
+
--color-dark-success-200: rgb(52, 141, 97);
|
|
121
|
+
--color-dark-success-300: rgb(70, 188, 129);
|
|
122
|
+
--color-dark-success-400: rgb(87, 235, 161);
|
|
123
|
+
--color-dark-success-500: rgb(121, 239, 180);
|
|
124
|
+
--color-dark-success-600: rgb(154, 243, 199);
|
|
125
|
+
--color-dark-success-700: rgb(188, 247, 217);
|
|
126
|
+
--color-dark-success-800: rgb(221, 251, 236);
|
|
127
|
+
--color-dark-success-900: rgb(247, 254, 250);
|
|
128
|
+
--color-dark-danger-50: rgb(51, 26, 26);
|
|
129
|
+
--color-dark-danger-100: rgb(102, 51, 51);
|
|
130
|
+
--color-dark-danger-200: rgb(153, 77, 77);
|
|
131
|
+
--color-dark-danger-300: rgb(204, 102, 102);
|
|
132
|
+
--color-dark-danger-400: rgb(255, 128, 128);
|
|
133
|
+
--color-dark-danger-500: rgb(255, 153, 153);
|
|
134
|
+
--color-dark-danger-600: rgb(255, 179, 179);
|
|
135
|
+
--color-dark-danger-700: rgb(255, 204, 204);
|
|
136
|
+
--color-dark-danger-800: rgb(255, 230, 230);
|
|
137
|
+
--color-dark-danger-900: rgb(255, 249, 249);
|
|
138
|
+
--color-dark-warning-50: rgb(51, 41, 23);
|
|
139
|
+
--color-dark-warning-100: rgb(101, 82, 46);
|
|
140
|
+
--color-dark-warning-200: rgb(152, 122, 70);
|
|
141
|
+
--color-dark-warning-300: rgb(202, 163, 93);
|
|
142
|
+
--color-dark-warning-400: rgb(253, 204, 116);
|
|
143
|
+
--color-dark-warning-500: rgb(254, 214, 144);
|
|
144
|
+
--color-dark-warning-600: rgb(254, 224, 172);
|
|
145
|
+
--color-dark-warning-700: rgb(254, 235, 199);
|
|
146
|
+
--color-dark-warning-800: rgb(255, 245, 227);
|
|
147
|
+
--color-dark-warning-900: rgb(255, 253, 248);
|
|
148
|
+
--color-dark-background: rgb(18, 18, 18);
|
|
149
|
+
--color-dark-font: var(--color-white);
|
|
150
|
+
|
|
151
|
+
--color-dark-link-font-default: var(--color-dark-font);
|
|
152
|
+
--color-dark-link-font-hover: var(--color-dark-gray-300);
|
|
153
|
+
--color-dark-link-font-active: var(--color-dark-gray-100);
|
|
154
|
+
|
|
155
|
+
--color-dark-link-background-default: var(--color-dark-background);
|
|
156
|
+
--color-dark-link-background-hover: var(--color-dark-gray-700);
|
|
157
|
+
--color-dark-link-background-active: var(--color-dark-gray-900);
|
|
158
|
+
|
|
159
|
+
--color-dark-font-ghost-default: var(--color-dark-gray-900);
|
|
160
|
+
--color-dark-font-ghost-hover: var(--color-dark-gray-700);
|
|
161
|
+
--color-dark-font-ghost-active: var(--color-dark-gray-800);
|
|
162
|
+
|
|
163
|
+
--color-dark-background-ghost-default: var(--color-dark-gray-50);
|
|
164
|
+
--color-dark-background-ghost-hover: var(--color-dark-gray-200);
|
|
165
|
+
--color-dark-background-ghost-active: var(--color-dark-gray-100);
|
|
166
|
+
|
|
167
|
+
--overlay-black-50: rgba(0, 0, 0, 0.5);
|
|
168
|
+
--overlay-black-80: rgba(0, 0, 0, 0.8);
|
|
169
|
+
--overlay-white-50: rgba(255, 255, 255, 0.5);
|
|
170
|
+
--overlay-white-80: rgba(255, 255, 255, 0.8);
|
|
171
|
+
--overlay-gradient-black: linear-gradient(
|
|
172
|
+
180deg,
|
|
173
|
+
rgba(255, 255, 255, 0) 0%,
|
|
174
|
+
rgba(0, 0, 0, 0.56) 100%
|
|
175
|
+
);
|
|
176
|
+
--overlay-gradient-white: linear-gradient(
|
|
177
|
+
180deg,
|
|
178
|
+
rgba(0, 0, 0, 0) 0%,
|
|
179
|
+
rgba(255, 255, 255, 0.35) 100%
|
|
180
|
+
);
|
|
181
|
+
|
|
182
|
+
/* Font families */
|
|
183
|
+
|
|
184
|
+
--font-family-body: "Lato-regular", sans-serif;
|
|
185
|
+
--font-family-code: "Roboto Mono", monospace;
|
|
186
|
+
|
|
187
|
+
/* Font sizes */
|
|
188
|
+
|
|
189
|
+
--font-size-display-h1: 5rem;
|
|
190
|
+
--font-size-display-h2: 4rem;
|
|
191
|
+
--font-size-display-h3: 3.5rem;
|
|
192
|
+
--font-size-display-h4: 3rem;
|
|
193
|
+
--font-size-display-h5: 2.5rem;
|
|
194
|
+
--font-size-h1: 2.5rem;
|
|
195
|
+
--font-size-h2: 2rem;
|
|
196
|
+
--font-size-h3: 1.8rem;
|
|
197
|
+
--font-size-h4: 1.5rem;
|
|
198
|
+
--font-size-h5: 1.3rem;
|
|
199
|
+
--font-size-h6: 1.1rem;
|
|
200
|
+
--font-size-body: 1rem;
|
|
201
|
+
--font-size-small: 0.875rem;
|
|
202
|
+
|
|
203
|
+
/* Font weights */
|
|
204
|
+
|
|
205
|
+
--font-weight-regular: 400;
|
|
206
|
+
--font-weight-bold: 700;
|
|
207
|
+
--font-weight-black: 900;
|
|
208
|
+
|
|
209
|
+
/* Line height */
|
|
210
|
+
|
|
211
|
+
--line-height-body: 1.5;
|
|
212
|
+
--line-height-code: 1.8;
|
|
213
|
+
|
|
214
|
+
--shadow-xxl: 0px 10px 14px 8px rgba(0, 0, 0, 0.2),
|
|
215
|
+
0px 4px 4px rgba(0, 0, 0, 0.3);
|
|
216
|
+
--shadow-xl: 0px 8px 12px 6px rgba(0, 0, 0, 0.15),
|
|
217
|
+
0px 4px 4px rgba(0, 0, 0, 0.3);
|
|
218
|
+
--shadow-l: 0px 6px 10px 4px rgba(0, 0, 0, 0.15),
|
|
219
|
+
0px 2px 3px rgba(0, 0, 0, 0.3);
|
|
220
|
+
--shadow-m: 0px 4px 8px 3px rgba(0, 0, 0, 0.15),
|
|
221
|
+
0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
222
|
+
--shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.3),
|
|
223
|
+
0px 2px 6px 2px rgba(0, 0, 0, 0.15);
|
|
224
|
+
--shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.3),
|
|
225
|
+
0px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
226
|
+
|
|
227
|
+
--spacer-xxl: 48px;
|
|
228
|
+
--spacer-xl: 32px;
|
|
229
|
+
--spacer-l: 24px;
|
|
230
|
+
--spacer-m: 16px;
|
|
231
|
+
--spacer-s: 12px;
|
|
232
|
+
--spacer-xs: 8px;
|
|
233
|
+
--spacer-xxs: 4px;
|
|
234
|
+
|
|
235
|
+
--radius-xxl: 24px;
|
|
236
|
+
--radius-xl: 16px;
|
|
237
|
+
--radius-l: 12px;
|
|
238
|
+
--radius-m: 8px;
|
|
239
|
+
--radius-s: 4px;
|
|
240
|
+
--radius-xs: 2px;
|
|
241
|
+
--radius-round: 99em;
|
|
242
|
+
--radius-circle: 50%;
|
|
243
|
+
|
|
244
|
+
/* Main */
|
|
245
|
+
|
|
246
|
+
--main-default: 600px;
|
|
247
|
+
--main-large: 800px;
|
|
248
|
+
--main-form: 400px;
|
|
249
|
+
--main-full: 100%;
|
|
250
|
+
|
|
251
|
+
/* Aside */
|
|
252
|
+
|
|
253
|
+
--aside-default: 250px;
|
|
254
|
+
--aside-small: 200px;
|
|
255
|
+
|
|
256
|
+
--transition-short: all 200ms ease;
|
|
257
|
+
--transition-long: all 500ms ease;
|
|
258
|
+
--transition-bezier: all 0.5s cubic-bezier(0.25, 0.75, 0, 0.66);
|
|
259
|
+
--transition-progress-circle: all 1000ms ease-in-out;
|
|
260
260
|
}
|
|
261
261
|
|
|
262
262
|
@media screen and (max-width: 1024px) {
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
263
|
+
:root {
|
|
264
|
+
--main-default: 90%;
|
|
265
|
+
--main-large: 90%;
|
|
266
|
+
--main-form: 90%;
|
|
267
|
+
--aside-default: 90%;
|
|
268
|
+
--aside-small: 90%;
|
|
269
|
+
}
|
|
270
270
|
}
|
|
271
271
|
|
|
272
272
|
*,
|
|
273
273
|
*:before,
|
|
274
274
|
*:after {
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
275
|
+
-webkit-box-sizing: border-box;
|
|
276
|
+
box-sizing: border-box;
|
|
277
|
+
max-width: 100%;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
280
|
*[hidden] {
|
|
281
|
-
|
|
281
|
+
display: none !important;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
html,
|
|
@@ -364,10 +364,10 @@ hr,
|
|
|
364
364
|
ul,
|
|
365
365
|
ol,
|
|
366
366
|
dl {
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
367
|
+
margin: 0;
|
|
368
|
+
padding: 0;
|
|
369
|
+
border: 0;
|
|
370
|
+
vertical-align: baseline;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
article,
|
|
@@ -381,1002 +381,1111 @@ hgroup,
|
|
|
381
381
|
menu,
|
|
382
382
|
nav,
|
|
383
383
|
section {
|
|
384
|
-
|
|
384
|
+
display: block;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
387
|
body {
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
388
|
+
-webkit-font-smoothing: antialiased;
|
|
389
|
+
-moz-osx-font-smoothing: grayscale;
|
|
390
|
+
background-color: var(--color-light-background);
|
|
391
|
+
color: var(--color-light-font);
|
|
392
|
+
font-family: var(--font-family-body);
|
|
393
|
+
font-weight: var(--font-weight-regular);
|
|
394
|
+
line-height: var(--line-height-body);
|
|
395
|
+
position: relative;
|
|
396
|
+
overflow-x: hidden;
|
|
397
|
+
tab-size: 4;
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
body.dark {
|
|
401
|
-
|
|
402
|
-
|
|
401
|
+
background-color: var(--color-dark-background);
|
|
402
|
+
color: var(--color-dark-font);
|
|
403
403
|
}
|
|
404
404
|
|
|
405
405
|
table {
|
|
406
|
-
|
|
407
|
-
|
|
406
|
+
border-collapse: collapse;
|
|
407
|
+
border-spacing: 0;
|
|
408
408
|
}
|
|
409
409
|
|
|
410
410
|
button,
|
|
411
411
|
a {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
412
|
+
cursor: pointer;
|
|
413
|
+
-webkit-transition: var(--transition-short);
|
|
414
|
+
-o-transition: var(--transition-short);
|
|
415
|
+
transition: var(--transition-short);
|
|
416
|
+
font-weight: var(--font-weight-black);
|
|
417
|
+
font-size: var(--font-size-body);
|
|
418
|
+
font-family: var(--font-family-body);
|
|
419
|
+
line-height: var(--line-height);
|
|
420
420
|
}
|
|
421
421
|
|
|
422
422
|
button:disabled,
|
|
423
423
|
a:disabled {
|
|
424
|
-
|
|
424
|
+
cursor: not-allowed;
|
|
425
425
|
}
|
|
426
426
|
|
|
427
427
|
u {
|
|
428
|
-
|
|
429
|
-
|
|
428
|
+
text-decoration: underline;
|
|
429
|
+
color: currentColor;
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.stop-scrolling {
|
|
433
|
-
|
|
434
|
-
|
|
433
|
+
height: 100vh;
|
|
434
|
+
overflow: hidden;
|
|
435
435
|
}
|
|
436
436
|
|
|
437
437
|
.text-left {
|
|
438
|
-
|
|
438
|
+
text-align: left !important;
|
|
439
439
|
}
|
|
440
440
|
|
|
441
441
|
.text-center {
|
|
442
|
-
|
|
442
|
+
text-align: center !important;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.text-right {
|
|
446
|
-
|
|
446
|
+
text-align: right !important;
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
.clear-float {
|
|
450
|
-
|
|
450
|
+
float: none !important;
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
.hidden {
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
454
|
+
position: fixed;
|
|
455
|
+
top: -999em;
|
|
456
|
+
left: -999em;
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.no-marg {
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
460
|
+
margin-top: 0 !important;
|
|
461
|
+
margin-bottom: 0 !important;
|
|
462
|
+
margin-right: 0 !important;
|
|
463
|
+
margin-left: 0 !important;
|
|
464
464
|
}
|
|
465
465
|
|
|
466
466
|
.no-marg-top {
|
|
467
|
-
|
|
467
|
+
margin-top: 0 !important;
|
|
468
468
|
}
|
|
469
469
|
|
|
470
470
|
.no-marg-bottom {
|
|
471
|
-
|
|
471
|
+
margin-bottom: 0 !important;
|
|
472
472
|
}
|
|
473
473
|
|
|
474
474
|
.no-marg-left {
|
|
475
|
-
|
|
475
|
+
margin-left: 0 !important;
|
|
476
476
|
}
|
|
477
477
|
|
|
478
478
|
.no-marg-right {
|
|
479
|
-
|
|
479
|
+
margin-right: 0 !important;
|
|
480
480
|
}
|
|
481
481
|
|
|
482
482
|
.no-padd {
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
483
|
+
padding-top: 0 !important;
|
|
484
|
+
padding-bottom: 0 !important;
|
|
485
|
+
padding-right: 0 !important;
|
|
486
|
+
padding-left: 0 !important;
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.no-padd-top {
|
|
490
|
-
|
|
490
|
+
padding-top: 0 !important;
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
.no-padd-bottom {
|
|
494
|
-
|
|
494
|
+
padding-bottom: 0 !important;
|
|
495
495
|
}
|
|
496
496
|
|
|
497
497
|
.no-padd-left {
|
|
498
|
-
|
|
498
|
+
padding-left: 0 !important;
|
|
499
499
|
}
|
|
500
500
|
|
|
501
501
|
.no-padd-right {
|
|
502
|
-
|
|
502
|
+
padding-right: 0 !important;
|
|
503
503
|
}
|
|
504
504
|
|
|
505
505
|
.no-select {
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
506
|
+
-webkit-user-select: none !important;
|
|
507
|
+
-moz-user-select: none !important;
|
|
508
|
+
-ms-user-select: none !important;
|
|
509
|
+
user-select: none !important;
|
|
510
510
|
}
|
|
511
511
|
|
|
512
512
|
.center {
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
513
|
+
display: -webkit-box;
|
|
514
|
+
display: -webkit-flex;
|
|
515
|
+
display: -ms-flexbox;
|
|
516
|
+
display: flex;
|
|
517
|
+
-webkit-box-align: center;
|
|
518
|
+
-webkit-align-items: center;
|
|
519
|
+
-ms-flex-align: center;
|
|
520
|
+
align-items: center;
|
|
521
|
+
-webkit-box-pack: center;
|
|
522
|
+
-webkit-justify-content: center;
|
|
523
|
+
-ms-flex-pack: center;
|
|
524
|
+
justify-content: center;
|
|
525
|
+
gap: nowrap;
|
|
526
526
|
}
|
|
527
527
|
|
|
528
528
|
.sr-only {
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
529
|
+
border: 0 !important;
|
|
530
|
+
clip: rect(1px, 1px, 1px, 1px) !important;
|
|
531
|
+
-webkit-clip-path: inset(50%) !important;
|
|
532
|
+
clip-path: inset(50%) !important;
|
|
533
|
+
height: 1px !important;
|
|
534
|
+
margin: -1px !important;
|
|
535
|
+
overflow: hidden !important;
|
|
536
|
+
padding: 0 !important;
|
|
537
|
+
position: absolute !important;
|
|
538
|
+
width: 1px !important;
|
|
539
|
+
white-space: nowrap !important;
|
|
540
540
|
}
|
|
541
541
|
|
|
542
542
|
.smooth {
|
|
543
|
-
|
|
543
|
+
scroll-behavior: smooth;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.lato-thin {
|
|
547
|
+
font-family: "Lato", sans-serif !important;
|
|
548
|
+
font-weight: 100 !important;
|
|
549
|
+
font-style: normal !important;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
.lato-light {
|
|
553
|
+
font-family: "Lato", sans-serif !important;
|
|
554
|
+
font-weight: 300 !important;
|
|
555
|
+
font-style: normal !important;
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
.lato-regular {
|
|
559
|
+
font-family: "Lato", sans-serif !important;
|
|
560
|
+
font-weight: 400 !important;
|
|
561
|
+
font-style: normal !important;
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
.lato-bold {
|
|
565
|
+
font-family: "Lato", sans-serif !important;
|
|
566
|
+
font-weight: 700 !important;
|
|
567
|
+
font-style: normal !important;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.lato-black {
|
|
571
|
+
font-family: "Lato", sans-serif !important;
|
|
572
|
+
font-weight: 900 !important;
|
|
573
|
+
font-style: normal !important;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
.lato-thin-italic {
|
|
577
|
+
font-family: "Lato", sans-serif !important;
|
|
578
|
+
font-weight: 100 !important;
|
|
579
|
+
font-style: italic !important;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.lato-light-italic {
|
|
583
|
+
font-family: "Lato", sans-serif !important;
|
|
584
|
+
font-weight: 300 !important;
|
|
585
|
+
font-style: italic !important;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.lato-regular-italic {
|
|
589
|
+
font-family: "Lato", sans-serif !important;
|
|
590
|
+
font-weight: 400 !important;
|
|
591
|
+
font-style: italic !important;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.lato-bold-italic {
|
|
595
|
+
font-family: "Lato", sans-serif !important;
|
|
596
|
+
font-weight: 700 !important;
|
|
597
|
+
font-style: italic !important;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
.lato-black-italic {
|
|
601
|
+
font-family: "Lato", sans-serif !important;
|
|
602
|
+
font-weight: 900 !important;
|
|
603
|
+
font-style: italic !important;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.roboto-mono-100 {
|
|
607
|
+
font-family: "Roboto Mono", monospace !important;
|
|
608
|
+
font-optical-sizing: auto !important;
|
|
609
|
+
font-weight: 100 !important;
|
|
610
|
+
font-style: normal !important;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
.roboto-mono-200 {
|
|
614
|
+
font-family: "Roboto Mono", monospace !important;
|
|
615
|
+
font-optical-sizing: auto !important;
|
|
616
|
+
font-weight: 200 !important;
|
|
617
|
+
font-style: normal !important;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
.roboto-mono-300 {
|
|
621
|
+
font-family: "Roboto Mono", monospace !important;
|
|
622
|
+
font-optical-sizing: auto !important;
|
|
623
|
+
font-weight: 300 !important;
|
|
624
|
+
font-style: normal !important;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
.roboto-mono-400 {
|
|
628
|
+
font-family: "Roboto Mono", monospace !important;
|
|
629
|
+
font-optical-sizing: auto !important;
|
|
630
|
+
font-weight: 400 !important;
|
|
631
|
+
font-style: normal !important;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.roboto-mono-500 {
|
|
635
|
+
font-family: "Roboto Mono", monospace !important;
|
|
636
|
+
font-optical-sizing: auto !important;
|
|
637
|
+
font-weight: 500 !important;
|
|
638
|
+
font-style: normal !important;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.roboto-mono-600 {
|
|
642
|
+
font-family: "Roboto Mono", monospace !important;
|
|
643
|
+
font-optical-sizing: auto !important;
|
|
644
|
+
font-weight: 600 !important;
|
|
645
|
+
font-style: normal !important;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
.roboto-mono-700 {
|
|
649
|
+
font-family: "Roboto Mono", monospace !important;
|
|
650
|
+
font-optical-sizing: auto !important;
|
|
651
|
+
font-weight: 700 !important;
|
|
652
|
+
font-style: normal !important;
|
|
544
653
|
}
|
|
545
654
|
|
|
546
655
|
.bg-black {
|
|
547
|
-
|
|
656
|
+
background-color: var(--color-black) !important;
|
|
548
657
|
}
|
|
549
658
|
|
|
550
659
|
.bg-white {
|
|
551
|
-
|
|
660
|
+
background-color: var(--color-white) !important;
|
|
552
661
|
}
|
|
553
662
|
|
|
554
663
|
.bg-gray-50 {
|
|
555
|
-
|
|
664
|
+
background-color: var(--color-gray-50) !important;
|
|
556
665
|
}
|
|
557
666
|
|
|
558
667
|
.bg-gray-100 {
|
|
559
|
-
|
|
668
|
+
background-color: var(--color-gray-100) !important;
|
|
560
669
|
}
|
|
561
670
|
|
|
562
671
|
.bg-gray-200 {
|
|
563
|
-
|
|
672
|
+
background-color: var(--color-gray-200) !important;
|
|
564
673
|
}
|
|
565
674
|
|
|
566
675
|
.bg-gray-300 {
|
|
567
|
-
|
|
676
|
+
background-color: var(--color-gray-300) !important;
|
|
568
677
|
}
|
|
569
678
|
|
|
570
679
|
.bg-gray-400 {
|
|
571
|
-
|
|
680
|
+
background-color: var(--color-gray-400) !important;
|
|
572
681
|
}
|
|
573
682
|
|
|
574
683
|
.bg-gray-500 {
|
|
575
|
-
|
|
684
|
+
background-color: var(--color-gray-500) !important;
|
|
576
685
|
}
|
|
577
686
|
|
|
578
687
|
.bg-gray-600 {
|
|
579
|
-
|
|
688
|
+
background-color: var(--color-gray-600) !important;
|
|
580
689
|
}
|
|
581
690
|
|
|
582
691
|
.bg-gray-700 {
|
|
583
|
-
|
|
692
|
+
background-color: var(--color-gray-700) !important;
|
|
584
693
|
}
|
|
585
694
|
|
|
586
695
|
.bg-gray-800 {
|
|
587
|
-
|
|
696
|
+
background-color: var(--color-gray-800) !important;
|
|
588
697
|
}
|
|
589
698
|
|
|
590
699
|
.bg-gray-900 {
|
|
591
|
-
|
|
700
|
+
background-color: var(--color-gray-900) !important;
|
|
592
701
|
}
|
|
593
702
|
|
|
594
703
|
.bg-primary-50 {
|
|
595
|
-
|
|
704
|
+
background-color: var(--color-primary-50) !important;
|
|
596
705
|
}
|
|
597
706
|
|
|
598
707
|
.bg-primary-100 {
|
|
599
|
-
|
|
708
|
+
background-color: var(--color-primary-100) !important;
|
|
600
709
|
}
|
|
601
710
|
|
|
602
711
|
.bg-primary-200 {
|
|
603
|
-
|
|
712
|
+
background-color: var(--color-primary-200) !important;
|
|
604
713
|
}
|
|
605
714
|
|
|
606
715
|
.bg-primary-300 {
|
|
607
|
-
|
|
716
|
+
background-color: var(--color-primary-300) !important;
|
|
608
717
|
}
|
|
609
718
|
|
|
610
719
|
.bg-primary-400 {
|
|
611
|
-
|
|
720
|
+
background-color: var(--color-primary-400) !important;
|
|
612
721
|
}
|
|
613
722
|
|
|
614
723
|
.bg-primary-500 {
|
|
615
|
-
|
|
724
|
+
background-color: var(--color-primary-500) !important;
|
|
616
725
|
}
|
|
617
726
|
|
|
618
727
|
.bg-primary-600 {
|
|
619
|
-
|
|
728
|
+
background-color: var(--color-primary-600) !important;
|
|
620
729
|
}
|
|
621
730
|
|
|
622
731
|
.bg-primary-700 {
|
|
623
|
-
|
|
732
|
+
background-color: var(--color-primary-700) !important;
|
|
624
733
|
}
|
|
625
734
|
|
|
626
735
|
.bg-primary-800 {
|
|
627
|
-
|
|
736
|
+
background-color: var(--color-primary-800) !important;
|
|
628
737
|
}
|
|
629
738
|
|
|
630
739
|
.bg-primary-900 {
|
|
631
|
-
|
|
740
|
+
background-color: var(--color-primary-900) !important;
|
|
632
741
|
}
|
|
633
742
|
|
|
634
743
|
.bg-secondary-50 {
|
|
635
|
-
|
|
744
|
+
background-color: var(--color-secondary-50) !important;
|
|
636
745
|
}
|
|
637
746
|
|
|
638
747
|
.bg-secondary-100 {
|
|
639
|
-
|
|
748
|
+
background-color: var(--color-secondary-100) !important;
|
|
640
749
|
}
|
|
641
750
|
|
|
642
751
|
.bg-secondary-200 {
|
|
643
|
-
|
|
752
|
+
background-color: var(--color-secondary-200) !important;
|
|
644
753
|
}
|
|
645
754
|
|
|
646
755
|
.bg-secondary-300 {
|
|
647
|
-
|
|
756
|
+
background-color: var(--color-secondary-300) !important;
|
|
648
757
|
}
|
|
649
758
|
|
|
650
759
|
.bg-secondary-400 {
|
|
651
|
-
|
|
760
|
+
background-color: var(--color-secondary-400) !important;
|
|
652
761
|
}
|
|
653
762
|
|
|
654
763
|
.bg-secondary-500 {
|
|
655
|
-
|
|
764
|
+
background-color: var(--color-secondary-500) !important;
|
|
656
765
|
}
|
|
657
766
|
|
|
658
767
|
.bg-secondary-600 {
|
|
659
|
-
|
|
768
|
+
background-color: var(--color-secondary-600) !important;
|
|
660
769
|
}
|
|
661
770
|
|
|
662
771
|
.bg-secondary-700 {
|
|
663
|
-
|
|
772
|
+
background-color: var(--color-secondary-700) !important;
|
|
664
773
|
}
|
|
665
774
|
|
|
666
775
|
.bg-secondary-800 {
|
|
667
|
-
|
|
776
|
+
background-color: var(--color-secondary-800) !important;
|
|
668
777
|
}
|
|
669
778
|
|
|
670
779
|
.bg-secondary-900 {
|
|
671
|
-
|
|
780
|
+
background-color: var(--color-secondary-900) !important;
|
|
672
781
|
}
|
|
673
782
|
|
|
674
783
|
.bg-success-50 {
|
|
675
|
-
|
|
784
|
+
background-color: var(--color-success-50) !important;
|
|
676
785
|
}
|
|
677
786
|
|
|
678
787
|
.bg-success-100 {
|
|
679
|
-
|
|
788
|
+
background-color: var(--color-success-100) !important;
|
|
680
789
|
}
|
|
681
790
|
|
|
682
791
|
.bg-success-200 {
|
|
683
|
-
|
|
792
|
+
background-color: var(--color-success-200) !important;
|
|
684
793
|
}
|
|
685
794
|
|
|
686
795
|
.bg-success-300 {
|
|
687
|
-
|
|
796
|
+
background-color: var(--color-success-300) !important;
|
|
688
797
|
}
|
|
689
798
|
|
|
690
799
|
.bg-success-400 {
|
|
691
|
-
|
|
800
|
+
background-color: var(--color-success-400) !important;
|
|
692
801
|
}
|
|
693
802
|
|
|
694
803
|
.bg-success-500 {
|
|
695
|
-
|
|
804
|
+
background-color: var(--color-success-500) !important;
|
|
696
805
|
}
|
|
697
806
|
|
|
698
807
|
.bg-success-600 {
|
|
699
|
-
|
|
808
|
+
background-color: var(--color-success-600) !important;
|
|
700
809
|
}
|
|
701
810
|
|
|
702
811
|
.bg-success-700 {
|
|
703
|
-
|
|
812
|
+
background-color: var(--color-success-700) !important;
|
|
704
813
|
}
|
|
705
814
|
|
|
706
815
|
.bg-success-800 {
|
|
707
|
-
|
|
816
|
+
background-color: var(--color-success-800) !important;
|
|
708
817
|
}
|
|
709
818
|
|
|
710
819
|
.bg-success-900 {
|
|
711
|
-
|
|
820
|
+
background-color: var(--color-success-900) !important;
|
|
712
821
|
}
|
|
713
822
|
|
|
714
823
|
.bg-danger-50 {
|
|
715
|
-
|
|
824
|
+
background-color: var(--color-danger-50) !important;
|
|
716
825
|
}
|
|
717
826
|
|
|
718
827
|
.bg-danger-100 {
|
|
719
|
-
|
|
828
|
+
background-color: var(--color-danger-100) !important;
|
|
720
829
|
}
|
|
721
830
|
|
|
722
831
|
.bg-danger-200 {
|
|
723
|
-
|
|
832
|
+
background-color: var(--color-danger-200) !important;
|
|
724
833
|
}
|
|
725
834
|
|
|
726
835
|
.bg-danger-300 {
|
|
727
|
-
|
|
836
|
+
background-color: var(--color-danger-300) !important;
|
|
728
837
|
}
|
|
729
838
|
|
|
730
839
|
.bg-danger-400 {
|
|
731
|
-
|
|
840
|
+
background-color: var(--color-danger-400) !important;
|
|
732
841
|
}
|
|
733
842
|
|
|
734
843
|
.bg-danger-500 {
|
|
735
|
-
|
|
844
|
+
background-color: var(--color-danger-500) !important;
|
|
736
845
|
}
|
|
737
846
|
|
|
738
847
|
.bg-danger-600 {
|
|
739
|
-
|
|
848
|
+
background-color: var(--color-danger-600) !important;
|
|
740
849
|
}
|
|
741
850
|
|
|
742
851
|
.bg-danger-700 {
|
|
743
|
-
|
|
852
|
+
background-color: var(--color-danger-700) !important;
|
|
744
853
|
}
|
|
745
854
|
|
|
746
855
|
.bg-danger-800 {
|
|
747
|
-
|
|
856
|
+
background-color: var(--color-danger-800) !important;
|
|
748
857
|
}
|
|
749
858
|
|
|
750
859
|
.bg-danger-900 {
|
|
751
|
-
|
|
860
|
+
background-color: var(--color-danger-900) !important;
|
|
752
861
|
}
|
|
753
862
|
|
|
754
863
|
.bg-warning-50 {
|
|
755
|
-
|
|
864
|
+
background-color: var(--color-warning-50) !important;
|
|
756
865
|
}
|
|
757
866
|
|
|
758
867
|
.bg-warning-100 {
|
|
759
|
-
|
|
868
|
+
background-color: var(--color-warning-100) !important;
|
|
760
869
|
}
|
|
761
870
|
|
|
762
871
|
.bg-warning-200 {
|
|
763
|
-
|
|
872
|
+
background-color: var(--color-warning-200) !important;
|
|
764
873
|
}
|
|
765
874
|
|
|
766
875
|
.bg-warning-300 {
|
|
767
|
-
|
|
876
|
+
background-color: var(--color-warning-300) !important;
|
|
768
877
|
}
|
|
769
878
|
|
|
770
879
|
.bg-warning-400 {
|
|
771
|
-
|
|
880
|
+
background-color: var(--color-warning-400) !important;
|
|
772
881
|
}
|
|
773
882
|
|
|
774
883
|
.bg-warning-500 {
|
|
775
|
-
|
|
884
|
+
background-color: var(--color-warning-500) !important;
|
|
776
885
|
}
|
|
777
886
|
|
|
778
887
|
.bg-warning-600 {
|
|
779
|
-
|
|
888
|
+
background-color: var(--color-warning-600) !important;
|
|
780
889
|
}
|
|
781
890
|
|
|
782
891
|
.bg-warning-700 {
|
|
783
|
-
|
|
892
|
+
background-color: var(--color-warning-700) !important;
|
|
784
893
|
}
|
|
785
894
|
|
|
786
895
|
.bg-warning-800 {
|
|
787
|
-
|
|
896
|
+
background-color: var(--color-warning-800) !important;
|
|
788
897
|
}
|
|
789
898
|
|
|
790
899
|
.bg-warning-900 {
|
|
791
|
-
|
|
900
|
+
background-color: var(--color-warning-900) !important;
|
|
792
901
|
}
|
|
793
902
|
|
|
794
903
|
.bg-overlay-black-50 {
|
|
795
|
-
|
|
904
|
+
background: var(--overlay-black-50) !important;
|
|
796
905
|
}
|
|
797
906
|
|
|
798
907
|
.bg-overlay-black-80 {
|
|
799
|
-
|
|
908
|
+
background: var(--overlay-black-80) !important;
|
|
800
909
|
}
|
|
801
910
|
|
|
802
911
|
.bg-overlay-white-50 {
|
|
803
|
-
|
|
912
|
+
background: var(--overlay-white-50) !important;
|
|
804
913
|
}
|
|
805
914
|
|
|
806
915
|
.bg-overlay-white-80 {
|
|
807
|
-
|
|
916
|
+
background: var(--overlay-white-80) !important;
|
|
808
917
|
}
|
|
809
918
|
|
|
810
919
|
.bg-overlay-gradient-black {
|
|
811
|
-
|
|
920
|
+
background: var(--overlay-gradient-black) !important;
|
|
812
921
|
}
|
|
813
922
|
|
|
814
923
|
.bg-overlay-gradient-white {
|
|
815
|
-
|
|
924
|
+
background: var(--overlay-gradient-white) !important;
|
|
816
925
|
}
|
|
817
926
|
|
|
818
927
|
.font-black {
|
|
819
|
-
|
|
928
|
+
color: var(--color-black) !important;
|
|
820
929
|
}
|
|
821
930
|
|
|
822
931
|
.font-white {
|
|
823
|
-
|
|
932
|
+
color: var(--color-white) !important;
|
|
824
933
|
}
|
|
825
934
|
|
|
826
935
|
.font-gray-50 {
|
|
827
|
-
|
|
936
|
+
color: var(--color-gray-50) !important;
|
|
828
937
|
}
|
|
829
938
|
|
|
830
939
|
.font-gray-100 {
|
|
831
|
-
|
|
940
|
+
color: var(--color-gray-100) !important;
|
|
832
941
|
}
|
|
833
942
|
|
|
834
943
|
.font-gray-200 {
|
|
835
|
-
|
|
944
|
+
color: var(--color-gray-200) !important;
|
|
836
945
|
}
|
|
837
946
|
|
|
838
947
|
.font-gray-300 {
|
|
839
|
-
|
|
948
|
+
color: var(--color-gray-300) !important;
|
|
840
949
|
}
|
|
841
950
|
|
|
842
951
|
.font-gray-400 {
|
|
843
|
-
|
|
952
|
+
color: var(--color-gray-400) !important;
|
|
844
953
|
}
|
|
845
954
|
|
|
846
955
|
.font-gray-500 {
|
|
847
|
-
|
|
956
|
+
color: var(--color-gray-500) !important;
|
|
848
957
|
}
|
|
849
958
|
|
|
850
959
|
.font-gray-600 {
|
|
851
|
-
|
|
960
|
+
color: var(--color-gray-600) !important;
|
|
852
961
|
}
|
|
853
962
|
|
|
854
963
|
.font-gray-700 {
|
|
855
|
-
|
|
964
|
+
color: var(--color-gray-700) !important;
|
|
856
965
|
}
|
|
857
966
|
|
|
858
967
|
.font-gray-800 {
|
|
859
|
-
|
|
968
|
+
color: var(--color-gray-800) !important;
|
|
860
969
|
}
|
|
861
970
|
|
|
862
971
|
.font-gray-900 {
|
|
863
|
-
|
|
972
|
+
color: var(--color-gray-900) !important;
|
|
864
973
|
}
|
|
865
974
|
|
|
866
975
|
.font-primary-50 {
|
|
867
|
-
|
|
976
|
+
color: var(--color-primary-50) !important;
|
|
868
977
|
}
|
|
869
978
|
|
|
870
979
|
.font-primary-100 {
|
|
871
|
-
|
|
980
|
+
color: var(--color-primary-100) !important;
|
|
872
981
|
}
|
|
873
982
|
|
|
874
983
|
.font-primary-200 {
|
|
875
|
-
|
|
984
|
+
color: var(--color-primary-200) !important;
|
|
876
985
|
}
|
|
877
986
|
|
|
878
987
|
.font-primary-300 {
|
|
879
|
-
|
|
988
|
+
color: var(--color-primary-300) !important;
|
|
880
989
|
}
|
|
881
990
|
|
|
882
991
|
.font-primary-400 {
|
|
883
|
-
|
|
992
|
+
color: var(--color-primary-400) !important;
|
|
884
993
|
}
|
|
885
994
|
|
|
886
995
|
.font-primary-500 {
|
|
887
|
-
|
|
996
|
+
color: var(--color-primary-500) !important;
|
|
888
997
|
}
|
|
889
998
|
|
|
890
999
|
.font-primary-600 {
|
|
891
|
-
|
|
1000
|
+
color: var(--color-primary-600) !important;
|
|
892
1001
|
}
|
|
893
1002
|
|
|
894
1003
|
.font-primary-700 {
|
|
895
|
-
|
|
1004
|
+
color: var(--color-primary-700) !important;
|
|
896
1005
|
}
|
|
897
1006
|
|
|
898
1007
|
.font-primary-800 {
|
|
899
|
-
|
|
1008
|
+
color: var(--color-primary-800) !important;
|
|
900
1009
|
}
|
|
901
1010
|
|
|
902
1011
|
.font-primary-900 {
|
|
903
|
-
|
|
1012
|
+
color: var(--color-primary-900) !important;
|
|
904
1013
|
}
|
|
905
1014
|
|
|
906
1015
|
.font-secondary-50 {
|
|
907
|
-
|
|
1016
|
+
color: var(--color-secondary-50) !important;
|
|
908
1017
|
}
|
|
909
1018
|
|
|
910
1019
|
.font-secondary-100 {
|
|
911
|
-
|
|
1020
|
+
color: var(--color-secondary-100) !important;
|
|
912
1021
|
}
|
|
913
1022
|
|
|
914
1023
|
.font-secondary-200 {
|
|
915
|
-
|
|
1024
|
+
color: var(--color-secondary-200) !important;
|
|
916
1025
|
}
|
|
917
1026
|
|
|
918
1027
|
.font-secondary-300 {
|
|
919
|
-
|
|
1028
|
+
color: var(--color-secondary-300) !important;
|
|
920
1029
|
}
|
|
921
1030
|
|
|
922
1031
|
.font-secondary-400 {
|
|
923
|
-
|
|
1032
|
+
color: var(--color-secondary-400) !important;
|
|
924
1033
|
}
|
|
925
1034
|
|
|
926
1035
|
.font-secondary-500 {
|
|
927
|
-
|
|
1036
|
+
color: var(--color-secondary-500) !important;
|
|
928
1037
|
}
|
|
929
1038
|
|
|
930
1039
|
.font-secondary-600 {
|
|
931
|
-
|
|
1040
|
+
color: var(--color-secondary-600) !important;
|
|
932
1041
|
}
|
|
933
1042
|
|
|
934
1043
|
.font-secondary-700 {
|
|
935
|
-
|
|
1044
|
+
color: var(--color-secondary-700) !important;
|
|
936
1045
|
}
|
|
937
1046
|
|
|
938
1047
|
.font-secondary-800 {
|
|
939
|
-
|
|
1048
|
+
color: var(--color-secondary-800) !important;
|
|
940
1049
|
}
|
|
941
1050
|
|
|
942
1051
|
.font-secondary-900 {
|
|
943
|
-
|
|
1052
|
+
color: var(--color-secondary-900) !important;
|
|
944
1053
|
}
|
|
945
1054
|
|
|
946
1055
|
.font-success-50 {
|
|
947
|
-
|
|
1056
|
+
color: var(--color-success-50) !important;
|
|
948
1057
|
}
|
|
949
1058
|
|
|
950
1059
|
.font-success-100 {
|
|
951
|
-
|
|
1060
|
+
color: var(--color-success-100) !important;
|
|
952
1061
|
}
|
|
953
1062
|
|
|
954
1063
|
.font-success-200 {
|
|
955
|
-
|
|
1064
|
+
color: var(--color-success-200) !important;
|
|
956
1065
|
}
|
|
957
1066
|
|
|
958
1067
|
.font-success-300 {
|
|
959
|
-
|
|
1068
|
+
color: var(--color-success-300) !important;
|
|
960
1069
|
}
|
|
961
1070
|
|
|
962
1071
|
.font-success-400 {
|
|
963
|
-
|
|
1072
|
+
color: var(--color-success-400) !important;
|
|
964
1073
|
}
|
|
965
1074
|
|
|
966
1075
|
.font-success-500 {
|
|
967
|
-
|
|
1076
|
+
color: var(--color-success-500) !important;
|
|
968
1077
|
}
|
|
969
1078
|
|
|
970
1079
|
.font-success-600 {
|
|
971
|
-
|
|
1080
|
+
color: var(--color-success-600) !important;
|
|
972
1081
|
}
|
|
973
1082
|
|
|
974
1083
|
.font-success-700 {
|
|
975
|
-
|
|
1084
|
+
color: var(--color-success-700) !important;
|
|
976
1085
|
}
|
|
977
1086
|
|
|
978
1087
|
.font-success-800 {
|
|
979
|
-
|
|
1088
|
+
color: var(--color-success-800) !important;
|
|
980
1089
|
}
|
|
981
1090
|
|
|
982
1091
|
.font-success-900 {
|
|
983
|
-
|
|
1092
|
+
color: var(--color-success-900) !important;
|
|
984
1093
|
}
|
|
985
1094
|
|
|
986
1095
|
.font-danger-50 {
|
|
987
|
-
|
|
1096
|
+
color: var(--color-danger-50) !important;
|
|
988
1097
|
}
|
|
989
1098
|
|
|
990
1099
|
.font-danger-100 {
|
|
991
|
-
|
|
1100
|
+
color: var(--color-danger-100) !important;
|
|
992
1101
|
}
|
|
993
1102
|
|
|
994
1103
|
.font-danger-200 {
|
|
995
|
-
|
|
1104
|
+
color: var(--color-danger-200) !important;
|
|
996
1105
|
}
|
|
997
1106
|
|
|
998
1107
|
.font-danger-300 {
|
|
999
|
-
|
|
1108
|
+
color: var(--color-danger-300) !important;
|
|
1000
1109
|
}
|
|
1001
1110
|
|
|
1002
1111
|
.font-danger-400 {
|
|
1003
|
-
|
|
1112
|
+
color: var(--color-danger-400) !important;
|
|
1004
1113
|
}
|
|
1005
1114
|
|
|
1006
1115
|
.font-danger-500 {
|
|
1007
|
-
|
|
1116
|
+
color: var(--color-danger-500) !important;
|
|
1008
1117
|
}
|
|
1009
1118
|
|
|
1010
1119
|
.font-danger-600 {
|
|
1011
|
-
|
|
1120
|
+
color: var(--color-danger-600) !important;
|
|
1012
1121
|
}
|
|
1013
1122
|
|
|
1014
1123
|
.font-danger-700 {
|
|
1015
|
-
|
|
1124
|
+
color: var(--color-danger-700) !important;
|
|
1016
1125
|
}
|
|
1017
1126
|
|
|
1018
1127
|
.font-danger-800 {
|
|
1019
|
-
|
|
1128
|
+
color: var(--color-danger-800) !important;
|
|
1020
1129
|
}
|
|
1021
1130
|
|
|
1022
1131
|
.font-danger-900 {
|
|
1023
|
-
|
|
1132
|
+
color: var(--color-danger-900) !important;
|
|
1024
1133
|
}
|
|
1025
1134
|
|
|
1026
1135
|
.font-warning-50 {
|
|
1027
|
-
|
|
1136
|
+
color: var(--color-warning-50) !important;
|
|
1028
1137
|
}
|
|
1029
1138
|
|
|
1030
1139
|
.font-warning-100 {
|
|
1031
|
-
|
|
1140
|
+
color: var(--color-warning-100) !important;
|
|
1032
1141
|
}
|
|
1033
1142
|
|
|
1034
1143
|
.font-warning-200 {
|
|
1035
|
-
|
|
1144
|
+
color: var(--color-warning-200) !important;
|
|
1036
1145
|
}
|
|
1037
1146
|
|
|
1038
1147
|
.font-warning-300 {
|
|
1039
|
-
|
|
1148
|
+
color: var(--color-warning-300) !important;
|
|
1040
1149
|
}
|
|
1041
1150
|
|
|
1042
1151
|
.font-warning-400 {
|
|
1043
|
-
|
|
1152
|
+
color: var(--color-warning-400) !important;
|
|
1044
1153
|
}
|
|
1045
1154
|
|
|
1046
1155
|
.font-warning-500 {
|
|
1047
|
-
|
|
1156
|
+
color: var(--color-warning-500) !important;
|
|
1048
1157
|
}
|
|
1049
1158
|
|
|
1050
1159
|
.font-warning-600 {
|
|
1051
|
-
|
|
1160
|
+
color: var(--color-warning-600) !important;
|
|
1052
1161
|
}
|
|
1053
1162
|
|
|
1054
1163
|
.font-warning-700 {
|
|
1055
|
-
|
|
1164
|
+
color: var(--color-warning-700) !important;
|
|
1056
1165
|
}
|
|
1057
1166
|
|
|
1058
1167
|
.font-warning-800 {
|
|
1059
|
-
|
|
1168
|
+
color: var(--color-warning-800) !important;
|
|
1060
1169
|
}
|
|
1061
1170
|
|
|
1062
1171
|
.font-warning-900 {
|
|
1063
|
-
|
|
1172
|
+
color: var(--color-warning-900) !important;
|
|
1064
1173
|
}
|
|
1065
1174
|
|
|
1066
1175
|
.border-black {
|
|
1067
|
-
|
|
1176
|
+
border-color: var(--color-black) !important;
|
|
1068
1177
|
}
|
|
1069
1178
|
|
|
1070
1179
|
.border-white {
|
|
1071
|
-
|
|
1180
|
+
border-color: var(--color-white) !important;
|
|
1072
1181
|
}
|
|
1073
1182
|
|
|
1074
1183
|
.border-gray-50 {
|
|
1075
|
-
|
|
1184
|
+
border-color: var(--color-gray-50) !important;
|
|
1076
1185
|
}
|
|
1077
1186
|
|
|
1078
1187
|
.border-gray-100 {
|
|
1079
|
-
|
|
1188
|
+
border-color: var(--color-gray-100) !important;
|
|
1080
1189
|
}
|
|
1081
1190
|
|
|
1082
1191
|
.border-gray-200 {
|
|
1083
|
-
|
|
1192
|
+
border-color: var(--color-gray-200) !important;
|
|
1084
1193
|
}
|
|
1085
1194
|
|
|
1086
1195
|
.border-gray-300 {
|
|
1087
|
-
|
|
1196
|
+
border-color: var(--color-gray-300) !important;
|
|
1088
1197
|
}
|
|
1089
1198
|
|
|
1090
1199
|
.border-gray-400 {
|
|
1091
|
-
|
|
1200
|
+
border-color: var(--color-gray-400) !important;
|
|
1092
1201
|
}
|
|
1093
1202
|
|
|
1094
1203
|
.border-gray-500 {
|
|
1095
|
-
|
|
1204
|
+
border-color: var(--color-gray-500) !important;
|
|
1096
1205
|
}
|
|
1097
1206
|
|
|
1098
1207
|
.border-gray-600 {
|
|
1099
|
-
|
|
1208
|
+
border-color: var(--color-gray-600) !important;
|
|
1100
1209
|
}
|
|
1101
1210
|
|
|
1102
1211
|
.border-gray-700 {
|
|
1103
|
-
|
|
1212
|
+
border-color: var(--color-gray-700) !important;
|
|
1104
1213
|
}
|
|
1105
1214
|
|
|
1106
1215
|
.border-gray-800 {
|
|
1107
|
-
|
|
1216
|
+
border-color: var(--color-gray-800) !important;
|
|
1108
1217
|
}
|
|
1109
1218
|
|
|
1110
1219
|
.border-gray-900 {
|
|
1111
|
-
|
|
1220
|
+
border-color: var(--color-gray-900) !important;
|
|
1112
1221
|
}
|
|
1113
1222
|
|
|
1114
1223
|
.border-primary-50 {
|
|
1115
|
-
|
|
1224
|
+
border-color: var(--color-primary-50) !important;
|
|
1116
1225
|
}
|
|
1117
1226
|
|
|
1118
1227
|
.border-primary-100 {
|
|
1119
|
-
|
|
1228
|
+
border-color: var(--color-primary-100) !important;
|
|
1120
1229
|
}
|
|
1121
1230
|
|
|
1122
1231
|
.border-primary-200 {
|
|
1123
|
-
|
|
1232
|
+
border-color: var(--color-primary-200) !important;
|
|
1124
1233
|
}
|
|
1125
1234
|
|
|
1126
1235
|
.border-primary-300 {
|
|
1127
|
-
|
|
1236
|
+
border-color: var(--color-primary-300) !important;
|
|
1128
1237
|
}
|
|
1129
1238
|
|
|
1130
1239
|
.border-primary-400 {
|
|
1131
|
-
|
|
1240
|
+
border-color: var(--color-primary-400) !important;
|
|
1132
1241
|
}
|
|
1133
1242
|
|
|
1134
1243
|
.border-primary-500 {
|
|
1135
|
-
|
|
1244
|
+
border-color: var(--color-primary-500) !important;
|
|
1136
1245
|
}
|
|
1137
1246
|
|
|
1138
1247
|
.border-primary-600 {
|
|
1139
|
-
|
|
1248
|
+
border-color: var(--color-primary-600) !important;
|
|
1140
1249
|
}
|
|
1141
1250
|
|
|
1142
1251
|
.border-primary-700 {
|
|
1143
|
-
|
|
1252
|
+
border-color: var(--color-primary-700) !important;
|
|
1144
1253
|
}
|
|
1145
1254
|
|
|
1146
1255
|
.border-primary-800 {
|
|
1147
|
-
|
|
1256
|
+
border-color: var(--color-primary-800) !important;
|
|
1148
1257
|
}
|
|
1149
1258
|
|
|
1150
1259
|
.border-primary-900 {
|
|
1151
|
-
|
|
1260
|
+
border-color: var(--color-primary-900) !important;
|
|
1152
1261
|
}
|
|
1153
1262
|
|
|
1154
1263
|
.border-secondary-50 {
|
|
1155
|
-
|
|
1264
|
+
border-color: var(--color-secondary-50) !important;
|
|
1156
1265
|
}
|
|
1157
1266
|
|
|
1158
1267
|
.border-secondary-100 {
|
|
1159
|
-
|
|
1268
|
+
border-color: var(--color-secondary-100) !important;
|
|
1160
1269
|
}
|
|
1161
1270
|
|
|
1162
1271
|
.border-secondary-200 {
|
|
1163
|
-
|
|
1272
|
+
border-color: var(--color-secondary-200) !important;
|
|
1164
1273
|
}
|
|
1165
1274
|
|
|
1166
1275
|
.border-secondary-300 {
|
|
1167
|
-
|
|
1276
|
+
border-color: var(--color-secondary-300) !important;
|
|
1168
1277
|
}
|
|
1169
1278
|
|
|
1170
1279
|
.border-secondary-400 {
|
|
1171
|
-
|
|
1280
|
+
border-color: var(--color-secondary-400) !important;
|
|
1172
1281
|
}
|
|
1173
1282
|
|
|
1174
1283
|
.border-secondary-500 {
|
|
1175
|
-
|
|
1284
|
+
border-color: var(--color-secondary-500) !important;
|
|
1176
1285
|
}
|
|
1177
1286
|
|
|
1178
1287
|
.border-secondary-600 {
|
|
1179
|
-
|
|
1288
|
+
border-color: var(--color-secondary-600) !important;
|
|
1180
1289
|
}
|
|
1181
1290
|
|
|
1182
1291
|
.border-secondary-700 {
|
|
1183
|
-
|
|
1292
|
+
border-color: var(--color-secondary-700) !important;
|
|
1184
1293
|
}
|
|
1185
1294
|
|
|
1186
1295
|
.border-secondary-800 {
|
|
1187
|
-
|
|
1296
|
+
border-color: var(--color-secondary-800) !important;
|
|
1188
1297
|
}
|
|
1189
1298
|
|
|
1190
1299
|
.border-secondary-900 {
|
|
1191
|
-
|
|
1300
|
+
border-color: var(--color-secondary-900) !important;
|
|
1192
1301
|
}
|
|
1193
1302
|
|
|
1194
1303
|
.border-success-50 {
|
|
1195
|
-
|
|
1304
|
+
border-color: var(--color-success-50) !important;
|
|
1196
1305
|
}
|
|
1197
1306
|
|
|
1198
1307
|
.border-success-100 {
|
|
1199
|
-
|
|
1308
|
+
border-color: var(--color-success-100) !important;
|
|
1200
1309
|
}
|
|
1201
1310
|
|
|
1202
1311
|
.border-success-200 {
|
|
1203
|
-
|
|
1312
|
+
border-color: var(--color-success-200) !important;
|
|
1204
1313
|
}
|
|
1205
1314
|
|
|
1206
1315
|
.border-success-300 {
|
|
1207
|
-
|
|
1316
|
+
border-color: var(--color-success-300) !important;
|
|
1208
1317
|
}
|
|
1209
1318
|
|
|
1210
1319
|
.border-success-400 {
|
|
1211
|
-
|
|
1320
|
+
border-color: var(--color-success-400) !important;
|
|
1212
1321
|
}
|
|
1213
1322
|
|
|
1214
1323
|
.border-success-500 {
|
|
1215
|
-
|
|
1324
|
+
border-color: var(--color-success-500) !important;
|
|
1216
1325
|
}
|
|
1217
1326
|
|
|
1218
1327
|
.border-success-600 {
|
|
1219
|
-
|
|
1328
|
+
border-color: var(--color-success-600) !important;
|
|
1220
1329
|
}
|
|
1221
1330
|
|
|
1222
1331
|
.border-success-700 {
|
|
1223
|
-
|
|
1332
|
+
border-color: var(--color-success-700) !important;
|
|
1224
1333
|
}
|
|
1225
1334
|
|
|
1226
1335
|
.border-success-800 {
|
|
1227
|
-
|
|
1336
|
+
border-color: var(--color-success-800) !important;
|
|
1228
1337
|
}
|
|
1229
1338
|
|
|
1230
1339
|
.border-success-900 {
|
|
1231
|
-
|
|
1340
|
+
border-color: var(--color-success-900) !important;
|
|
1232
1341
|
}
|
|
1233
1342
|
|
|
1234
1343
|
.border-danger-50 {
|
|
1235
|
-
|
|
1344
|
+
border-color: var(--color-danger-50) !important;
|
|
1236
1345
|
}
|
|
1237
1346
|
|
|
1238
1347
|
.border-danger-100 {
|
|
1239
|
-
|
|
1348
|
+
border-color: var(--color-danger-100) !important;
|
|
1240
1349
|
}
|
|
1241
1350
|
|
|
1242
1351
|
.border-danger-200 {
|
|
1243
|
-
|
|
1352
|
+
border-color: var(--color-danger-200) !important;
|
|
1244
1353
|
}
|
|
1245
1354
|
|
|
1246
1355
|
.border-danger-300 {
|
|
1247
|
-
|
|
1356
|
+
border-color: var(--color-danger-300) !important;
|
|
1248
1357
|
}
|
|
1249
1358
|
|
|
1250
1359
|
.border-danger-400 {
|
|
1251
|
-
|
|
1360
|
+
border-color: var(--color-danger-400) !important;
|
|
1252
1361
|
}
|
|
1253
1362
|
|
|
1254
1363
|
.border-danger-500 {
|
|
1255
|
-
|
|
1364
|
+
border-color: var(--color-danger-500) !important;
|
|
1256
1365
|
}
|
|
1257
1366
|
|
|
1258
1367
|
.border-danger-600 {
|
|
1259
|
-
|
|
1368
|
+
border-color: var(--color-danger-600) !important;
|
|
1260
1369
|
}
|
|
1261
1370
|
|
|
1262
1371
|
.border-danger-700 {
|
|
1263
|
-
|
|
1372
|
+
border-color: var(--color-danger-700) !important;
|
|
1264
1373
|
}
|
|
1265
1374
|
|
|
1266
1375
|
.border-danger-800 {
|
|
1267
|
-
|
|
1376
|
+
border-color: var(--color-danger-800) !important;
|
|
1268
1377
|
}
|
|
1269
1378
|
|
|
1270
1379
|
.border-danger-900 {
|
|
1271
|
-
|
|
1380
|
+
border-color: var(--color-danger-900) !important;
|
|
1272
1381
|
}
|
|
1273
1382
|
|
|
1274
1383
|
.border-warning-50 {
|
|
1275
|
-
|
|
1384
|
+
border-color: var(--color-warning-50) !important;
|
|
1276
1385
|
}
|
|
1277
1386
|
|
|
1278
1387
|
.border-warning-100 {
|
|
1279
|
-
|
|
1388
|
+
border-color: var(--color-warning-100) !important;
|
|
1280
1389
|
}
|
|
1281
1390
|
|
|
1282
1391
|
.border-warning-200 {
|
|
1283
|
-
|
|
1392
|
+
border-color: var(--color-warning-200) !important;
|
|
1284
1393
|
}
|
|
1285
1394
|
|
|
1286
1395
|
.border-warning-300 {
|
|
1287
|
-
|
|
1396
|
+
border-color: var(--color-warning-300) !important;
|
|
1288
1397
|
}
|
|
1289
1398
|
|
|
1290
1399
|
.border-warning-400 {
|
|
1291
|
-
|
|
1400
|
+
border-color: var(--color-warning-400) !important;
|
|
1292
1401
|
}
|
|
1293
1402
|
|
|
1294
1403
|
.border-warning-500 {
|
|
1295
|
-
|
|
1404
|
+
border-color: var(--color-warning-500) !important;
|
|
1296
1405
|
}
|
|
1297
1406
|
|
|
1298
1407
|
.border-warning-600 {
|
|
1299
|
-
|
|
1408
|
+
border-color: var(--color-warning-600) !important;
|
|
1300
1409
|
}
|
|
1301
1410
|
|
|
1302
1411
|
.border-warning-700 {
|
|
1303
|
-
|
|
1412
|
+
border-color: var(--color-warning-700) !important;
|
|
1304
1413
|
}
|
|
1305
1414
|
|
|
1306
1415
|
.border-warning-800 {
|
|
1307
|
-
|
|
1416
|
+
border-color: var(--color-warning-800) !important;
|
|
1308
1417
|
}
|
|
1309
1418
|
|
|
1310
1419
|
.border-warning-900 {
|
|
1311
|
-
|
|
1420
|
+
border-color: var(--color-warning-900) !important;
|
|
1312
1421
|
}
|
|
1313
1422
|
|
|
1314
1423
|
.radius-xxl {
|
|
1315
|
-
|
|
1316
|
-
|
|
1424
|
+
-webkit-border-radius: var(--radius-xxl) !important;
|
|
1425
|
+
border-radius: var(--radius-xxl) !important;
|
|
1317
1426
|
}
|
|
1318
1427
|
|
|
1319
1428
|
.radius-xl {
|
|
1320
|
-
|
|
1321
|
-
|
|
1429
|
+
-webkit-border-radius: var(--radius-xl) !important;
|
|
1430
|
+
border-radius: var(--radius-xl) !important;
|
|
1322
1431
|
}
|
|
1323
1432
|
|
|
1324
1433
|
.radius-l {
|
|
1325
|
-
|
|
1326
|
-
|
|
1434
|
+
-webkit-border-radius: var(--radius-l) !important;
|
|
1435
|
+
border-radius: var(--radius-l) !important;
|
|
1327
1436
|
}
|
|
1328
1437
|
|
|
1329
1438
|
.radius-m {
|
|
1330
|
-
|
|
1331
|
-
|
|
1439
|
+
-webkit-border-radius: var(--radius-m) !important;
|
|
1440
|
+
border-radius: var(--radius-m) !important;
|
|
1332
1441
|
}
|
|
1333
1442
|
|
|
1334
1443
|
.radius-s {
|
|
1335
|
-
|
|
1336
|
-
|
|
1444
|
+
-webkit-border-radius: var(--radius-s) !important;
|
|
1445
|
+
border-radius: var(--radius-s) !important;
|
|
1337
1446
|
}
|
|
1338
1447
|
|
|
1339
1448
|
.radius-xs {
|
|
1340
|
-
|
|
1341
|
-
|
|
1449
|
+
-webkit-border-radius: var(--radius-xs) !important;
|
|
1450
|
+
border-radius: var(--radius-xs) !important;
|
|
1342
1451
|
}
|
|
1343
1452
|
|
|
1344
1453
|
.radius-round {
|
|
1345
|
-
|
|
1346
|
-
|
|
1454
|
+
-webkit-border-radius: var(--radius-round) !important;
|
|
1455
|
+
border-radius: var(--radius-round) !important;
|
|
1347
1456
|
}
|
|
1348
1457
|
|
|
1349
1458
|
.radius-circle {
|
|
1350
|
-
|
|
1351
|
-
|
|
1459
|
+
-webkit-border-radius: var(--radius-circle) !important;
|
|
1460
|
+
border-radius: var(--radius-circle) !important;
|
|
1352
1461
|
}
|
|
1353
1462
|
|
|
1354
1463
|
.shadow-xxl {
|
|
1355
|
-
|
|
1356
|
-
|
|
1464
|
+
-webkit-box-shadow: var(--shadow-xxl) !important;
|
|
1465
|
+
box-shadow: var(--shadow-xxl) !important;
|
|
1357
1466
|
}
|
|
1358
1467
|
|
|
1359
1468
|
.shadow-xl {
|
|
1360
|
-
|
|
1361
|
-
|
|
1469
|
+
-webkit-box-shadow: var(--shadow-xl) !important;
|
|
1470
|
+
box-shadow: var(--shadow-xl) !important;
|
|
1362
1471
|
}
|
|
1363
1472
|
|
|
1364
1473
|
.shadow-l {
|
|
1365
|
-
|
|
1366
|
-
|
|
1474
|
+
-webkit-box-shadow: var(--shadow-l) !important;
|
|
1475
|
+
box-shadow: var(--shadow-l) !important;
|
|
1367
1476
|
}
|
|
1368
1477
|
|
|
1369
1478
|
.shadow-m {
|
|
1370
|
-
|
|
1371
|
-
|
|
1479
|
+
-webkit-box-shadow: var(--shadow-m) !important;
|
|
1480
|
+
box-shadow: var(--shadow-m) !important;
|
|
1372
1481
|
}
|
|
1373
1482
|
|
|
1374
1483
|
.shadow-s {
|
|
1375
|
-
|
|
1376
|
-
|
|
1484
|
+
-webkit-box-shadow: var(--shadow-s) !important;
|
|
1485
|
+
box-shadow: var(--shadow-s) !important;
|
|
1377
1486
|
}
|
|
1378
1487
|
|
|
1379
1488
|
.shadow-xs {
|
|
1380
|
-
|
|
1381
|
-
|
|
1489
|
+
-webkit-box-shadow: var(--shadow-xs) !important;
|
|
1490
|
+
box-shadow: var(--shadow-xs) !important;
|
|
1382
1491
|
}
|