@julseb-lib/react 0.0.89 → 0.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/index.cjs.js +286 -295
  2. package/dist/index.css +679 -570
  3. package/dist/index.es.js +1303 -1323
  4. package/dist/index.umd.js +926 -935
  5. package/dist/lib/components/Aside/styles.tsx +0 -1
  6. package/dist/lib/components/Avatar/Avatar.tsx +104 -102
  7. package/dist/lib/components/Avatar/AvatarFunction.tsx +99 -106
  8. package/dist/lib/components/Avatar/styles.tsx +62 -89
  9. package/dist/lib/components/Badge/Badge.tsx +54 -52
  10. package/dist/lib/components/Main/styles.tsx +41 -42
  11. package/dist/lib/index.css +679 -570
  12. package/package.json +1 -1
package/dist/lib/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
- --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: 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;
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
- :root {
264
- --main-default: 90%;
265
- --main-large: 90%;
266
- --main-form: 90%;
267
- --aside-default: 90%;
268
- --aside-small: 90%;
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
- -webkit-box-sizing: border-box;
276
- box-sizing: border-box;
277
- max-width: 100%;
275
+ -webkit-box-sizing: border-box;
276
+ box-sizing: border-box;
277
+ max-width: 100%;
278
278
  }
279
279
 
280
280
  *[hidden] {
281
- display: none !important;
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
- margin: 0;
368
- padding: 0;
369
- border: 0;
370
- vertical-align: baseline;
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
- display: block;
384
+ display: block;
385
385
  }
386
386
 
387
387
  body {
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;
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
- background-color: var(--color-dark-background);
402
- color: var(--color-dark-font);
401
+ background-color: var(--color-dark-background);
402
+ color: var(--color-dark-font);
403
403
  }
404
404
 
405
405
  table {
406
- border-collapse: collapse;
407
- border-spacing: 0;
406
+ border-collapse: collapse;
407
+ border-spacing: 0;
408
408
  }
409
409
 
410
410
  button,
411
411
  a {
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);
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
- cursor: not-allowed;
424
+ cursor: not-allowed;
425
425
  }
426
426
 
427
427
  u {
428
- text-decoration: underline;
429
- color: currentColor;
428
+ text-decoration: underline;
429
+ color: currentColor;
430
430
  }
431
431
 
432
432
  .stop-scrolling {
433
- height: 100vh;
434
- overflow: hidden;
433
+ height: 100vh;
434
+ overflow: hidden;
435
435
  }
436
436
 
437
437
  .text-left {
438
- text-align: left !important;
438
+ text-align: left !important;
439
439
  }
440
440
 
441
441
  .text-center {
442
- text-align: center !important;
442
+ text-align: center !important;
443
443
  }
444
444
 
445
445
  .text-right {
446
- text-align: right !important;
446
+ text-align: right !important;
447
447
  }
448
448
 
449
449
  .clear-float {
450
- float: none !important;
450
+ float: none !important;
451
451
  }
452
452
 
453
453
  .hidden {
454
- position: fixed;
455
- top: -999em;
456
- left: -999em;
454
+ position: fixed;
455
+ top: -999em;
456
+ left: -999em;
457
457
  }
458
458
 
459
459
  .no-marg {
460
- margin-top: 0 !important;
461
- margin-bottom: 0 !important;
462
- margin-right: 0 !important;
463
- margin-left: 0 !important;
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
- margin-top: 0 !important;
467
+ margin-top: 0 !important;
468
468
  }
469
469
 
470
470
  .no-marg-bottom {
471
- margin-bottom: 0 !important;
471
+ margin-bottom: 0 !important;
472
472
  }
473
473
 
474
474
  .no-marg-left {
475
- margin-left: 0 !important;
475
+ margin-left: 0 !important;
476
476
  }
477
477
 
478
478
  .no-marg-right {
479
- margin-right: 0 !important;
479
+ margin-right: 0 !important;
480
480
  }
481
481
 
482
482
  .no-padd {
483
- padding-top: 0 !important;
484
- padding-bottom: 0 !important;
485
- padding-right: 0 !important;
486
- padding-left: 0 !important;
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
- padding-top: 0 !important;
490
+ padding-top: 0 !important;
491
491
  }
492
492
 
493
493
  .no-padd-bottom {
494
- padding-bottom: 0 !important;
494
+ padding-bottom: 0 !important;
495
495
  }
496
496
 
497
497
  .no-padd-left {
498
- padding-left: 0 !important;
498
+ padding-left: 0 !important;
499
499
  }
500
500
 
501
501
  .no-padd-right {
502
- padding-right: 0 !important;
502
+ padding-right: 0 !important;
503
503
  }
504
504
 
505
505
  .no-select {
506
- -webkit-user-select: none !important;
507
- -moz-user-select: none !important;
508
- -ms-user-select: none !important;
509
- user-select: none !important;
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
- 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;
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
- 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;
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
- scroll-behavior: smooth;
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
- background-color: var(--color-black) !important;
656
+ background-color: var(--color-black) !important;
548
657
  }
549
658
 
550
659
  .bg-white {
551
- background-color: var(--color-white) !important;
660
+ background-color: var(--color-white) !important;
552
661
  }
553
662
 
554
663
  .bg-gray-50 {
555
- background-color: var(--color-gray-50) !important;
664
+ background-color: var(--color-gray-50) !important;
556
665
  }
557
666
 
558
667
  .bg-gray-100 {
559
- background-color: var(--color-gray-100) !important;
668
+ background-color: var(--color-gray-100) !important;
560
669
  }
561
670
 
562
671
  .bg-gray-200 {
563
- background-color: var(--color-gray-200) !important;
672
+ background-color: var(--color-gray-200) !important;
564
673
  }
565
674
 
566
675
  .bg-gray-300 {
567
- background-color: var(--color-gray-300) !important;
676
+ background-color: var(--color-gray-300) !important;
568
677
  }
569
678
 
570
679
  .bg-gray-400 {
571
- background-color: var(--color-gray-400) !important;
680
+ background-color: var(--color-gray-400) !important;
572
681
  }
573
682
 
574
683
  .bg-gray-500 {
575
- background-color: var(--color-gray-500) !important;
684
+ background-color: var(--color-gray-500) !important;
576
685
  }
577
686
 
578
687
  .bg-gray-600 {
579
- background-color: var(--color-gray-600) !important;
688
+ background-color: var(--color-gray-600) !important;
580
689
  }
581
690
 
582
691
  .bg-gray-700 {
583
- background-color: var(--color-gray-700) !important;
692
+ background-color: var(--color-gray-700) !important;
584
693
  }
585
694
 
586
695
  .bg-gray-800 {
587
- background-color: var(--color-gray-800) !important;
696
+ background-color: var(--color-gray-800) !important;
588
697
  }
589
698
 
590
699
  .bg-gray-900 {
591
- background-color: var(--color-gray-900) !important;
700
+ background-color: var(--color-gray-900) !important;
592
701
  }
593
702
 
594
703
  .bg-primary-50 {
595
- background-color: var(--color-primary-50) !important;
704
+ background-color: var(--color-primary-50) !important;
596
705
  }
597
706
 
598
707
  .bg-primary-100 {
599
- background-color: var(--color-primary-100) !important;
708
+ background-color: var(--color-primary-100) !important;
600
709
  }
601
710
 
602
711
  .bg-primary-200 {
603
- background-color: var(--color-primary-200) !important;
712
+ background-color: var(--color-primary-200) !important;
604
713
  }
605
714
 
606
715
  .bg-primary-300 {
607
- background-color: var(--color-primary-300) !important;
716
+ background-color: var(--color-primary-300) !important;
608
717
  }
609
718
 
610
719
  .bg-primary-400 {
611
- background-color: var(--color-primary-400) !important;
720
+ background-color: var(--color-primary-400) !important;
612
721
  }
613
722
 
614
723
  .bg-primary-500 {
615
- background-color: var(--color-primary-500) !important;
724
+ background-color: var(--color-primary-500) !important;
616
725
  }
617
726
 
618
727
  .bg-primary-600 {
619
- background-color: var(--color-primary-600) !important;
728
+ background-color: var(--color-primary-600) !important;
620
729
  }
621
730
 
622
731
  .bg-primary-700 {
623
- background-color: var(--color-primary-700) !important;
732
+ background-color: var(--color-primary-700) !important;
624
733
  }
625
734
 
626
735
  .bg-primary-800 {
627
- background-color: var(--color-primary-800) !important;
736
+ background-color: var(--color-primary-800) !important;
628
737
  }
629
738
 
630
739
  .bg-primary-900 {
631
- background-color: var(--color-primary-900) !important;
740
+ background-color: var(--color-primary-900) !important;
632
741
  }
633
742
 
634
743
  .bg-secondary-50 {
635
- background-color: var(--color-secondary-50) !important;
744
+ background-color: var(--color-secondary-50) !important;
636
745
  }
637
746
 
638
747
  .bg-secondary-100 {
639
- background-color: var(--color-secondary-100) !important;
748
+ background-color: var(--color-secondary-100) !important;
640
749
  }
641
750
 
642
751
  .bg-secondary-200 {
643
- background-color: var(--color-secondary-200) !important;
752
+ background-color: var(--color-secondary-200) !important;
644
753
  }
645
754
 
646
755
  .bg-secondary-300 {
647
- background-color: var(--color-secondary-300) !important;
756
+ background-color: var(--color-secondary-300) !important;
648
757
  }
649
758
 
650
759
  .bg-secondary-400 {
651
- background-color: var(--color-secondary-400) !important;
760
+ background-color: var(--color-secondary-400) !important;
652
761
  }
653
762
 
654
763
  .bg-secondary-500 {
655
- background-color: var(--color-secondary-500) !important;
764
+ background-color: var(--color-secondary-500) !important;
656
765
  }
657
766
 
658
767
  .bg-secondary-600 {
659
- background-color: var(--color-secondary-600) !important;
768
+ background-color: var(--color-secondary-600) !important;
660
769
  }
661
770
 
662
771
  .bg-secondary-700 {
663
- background-color: var(--color-secondary-700) !important;
772
+ background-color: var(--color-secondary-700) !important;
664
773
  }
665
774
 
666
775
  .bg-secondary-800 {
667
- background-color: var(--color-secondary-800) !important;
776
+ background-color: var(--color-secondary-800) !important;
668
777
  }
669
778
 
670
779
  .bg-secondary-900 {
671
- background-color: var(--color-secondary-900) !important;
780
+ background-color: var(--color-secondary-900) !important;
672
781
  }
673
782
 
674
783
  .bg-success-50 {
675
- background-color: var(--color-success-50) !important;
784
+ background-color: var(--color-success-50) !important;
676
785
  }
677
786
 
678
787
  .bg-success-100 {
679
- background-color: var(--color-success-100) !important;
788
+ background-color: var(--color-success-100) !important;
680
789
  }
681
790
 
682
791
  .bg-success-200 {
683
- background-color: var(--color-success-200) !important;
792
+ background-color: var(--color-success-200) !important;
684
793
  }
685
794
 
686
795
  .bg-success-300 {
687
- background-color: var(--color-success-300) !important;
796
+ background-color: var(--color-success-300) !important;
688
797
  }
689
798
 
690
799
  .bg-success-400 {
691
- background-color: var(--color-success-400) !important;
800
+ background-color: var(--color-success-400) !important;
692
801
  }
693
802
 
694
803
  .bg-success-500 {
695
- background-color: var(--color-success-500) !important;
804
+ background-color: var(--color-success-500) !important;
696
805
  }
697
806
 
698
807
  .bg-success-600 {
699
- background-color: var(--color-success-600) !important;
808
+ background-color: var(--color-success-600) !important;
700
809
  }
701
810
 
702
811
  .bg-success-700 {
703
- background-color: var(--color-success-700) !important;
812
+ background-color: var(--color-success-700) !important;
704
813
  }
705
814
 
706
815
  .bg-success-800 {
707
- background-color: var(--color-success-800) !important;
816
+ background-color: var(--color-success-800) !important;
708
817
  }
709
818
 
710
819
  .bg-success-900 {
711
- background-color: var(--color-success-900) !important;
820
+ background-color: var(--color-success-900) !important;
712
821
  }
713
822
 
714
823
  .bg-danger-50 {
715
- background-color: var(--color-danger-50) !important;
824
+ background-color: var(--color-danger-50) !important;
716
825
  }
717
826
 
718
827
  .bg-danger-100 {
719
- background-color: var(--color-danger-100) !important;
828
+ background-color: var(--color-danger-100) !important;
720
829
  }
721
830
 
722
831
  .bg-danger-200 {
723
- background-color: var(--color-danger-200) !important;
832
+ background-color: var(--color-danger-200) !important;
724
833
  }
725
834
 
726
835
  .bg-danger-300 {
727
- background-color: var(--color-danger-300) !important;
836
+ background-color: var(--color-danger-300) !important;
728
837
  }
729
838
 
730
839
  .bg-danger-400 {
731
- background-color: var(--color-danger-400) !important;
840
+ background-color: var(--color-danger-400) !important;
732
841
  }
733
842
 
734
843
  .bg-danger-500 {
735
- background-color: var(--color-danger-500) !important;
844
+ background-color: var(--color-danger-500) !important;
736
845
  }
737
846
 
738
847
  .bg-danger-600 {
739
- background-color: var(--color-danger-600) !important;
848
+ background-color: var(--color-danger-600) !important;
740
849
  }
741
850
 
742
851
  .bg-danger-700 {
743
- background-color: var(--color-danger-700) !important;
852
+ background-color: var(--color-danger-700) !important;
744
853
  }
745
854
 
746
855
  .bg-danger-800 {
747
- background-color: var(--color-danger-800) !important;
856
+ background-color: var(--color-danger-800) !important;
748
857
  }
749
858
 
750
859
  .bg-danger-900 {
751
- background-color: var(--color-danger-900) !important;
860
+ background-color: var(--color-danger-900) !important;
752
861
  }
753
862
 
754
863
  .bg-warning-50 {
755
- background-color: var(--color-warning-50) !important;
864
+ background-color: var(--color-warning-50) !important;
756
865
  }
757
866
 
758
867
  .bg-warning-100 {
759
- background-color: var(--color-warning-100) !important;
868
+ background-color: var(--color-warning-100) !important;
760
869
  }
761
870
 
762
871
  .bg-warning-200 {
763
- background-color: var(--color-warning-200) !important;
872
+ background-color: var(--color-warning-200) !important;
764
873
  }
765
874
 
766
875
  .bg-warning-300 {
767
- background-color: var(--color-warning-300) !important;
876
+ background-color: var(--color-warning-300) !important;
768
877
  }
769
878
 
770
879
  .bg-warning-400 {
771
- background-color: var(--color-warning-400) !important;
880
+ background-color: var(--color-warning-400) !important;
772
881
  }
773
882
 
774
883
  .bg-warning-500 {
775
- background-color: var(--color-warning-500) !important;
884
+ background-color: var(--color-warning-500) !important;
776
885
  }
777
886
 
778
887
  .bg-warning-600 {
779
- background-color: var(--color-warning-600) !important;
888
+ background-color: var(--color-warning-600) !important;
780
889
  }
781
890
 
782
891
  .bg-warning-700 {
783
- background-color: var(--color-warning-700) !important;
892
+ background-color: var(--color-warning-700) !important;
784
893
  }
785
894
 
786
895
  .bg-warning-800 {
787
- background-color: var(--color-warning-800) !important;
896
+ background-color: var(--color-warning-800) !important;
788
897
  }
789
898
 
790
899
  .bg-warning-900 {
791
- background-color: var(--color-warning-900) !important;
900
+ background-color: var(--color-warning-900) !important;
792
901
  }
793
902
 
794
903
  .bg-overlay-black-50 {
795
- background: var(--overlay-black-50) !important;
904
+ background: var(--overlay-black-50) !important;
796
905
  }
797
906
 
798
907
  .bg-overlay-black-80 {
799
- background: var(--overlay-black-80) !important;
908
+ background: var(--overlay-black-80) !important;
800
909
  }
801
910
 
802
911
  .bg-overlay-white-50 {
803
- background: var(--overlay-white-50) !important;
912
+ background: var(--overlay-white-50) !important;
804
913
  }
805
914
 
806
915
  .bg-overlay-white-80 {
807
- background: var(--overlay-white-80) !important;
916
+ background: var(--overlay-white-80) !important;
808
917
  }
809
918
 
810
919
  .bg-overlay-gradient-black {
811
- background: var(--overlay-gradient-black) !important;
920
+ background: var(--overlay-gradient-black) !important;
812
921
  }
813
922
 
814
923
  .bg-overlay-gradient-white {
815
- background: var(--overlay-gradient-white) !important;
924
+ background: var(--overlay-gradient-white) !important;
816
925
  }
817
926
 
818
927
  .font-black {
819
- color: var(--color-black) !important;
928
+ color: var(--color-black) !important;
820
929
  }
821
930
 
822
931
  .font-white {
823
- color: var(--color-white) !important;
932
+ color: var(--color-white) !important;
824
933
  }
825
934
 
826
935
  .font-gray-50 {
827
- color: var(--color-gray-50) !important;
936
+ color: var(--color-gray-50) !important;
828
937
  }
829
938
 
830
939
  .font-gray-100 {
831
- color: var(--color-gray-100) !important;
940
+ color: var(--color-gray-100) !important;
832
941
  }
833
942
 
834
943
  .font-gray-200 {
835
- color: var(--color-gray-200) !important;
944
+ color: var(--color-gray-200) !important;
836
945
  }
837
946
 
838
947
  .font-gray-300 {
839
- color: var(--color-gray-300) !important;
948
+ color: var(--color-gray-300) !important;
840
949
  }
841
950
 
842
951
  .font-gray-400 {
843
- color: var(--color-gray-400) !important;
952
+ color: var(--color-gray-400) !important;
844
953
  }
845
954
 
846
955
  .font-gray-500 {
847
- color: var(--color-gray-500) !important;
956
+ color: var(--color-gray-500) !important;
848
957
  }
849
958
 
850
959
  .font-gray-600 {
851
- color: var(--color-gray-600) !important;
960
+ color: var(--color-gray-600) !important;
852
961
  }
853
962
 
854
963
  .font-gray-700 {
855
- color: var(--color-gray-700) !important;
964
+ color: var(--color-gray-700) !important;
856
965
  }
857
966
 
858
967
  .font-gray-800 {
859
- color: var(--color-gray-800) !important;
968
+ color: var(--color-gray-800) !important;
860
969
  }
861
970
 
862
971
  .font-gray-900 {
863
- color: var(--color-gray-900) !important;
972
+ color: var(--color-gray-900) !important;
864
973
  }
865
974
 
866
975
  .font-primary-50 {
867
- color: var(--color-primary-50) !important;
976
+ color: var(--color-primary-50) !important;
868
977
  }
869
978
 
870
979
  .font-primary-100 {
871
- color: var(--color-primary-100) !important;
980
+ color: var(--color-primary-100) !important;
872
981
  }
873
982
 
874
983
  .font-primary-200 {
875
- color: var(--color-primary-200) !important;
984
+ color: var(--color-primary-200) !important;
876
985
  }
877
986
 
878
987
  .font-primary-300 {
879
- color: var(--color-primary-300) !important;
988
+ color: var(--color-primary-300) !important;
880
989
  }
881
990
 
882
991
  .font-primary-400 {
883
- color: var(--color-primary-400) !important;
992
+ color: var(--color-primary-400) !important;
884
993
  }
885
994
 
886
995
  .font-primary-500 {
887
- color: var(--color-primary-500) !important;
996
+ color: var(--color-primary-500) !important;
888
997
  }
889
998
 
890
999
  .font-primary-600 {
891
- color: var(--color-primary-600) !important;
1000
+ color: var(--color-primary-600) !important;
892
1001
  }
893
1002
 
894
1003
  .font-primary-700 {
895
- color: var(--color-primary-700) !important;
1004
+ color: var(--color-primary-700) !important;
896
1005
  }
897
1006
 
898
1007
  .font-primary-800 {
899
- color: var(--color-primary-800) !important;
1008
+ color: var(--color-primary-800) !important;
900
1009
  }
901
1010
 
902
1011
  .font-primary-900 {
903
- color: var(--color-primary-900) !important;
1012
+ color: var(--color-primary-900) !important;
904
1013
  }
905
1014
 
906
1015
  .font-secondary-50 {
907
- color: var(--color-secondary-50) !important;
1016
+ color: var(--color-secondary-50) !important;
908
1017
  }
909
1018
 
910
1019
  .font-secondary-100 {
911
- color: var(--color-secondary-100) !important;
1020
+ color: var(--color-secondary-100) !important;
912
1021
  }
913
1022
 
914
1023
  .font-secondary-200 {
915
- color: var(--color-secondary-200) !important;
1024
+ color: var(--color-secondary-200) !important;
916
1025
  }
917
1026
 
918
1027
  .font-secondary-300 {
919
- color: var(--color-secondary-300) !important;
1028
+ color: var(--color-secondary-300) !important;
920
1029
  }
921
1030
 
922
1031
  .font-secondary-400 {
923
- color: var(--color-secondary-400) !important;
1032
+ color: var(--color-secondary-400) !important;
924
1033
  }
925
1034
 
926
1035
  .font-secondary-500 {
927
- color: var(--color-secondary-500) !important;
1036
+ color: var(--color-secondary-500) !important;
928
1037
  }
929
1038
 
930
1039
  .font-secondary-600 {
931
- color: var(--color-secondary-600) !important;
1040
+ color: var(--color-secondary-600) !important;
932
1041
  }
933
1042
 
934
1043
  .font-secondary-700 {
935
- color: var(--color-secondary-700) !important;
1044
+ color: var(--color-secondary-700) !important;
936
1045
  }
937
1046
 
938
1047
  .font-secondary-800 {
939
- color: var(--color-secondary-800) !important;
1048
+ color: var(--color-secondary-800) !important;
940
1049
  }
941
1050
 
942
1051
  .font-secondary-900 {
943
- color: var(--color-secondary-900) !important;
1052
+ color: var(--color-secondary-900) !important;
944
1053
  }
945
1054
 
946
1055
  .font-success-50 {
947
- color: var(--color-success-50) !important;
1056
+ color: var(--color-success-50) !important;
948
1057
  }
949
1058
 
950
1059
  .font-success-100 {
951
- color: var(--color-success-100) !important;
1060
+ color: var(--color-success-100) !important;
952
1061
  }
953
1062
 
954
1063
  .font-success-200 {
955
- color: var(--color-success-200) !important;
1064
+ color: var(--color-success-200) !important;
956
1065
  }
957
1066
 
958
1067
  .font-success-300 {
959
- color: var(--color-success-300) !important;
1068
+ color: var(--color-success-300) !important;
960
1069
  }
961
1070
 
962
1071
  .font-success-400 {
963
- color: var(--color-success-400) !important;
1072
+ color: var(--color-success-400) !important;
964
1073
  }
965
1074
 
966
1075
  .font-success-500 {
967
- color: var(--color-success-500) !important;
1076
+ color: var(--color-success-500) !important;
968
1077
  }
969
1078
 
970
1079
  .font-success-600 {
971
- color: var(--color-success-600) !important;
1080
+ color: var(--color-success-600) !important;
972
1081
  }
973
1082
 
974
1083
  .font-success-700 {
975
- color: var(--color-success-700) !important;
1084
+ color: var(--color-success-700) !important;
976
1085
  }
977
1086
 
978
1087
  .font-success-800 {
979
- color: var(--color-success-800) !important;
1088
+ color: var(--color-success-800) !important;
980
1089
  }
981
1090
 
982
1091
  .font-success-900 {
983
- color: var(--color-success-900) !important;
1092
+ color: var(--color-success-900) !important;
984
1093
  }
985
1094
 
986
1095
  .font-danger-50 {
987
- color: var(--color-danger-50) !important;
1096
+ color: var(--color-danger-50) !important;
988
1097
  }
989
1098
 
990
1099
  .font-danger-100 {
991
- color: var(--color-danger-100) !important;
1100
+ color: var(--color-danger-100) !important;
992
1101
  }
993
1102
 
994
1103
  .font-danger-200 {
995
- color: var(--color-danger-200) !important;
1104
+ color: var(--color-danger-200) !important;
996
1105
  }
997
1106
 
998
1107
  .font-danger-300 {
999
- color: var(--color-danger-300) !important;
1108
+ color: var(--color-danger-300) !important;
1000
1109
  }
1001
1110
 
1002
1111
  .font-danger-400 {
1003
- color: var(--color-danger-400) !important;
1112
+ color: var(--color-danger-400) !important;
1004
1113
  }
1005
1114
 
1006
1115
  .font-danger-500 {
1007
- color: var(--color-danger-500) !important;
1116
+ color: var(--color-danger-500) !important;
1008
1117
  }
1009
1118
 
1010
1119
  .font-danger-600 {
1011
- color: var(--color-danger-600) !important;
1120
+ color: var(--color-danger-600) !important;
1012
1121
  }
1013
1122
 
1014
1123
  .font-danger-700 {
1015
- color: var(--color-danger-700) !important;
1124
+ color: var(--color-danger-700) !important;
1016
1125
  }
1017
1126
 
1018
1127
  .font-danger-800 {
1019
- color: var(--color-danger-800) !important;
1128
+ color: var(--color-danger-800) !important;
1020
1129
  }
1021
1130
 
1022
1131
  .font-danger-900 {
1023
- color: var(--color-danger-900) !important;
1132
+ color: var(--color-danger-900) !important;
1024
1133
  }
1025
1134
 
1026
1135
  .font-warning-50 {
1027
- color: var(--color-warning-50) !important;
1136
+ color: var(--color-warning-50) !important;
1028
1137
  }
1029
1138
 
1030
1139
  .font-warning-100 {
1031
- color: var(--color-warning-100) !important;
1140
+ color: var(--color-warning-100) !important;
1032
1141
  }
1033
1142
 
1034
1143
  .font-warning-200 {
1035
- color: var(--color-warning-200) !important;
1144
+ color: var(--color-warning-200) !important;
1036
1145
  }
1037
1146
 
1038
1147
  .font-warning-300 {
1039
- color: var(--color-warning-300) !important;
1148
+ color: var(--color-warning-300) !important;
1040
1149
  }
1041
1150
 
1042
1151
  .font-warning-400 {
1043
- color: var(--color-warning-400) !important;
1152
+ color: var(--color-warning-400) !important;
1044
1153
  }
1045
1154
 
1046
1155
  .font-warning-500 {
1047
- color: var(--color-warning-500) !important;
1156
+ color: var(--color-warning-500) !important;
1048
1157
  }
1049
1158
 
1050
1159
  .font-warning-600 {
1051
- color: var(--color-warning-600) !important;
1160
+ color: var(--color-warning-600) !important;
1052
1161
  }
1053
1162
 
1054
1163
  .font-warning-700 {
1055
- color: var(--color-warning-700) !important;
1164
+ color: var(--color-warning-700) !important;
1056
1165
  }
1057
1166
 
1058
1167
  .font-warning-800 {
1059
- color: var(--color-warning-800) !important;
1168
+ color: var(--color-warning-800) !important;
1060
1169
  }
1061
1170
 
1062
1171
  .font-warning-900 {
1063
- color: var(--color-warning-900) !important;
1172
+ color: var(--color-warning-900) !important;
1064
1173
  }
1065
1174
 
1066
1175
  .border-black {
1067
- border-color: var(--color-black) !important;
1176
+ border-color: var(--color-black) !important;
1068
1177
  }
1069
1178
 
1070
1179
  .border-white {
1071
- border-color: var(--color-white) !important;
1180
+ border-color: var(--color-white) !important;
1072
1181
  }
1073
1182
 
1074
1183
  .border-gray-50 {
1075
- border-color: var(--color-gray-50) !important;
1184
+ border-color: var(--color-gray-50) !important;
1076
1185
  }
1077
1186
 
1078
1187
  .border-gray-100 {
1079
- border-color: var(--color-gray-100) !important;
1188
+ border-color: var(--color-gray-100) !important;
1080
1189
  }
1081
1190
 
1082
1191
  .border-gray-200 {
1083
- border-color: var(--color-gray-200) !important;
1192
+ border-color: var(--color-gray-200) !important;
1084
1193
  }
1085
1194
 
1086
1195
  .border-gray-300 {
1087
- border-color: var(--color-gray-300) !important;
1196
+ border-color: var(--color-gray-300) !important;
1088
1197
  }
1089
1198
 
1090
1199
  .border-gray-400 {
1091
- border-color: var(--color-gray-400) !important;
1200
+ border-color: var(--color-gray-400) !important;
1092
1201
  }
1093
1202
 
1094
1203
  .border-gray-500 {
1095
- border-color: var(--color-gray-500) !important;
1204
+ border-color: var(--color-gray-500) !important;
1096
1205
  }
1097
1206
 
1098
1207
  .border-gray-600 {
1099
- border-color: var(--color-gray-600) !important;
1208
+ border-color: var(--color-gray-600) !important;
1100
1209
  }
1101
1210
 
1102
1211
  .border-gray-700 {
1103
- border-color: var(--color-gray-700) !important;
1212
+ border-color: var(--color-gray-700) !important;
1104
1213
  }
1105
1214
 
1106
1215
  .border-gray-800 {
1107
- border-color: var(--color-gray-800) !important;
1216
+ border-color: var(--color-gray-800) !important;
1108
1217
  }
1109
1218
 
1110
1219
  .border-gray-900 {
1111
- border-color: var(--color-gray-900) !important;
1220
+ border-color: var(--color-gray-900) !important;
1112
1221
  }
1113
1222
 
1114
1223
  .border-primary-50 {
1115
- border-color: var(--color-primary-50) !important;
1224
+ border-color: var(--color-primary-50) !important;
1116
1225
  }
1117
1226
 
1118
1227
  .border-primary-100 {
1119
- border-color: var(--color-primary-100) !important;
1228
+ border-color: var(--color-primary-100) !important;
1120
1229
  }
1121
1230
 
1122
1231
  .border-primary-200 {
1123
- border-color: var(--color-primary-200) !important;
1232
+ border-color: var(--color-primary-200) !important;
1124
1233
  }
1125
1234
 
1126
1235
  .border-primary-300 {
1127
- border-color: var(--color-primary-300) !important;
1236
+ border-color: var(--color-primary-300) !important;
1128
1237
  }
1129
1238
 
1130
1239
  .border-primary-400 {
1131
- border-color: var(--color-primary-400) !important;
1240
+ border-color: var(--color-primary-400) !important;
1132
1241
  }
1133
1242
 
1134
1243
  .border-primary-500 {
1135
- border-color: var(--color-primary-500) !important;
1244
+ border-color: var(--color-primary-500) !important;
1136
1245
  }
1137
1246
 
1138
1247
  .border-primary-600 {
1139
- border-color: var(--color-primary-600) !important;
1248
+ border-color: var(--color-primary-600) !important;
1140
1249
  }
1141
1250
 
1142
1251
  .border-primary-700 {
1143
- border-color: var(--color-primary-700) !important;
1252
+ border-color: var(--color-primary-700) !important;
1144
1253
  }
1145
1254
 
1146
1255
  .border-primary-800 {
1147
- border-color: var(--color-primary-800) !important;
1256
+ border-color: var(--color-primary-800) !important;
1148
1257
  }
1149
1258
 
1150
1259
  .border-primary-900 {
1151
- border-color: var(--color-primary-900) !important;
1260
+ border-color: var(--color-primary-900) !important;
1152
1261
  }
1153
1262
 
1154
1263
  .border-secondary-50 {
1155
- border-color: var(--color-secondary-50) !important;
1264
+ border-color: var(--color-secondary-50) !important;
1156
1265
  }
1157
1266
 
1158
1267
  .border-secondary-100 {
1159
- border-color: var(--color-secondary-100) !important;
1268
+ border-color: var(--color-secondary-100) !important;
1160
1269
  }
1161
1270
 
1162
1271
  .border-secondary-200 {
1163
- border-color: var(--color-secondary-200) !important;
1272
+ border-color: var(--color-secondary-200) !important;
1164
1273
  }
1165
1274
 
1166
1275
  .border-secondary-300 {
1167
- border-color: var(--color-secondary-300) !important;
1276
+ border-color: var(--color-secondary-300) !important;
1168
1277
  }
1169
1278
 
1170
1279
  .border-secondary-400 {
1171
- border-color: var(--color-secondary-400) !important;
1280
+ border-color: var(--color-secondary-400) !important;
1172
1281
  }
1173
1282
 
1174
1283
  .border-secondary-500 {
1175
- border-color: var(--color-secondary-500) !important;
1284
+ border-color: var(--color-secondary-500) !important;
1176
1285
  }
1177
1286
 
1178
1287
  .border-secondary-600 {
1179
- border-color: var(--color-secondary-600) !important;
1288
+ border-color: var(--color-secondary-600) !important;
1180
1289
  }
1181
1290
 
1182
1291
  .border-secondary-700 {
1183
- border-color: var(--color-secondary-700) !important;
1292
+ border-color: var(--color-secondary-700) !important;
1184
1293
  }
1185
1294
 
1186
1295
  .border-secondary-800 {
1187
- border-color: var(--color-secondary-800) !important;
1296
+ border-color: var(--color-secondary-800) !important;
1188
1297
  }
1189
1298
 
1190
1299
  .border-secondary-900 {
1191
- border-color: var(--color-secondary-900) !important;
1300
+ border-color: var(--color-secondary-900) !important;
1192
1301
  }
1193
1302
 
1194
1303
  .border-success-50 {
1195
- border-color: var(--color-success-50) !important;
1304
+ border-color: var(--color-success-50) !important;
1196
1305
  }
1197
1306
 
1198
1307
  .border-success-100 {
1199
- border-color: var(--color-success-100) !important;
1308
+ border-color: var(--color-success-100) !important;
1200
1309
  }
1201
1310
 
1202
1311
  .border-success-200 {
1203
- border-color: var(--color-success-200) !important;
1312
+ border-color: var(--color-success-200) !important;
1204
1313
  }
1205
1314
 
1206
1315
  .border-success-300 {
1207
- border-color: var(--color-success-300) !important;
1316
+ border-color: var(--color-success-300) !important;
1208
1317
  }
1209
1318
 
1210
1319
  .border-success-400 {
1211
- border-color: var(--color-success-400) !important;
1320
+ border-color: var(--color-success-400) !important;
1212
1321
  }
1213
1322
 
1214
1323
  .border-success-500 {
1215
- border-color: var(--color-success-500) !important;
1324
+ border-color: var(--color-success-500) !important;
1216
1325
  }
1217
1326
 
1218
1327
  .border-success-600 {
1219
- border-color: var(--color-success-600) !important;
1328
+ border-color: var(--color-success-600) !important;
1220
1329
  }
1221
1330
 
1222
1331
  .border-success-700 {
1223
- border-color: var(--color-success-700) !important;
1332
+ border-color: var(--color-success-700) !important;
1224
1333
  }
1225
1334
 
1226
1335
  .border-success-800 {
1227
- border-color: var(--color-success-800) !important;
1336
+ border-color: var(--color-success-800) !important;
1228
1337
  }
1229
1338
 
1230
1339
  .border-success-900 {
1231
- border-color: var(--color-success-900) !important;
1340
+ border-color: var(--color-success-900) !important;
1232
1341
  }
1233
1342
 
1234
1343
  .border-danger-50 {
1235
- border-color: var(--color-danger-50) !important;
1344
+ border-color: var(--color-danger-50) !important;
1236
1345
  }
1237
1346
 
1238
1347
  .border-danger-100 {
1239
- border-color: var(--color-danger-100) !important;
1348
+ border-color: var(--color-danger-100) !important;
1240
1349
  }
1241
1350
 
1242
1351
  .border-danger-200 {
1243
- border-color: var(--color-danger-200) !important;
1352
+ border-color: var(--color-danger-200) !important;
1244
1353
  }
1245
1354
 
1246
1355
  .border-danger-300 {
1247
- border-color: var(--color-danger-300) !important;
1356
+ border-color: var(--color-danger-300) !important;
1248
1357
  }
1249
1358
 
1250
1359
  .border-danger-400 {
1251
- border-color: var(--color-danger-400) !important;
1360
+ border-color: var(--color-danger-400) !important;
1252
1361
  }
1253
1362
 
1254
1363
  .border-danger-500 {
1255
- border-color: var(--color-danger-500) !important;
1364
+ border-color: var(--color-danger-500) !important;
1256
1365
  }
1257
1366
 
1258
1367
  .border-danger-600 {
1259
- border-color: var(--color-danger-600) !important;
1368
+ border-color: var(--color-danger-600) !important;
1260
1369
  }
1261
1370
 
1262
1371
  .border-danger-700 {
1263
- border-color: var(--color-danger-700) !important;
1372
+ border-color: var(--color-danger-700) !important;
1264
1373
  }
1265
1374
 
1266
1375
  .border-danger-800 {
1267
- border-color: var(--color-danger-800) !important;
1376
+ border-color: var(--color-danger-800) !important;
1268
1377
  }
1269
1378
 
1270
1379
  .border-danger-900 {
1271
- border-color: var(--color-danger-900) !important;
1380
+ border-color: var(--color-danger-900) !important;
1272
1381
  }
1273
1382
 
1274
1383
  .border-warning-50 {
1275
- border-color: var(--color-warning-50) !important;
1384
+ border-color: var(--color-warning-50) !important;
1276
1385
  }
1277
1386
 
1278
1387
  .border-warning-100 {
1279
- border-color: var(--color-warning-100) !important;
1388
+ border-color: var(--color-warning-100) !important;
1280
1389
  }
1281
1390
 
1282
1391
  .border-warning-200 {
1283
- border-color: var(--color-warning-200) !important;
1392
+ border-color: var(--color-warning-200) !important;
1284
1393
  }
1285
1394
 
1286
1395
  .border-warning-300 {
1287
- border-color: var(--color-warning-300) !important;
1396
+ border-color: var(--color-warning-300) !important;
1288
1397
  }
1289
1398
 
1290
1399
  .border-warning-400 {
1291
- border-color: var(--color-warning-400) !important;
1400
+ border-color: var(--color-warning-400) !important;
1292
1401
  }
1293
1402
 
1294
1403
  .border-warning-500 {
1295
- border-color: var(--color-warning-500) !important;
1404
+ border-color: var(--color-warning-500) !important;
1296
1405
  }
1297
1406
 
1298
1407
  .border-warning-600 {
1299
- border-color: var(--color-warning-600) !important;
1408
+ border-color: var(--color-warning-600) !important;
1300
1409
  }
1301
1410
 
1302
1411
  .border-warning-700 {
1303
- border-color: var(--color-warning-700) !important;
1412
+ border-color: var(--color-warning-700) !important;
1304
1413
  }
1305
1414
 
1306
1415
  .border-warning-800 {
1307
- border-color: var(--color-warning-800) !important;
1416
+ border-color: var(--color-warning-800) !important;
1308
1417
  }
1309
1418
 
1310
1419
  .border-warning-900 {
1311
- border-color: var(--color-warning-900) !important;
1420
+ border-color: var(--color-warning-900) !important;
1312
1421
  }
1313
1422
 
1314
1423
  .radius-xxl {
1315
- -webkit-border-radius: var(--radius-xxl) !important;
1316
- border-radius: var(--radius-xxl) !important;
1424
+ -webkit-border-radius: var(--radius-xxl) !important;
1425
+ border-radius: var(--radius-xxl) !important;
1317
1426
  }
1318
1427
 
1319
1428
  .radius-xl {
1320
- -webkit-border-radius: var(--radius-xl) !important;
1321
- border-radius: var(--radius-xl) !important;
1429
+ -webkit-border-radius: var(--radius-xl) !important;
1430
+ border-radius: var(--radius-xl) !important;
1322
1431
  }
1323
1432
 
1324
1433
  .radius-l {
1325
- -webkit-border-radius: var(--radius-l) !important;
1326
- border-radius: var(--radius-l) !important;
1434
+ -webkit-border-radius: var(--radius-l) !important;
1435
+ border-radius: var(--radius-l) !important;
1327
1436
  }
1328
1437
 
1329
1438
  .radius-m {
1330
- -webkit-border-radius: var(--radius-m) !important;
1331
- border-radius: var(--radius-m) !important;
1439
+ -webkit-border-radius: var(--radius-m) !important;
1440
+ border-radius: var(--radius-m) !important;
1332
1441
  }
1333
1442
 
1334
1443
  .radius-s {
1335
- -webkit-border-radius: var(--radius-s) !important;
1336
- border-radius: var(--radius-s) !important;
1444
+ -webkit-border-radius: var(--radius-s) !important;
1445
+ border-radius: var(--radius-s) !important;
1337
1446
  }
1338
1447
 
1339
1448
  .radius-xs {
1340
- -webkit-border-radius: var(--radius-xs) !important;
1341
- border-radius: var(--radius-xs) !important;
1449
+ -webkit-border-radius: var(--radius-xs) !important;
1450
+ border-radius: var(--radius-xs) !important;
1342
1451
  }
1343
1452
 
1344
1453
  .radius-round {
1345
- -webkit-border-radius: var(--radius-round) !important;
1346
- border-radius: var(--radius-round) !important;
1454
+ -webkit-border-radius: var(--radius-round) !important;
1455
+ border-radius: var(--radius-round) !important;
1347
1456
  }
1348
1457
 
1349
1458
  .radius-circle {
1350
- -webkit-border-radius: var(--radius-circle) !important;
1351
- border-radius: var(--radius-circle) !important;
1459
+ -webkit-border-radius: var(--radius-circle) !important;
1460
+ border-radius: var(--radius-circle) !important;
1352
1461
  }
1353
1462
 
1354
1463
  .shadow-xxl {
1355
- -webkit-box-shadow: var(--shadow-xxl) !important;
1356
- box-shadow: var(--shadow-xxl) !important;
1464
+ -webkit-box-shadow: var(--shadow-xxl) !important;
1465
+ box-shadow: var(--shadow-xxl) !important;
1357
1466
  }
1358
1467
 
1359
1468
  .shadow-xl {
1360
- -webkit-box-shadow: var(--shadow-xl) !important;
1361
- box-shadow: var(--shadow-xl) !important;
1469
+ -webkit-box-shadow: var(--shadow-xl) !important;
1470
+ box-shadow: var(--shadow-xl) !important;
1362
1471
  }
1363
1472
 
1364
1473
  .shadow-l {
1365
- -webkit-box-shadow: var(--shadow-l) !important;
1366
- box-shadow: var(--shadow-l) !important;
1474
+ -webkit-box-shadow: var(--shadow-l) !important;
1475
+ box-shadow: var(--shadow-l) !important;
1367
1476
  }
1368
1477
 
1369
1478
  .shadow-m {
1370
- -webkit-box-shadow: var(--shadow-m) !important;
1371
- box-shadow: var(--shadow-m) !important;
1479
+ -webkit-box-shadow: var(--shadow-m) !important;
1480
+ box-shadow: var(--shadow-m) !important;
1372
1481
  }
1373
1482
 
1374
1483
  .shadow-s {
1375
- -webkit-box-shadow: var(--shadow-s) !important;
1376
- box-shadow: var(--shadow-s) !important;
1484
+ -webkit-box-shadow: var(--shadow-s) !important;
1485
+ box-shadow: var(--shadow-s) !important;
1377
1486
  }
1378
1487
 
1379
1488
  .shadow-xs {
1380
- -webkit-box-shadow: var(--shadow-xs) !important;
1381
- box-shadow: var(--shadow-xs) !important;
1489
+ -webkit-box-shadow: var(--shadow-xs) !important;
1490
+ box-shadow: var(--shadow-xs) !important;
1382
1491
  }