@cobe84/design-system 0.1.5 → 0.1.7

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.
@@ -0,0 +1,1049 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root[data-theme="light"] {
6
+ --core-color-brand-aquamarine-50: #e7fffa;
7
+ --core-color-brand-aquamarine-100: #c6fff0;
8
+ --core-color-brand-aquamarine-200: #92fff7;
9
+ --core-color-brand-aquamarine-300: #4dffee;
10
+ --core-color-brand-aquamarine-400: #00f1c7;
11
+ --core-color-brand-aquamarine-500: #00e8bd;
12
+ --core-color-brand-aquamarine-600: #00be9c;
13
+ --core-color-brand-aquamarine-700: #009882;
14
+ --core-color-brand-aquamarine-800: #007868;
15
+ --core-color-brand-aquamarine-900: #006257;
16
+ --core-color-brand-aquamarine-950: #003833;
17
+ --core-color-brand-magenta-500: #e31952;
18
+ --core-color-brand-orange-500: #fe7c43;
19
+ --core-color-neutral-black-50: #f6f6f6;
20
+ --core-color-neutral-black-100: #e7e7e7;
21
+ --core-color-neutral-black-200: #d1d1d1;
22
+ --core-color-neutral-black-300: #b0b0b0;
23
+ --core-color-neutral-black-400: #888888;
24
+ --core-color-neutral-black-500: #6d6d6d;
25
+ --core-color-neutral-black-600: #5d5d5d;
26
+ --core-color-neutral-black-700: #454545;
27
+ --core-color-neutral-black-800: #373737;
28
+ --core-color-neutral-black-900: #1a1a1a;
29
+ --core-color-neutral-black-950: #000000;
30
+ --core-color-neutral-white-base: #ffffff;
31
+ --core-color-feedback-success-50: #f0fdf0;
32
+ --core-color-feedback-success-100: #ddfbde;
33
+ --core-color-feedback-success-200: #bcf6be;
34
+ --core-color-feedback-success-300: #99ef9e;
35
+ --core-color-feedback-success-400: #4eda56;
36
+ --core-color-feedback-success-500: #26c130;
37
+ --core-color-feedback-success-600: #19a022;
38
+ --core-color-feedback-success-700: #187d1f;
39
+ --core-color-feedback-success-800: #18631d;
40
+ --core-color-feedback-success-900: #16511b;
41
+ --core-color-feedback-success-950: #062d0a;
42
+ --core-color-feedback-warning-50: #fffef7;
43
+ --core-color-feedback-warning-100: #fcffc1;
44
+ --core-color-feedback-warning-200: #fbff86;
45
+ --core-color-feedback-warning-300: #fff941;
46
+ --core-color-feedback-warning-400: #ffec0d;
47
+ --core-color-feedback-warning-500: #fad900;
48
+ --core-color-feedback-warning-600: #d1a300;
49
+ --core-color-feedback-warning-700: #a67502;
50
+ --core-color-feedback-warning-800: #895b0a;
51
+ --core-color-feedback-warning-900: #744a0f;
52
+ --core-color-feedback-warning-950: #4a2704;
53
+ --core-color-feedback-error-50: #fff1f1;
54
+ --core-color-feedback-error-100: #ffe1e1;
55
+ --core-color-feedback-error-200: #ffc8c8;
56
+ --core-color-feedback-error-300: #ffa1a1;
57
+ --core-color-feedback-error-400: #fe6b6b;
58
+ --core-color-feedback-error-500: #f63d3d;
59
+ --core-color-feedback-error-600: #e52a2a;
60
+ --core-color-feedback-error-700: #c01515;
61
+ --core-color-feedback-error-800: #9e1616;
62
+ --core-color-feedback-error-900: #831919;
63
+ --core-color-feedback-error-950: #470808;
64
+ --core-gradient-brand-black-to-aquamarine-v: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
65
+ --core-gradient-brand-magenta-to-aquamarine-v: linear-gradient(180deg, #e31952 0%, #00f1c7 100%);
66
+ --core-gradient-brand-magenta-to-aquamarine-diag: linear-gradient(135deg, #e31952 0%, #00f1c7 100%);
67
+ --core-gradient-brand-black-to-aquamarine-diag: linear-gradient(135deg, #000000 0%, #00f1c7 100%);
68
+ --core-gradient-brand-orange-to-magenta-diag: linear-gradient(135deg, #fe7c43 0%, #e31952 100%);
69
+ --core-gradient-brand-aquamarine-to-aquamarine800-diag: linear-gradient(135deg, #00f1c7 0%, #007868 100%);
70
+ --core-gradient-brand-black-to-magenta-v: linear-gradient(180deg, #000000 0%, #e31952 100%);
71
+ --core-typography-font-family-primary: Museo Sans;
72
+ --core-typography-font-weight-100: 100;
73
+ --core-typography-font-weight-300: 300;
74
+ --core-typography-font-weight-500: 500;
75
+ --core-typography-font-weight-700: 700;
76
+ --core-typography-size-px-12: 12px;
77
+ --core-typography-size-px-16: 16px;
78
+ --core-typography-size-px-20: 20px;
79
+ --core-typography-size-px-24: 24px;
80
+ --core-typography-size-px-28: 28px;
81
+ --core-typography-size-px-32: 32px;
82
+ --core-typography-size-rem-12: 0.75rem;
83
+ --core-typography-size-rem-16: 1rem;
84
+ --core-typography-size-rem-20: 1.25rem;
85
+ --core-typography-size-rem-24: 1.5rem;
86
+ --core-typography-size-rem-28: 1.75rem;
87
+ --core-typography-size-rem-32: 2rem;
88
+ --core-typography-line-height-px-16: 16px;
89
+ --core-typography-line-height-px-20: 20px;
90
+ --core-typography-line-height-px-24: 24px;
91
+ --core-typography-line-height-px-28: 28px;
92
+ --core-typography-line-height-px-32: 32px;
93
+ --core-typography-line-height-px-36: 36px;
94
+ --core-typography-line-height-rem-16: 1rem;
95
+ --core-typography-line-height-rem-20: 1.25rem;
96
+ --core-typography-line-height-rem-24: 1.5rem;
97
+ --core-typography-line-height-rem-28: 1.75rem;
98
+ --core-typography-line-height-rem-32: 2rem;
99
+ --core-typography-line-height-rem-36: 2.25rem;
100
+ --core-spacing-px-4: 4px;
101
+ --core-spacing-px-8: 8px;
102
+ --core-spacing-px-12: 12px;
103
+ --core-spacing-px-16: 16px;
104
+ --core-spacing-px-20: 20px;
105
+ --core-spacing-px-24: 24px;
106
+ --core-spacing-px-28: 28px;
107
+ --core-spacing-px-32: 32px;
108
+ --core-spacing-px-36: 36px;
109
+ --core-spacing-px-40: 40px;
110
+ --core-spacing-px-48: 48px;
111
+ --core-spacing-px-52: 52px;
112
+ --core-spacing-px-56: 56px;
113
+ --core-spacing-px-60: 60px;
114
+ --core-spacing-px-64: 64px;
115
+ --core-spacing-px-72: 72px;
116
+ --core-spacing-px-80: 80px;
117
+ --core-spacing-px-88: 88rem;
118
+ --core-spacing-px-120: 120px;
119
+ --core-spacing-px-424: 424rem;
120
+ --core-border-radius-xs: 1px;
121
+ --core-border-radius-s: 2px;
122
+ --core-border-radius-m: 4px;
123
+ --core-border-radius-l: 8px;
124
+ --core-radius-xxs: 2px;
125
+ --core-radius-xs: 4px;
126
+ --core-radius-s: 8px;
127
+ --core-radius-m: 12px;
128
+ --core-radius-l: 16px;
129
+ --core-radius-xl: 20px;
130
+ --core-radius-full: 120px;
131
+ --core-elevation-xs: [object Object];
132
+ --core-elevation-s: [object Object],[object Object];
133
+ --core-elevation-m: [object Object],[object Object];
134
+ --core-elevation-l: [object Object],[object Object];
135
+ --core-elevation-xl: [object Object],[object Object];
136
+ --core-icon-library: lucide;
137
+ --core-icon-style-base: outline;
138
+ --core-icon-style-corners: rounded;
139
+ --core-icon-grid-base: 16;
140
+ --core-icon-stroke-width-default: 2;
141
+ --core-icon-size-min: 16rem;
142
+ --core-icon-size-base: 24rem;
143
+ --core-icon-size-l: 32rem;
144
+ --core-icon-set-buscar-search: search;
145
+ --core-icon-set-buscar-scan-search: scan-search;
146
+ --core-icon-set-contenido-file: file;
147
+ --core-icon-set-contenido-files: files;
148
+ --core-icon-set-contenido-clipboard: clipboard;
149
+ --core-icon-set-contenido-copy: copy;
150
+ --core-icon-set-dispositivos-monitor: monitor;
151
+ --core-icon-set-dispositivos-laptop: laptop;
152
+ --core-icon-set-dispositivos-tablet: tablet;
153
+ --core-icon-set-dispositivos-smartphone: smartphone;
154
+ --core-icon-set-esenciales-check: check;
155
+ --core-icon-set-esenciales-x: x;
156
+ --core-icon-set-esenciales-plus: plus;
157
+ --core-icon-set-esenciales-minus: minus;
158
+ --core-icon-set-esenciales-info: info;
159
+ --core-icon-set-esenciales-alert-triangle: alert-triangle;
160
+ --core-icon-set-flechas-chevron-left: chevron-left;
161
+ --core-icon-set-flechas-chevron-right: chevron-right;
162
+ --core-icon-set-flechas-arrow-left: arrow-left;
163
+ --core-icon-set-flechas-arrow-right: arrow-right;
164
+ --core-icon-set-flechas-arrow-up: arrow-up;
165
+ --core-icon-set-flechas-arrow-down: arrow-down;
166
+ --core-icon-set-seguridad-lock: lock;
167
+ --core-icon-set-seguridad-unlock: unlock;
168
+ --core-icon-set-seguridad-shield: shield;
169
+ --core-icon-set-seguridad-key: key;
170
+ --core-icon-set-ubicacion-map-pin: map-pin;
171
+ --core-icon-set-ubicacion-navigation: navigation;
172
+ --core-icon-set-ubicacion-compass: compass;
173
+ --core-icon-set-ubicacion-locate: locate;
174
+ --core-icon-set-usuarios-user: user;
175
+ --core-icon-set-usuarios-users: users;
176
+ --core-icon-set-usuarios-user-plus: user-plus;
177
+ --core-icon-set-usuarios-user-minus: user-minus;
178
+ --core-icon-set-vehiculos-car: car;
179
+ --core-icon-set-vehiculos-truck: truck;
180
+ --core-icon-set-vehiculos-bus: bus;
181
+ --core-icon-set-vehiculos-plane: plane;
182
+ --core-icon-set-vehiculos-ship: ship;
183
+ --core-breakpoint-viewport-mobile-min: 320px;
184
+ --core-breakpoint-viewport-mobile-max: 767px;
185
+ --core-breakpoint-viewport-tablet-min: 768px;
186
+ --core-breakpoint-viewport-tablet-max: 1279px;
187
+ --core-breakpoint-viewport-desktop-min: 1280px;
188
+ --core-breakpoint-viewport-desktop-max: 1599px;
189
+ --core-breakpoint-viewport-desktop-lg-min: 1600px;
190
+ --core-breakpoint-viewport-desktop-lg-max: 3439px;
191
+ --core-breakpoint-viewport-desktop-xl-min: 3440px;
192
+ --core-breakpoint-reference-mobile-320: 320px;
193
+ --core-breakpoint-reference-mobile-375: 375px;
194
+ --core-breakpoint-reference-mobile-440: 440px;
195
+ --core-breakpoint-reference-tablet-768: 768px;
196
+ --core-breakpoint-reference-tablet-834: 834px;
197
+ --core-breakpoint-reference-tablet-1194: 1194px;
198
+ --core-breakpoint-reference-desktop-1280: 1280px;
199
+ --core-breakpoint-reference-desktop-1440: 1440px;
200
+ --core-breakpoint-reference-desktop-3440: 3440px;
201
+ --alias-color-brand-primary-bg: #00f1c7;
202
+ --alias-color-brand-primary-bg-hover: #00e8bd;
203
+ --alias-color-brand-primary-bg-active: #00be9c;
204
+ --alias-color-brand-primary-border: #00be9c;
205
+ --alias-color-brand-primary-text: #000000;
206
+ --alias-color-brand-primary-text-inverse: #ffffff;
207
+ --alias-color-brand-accent-magenta-base: #e31952;
208
+ --alias-color-brand-accent-orange-base: #fe7c43;
209
+ --alias-color-brand-primary-hover: #00be9c;
210
+ --alias-color-brand-primary-active: #009882;
211
+ --alias-color-neutral-text-strong: #1a1a1a;
212
+ --alias-color-neutral-text-default: #5d5d5d;
213
+ --alias-color-neutral-text-muted: #6d6d6d;
214
+ --alias-color-neutral-text-disabled: #b0b0b0;
215
+ --alias-color-neutral-text-inverse: #ffffff;
216
+ --alias-color-neutral-surface-base: #ffffff;
217
+ --alias-color-neutral-surface-muted: #f6f6f6;
218
+ --alias-color-neutral-surface-subtle: #e7e7e7;
219
+ --alias-color-neutral-surface-inverse: #000000;
220
+ --alias-color-neutral-border-subtle: #d1d1d1;
221
+ --alias-color-neutral-border-default: #b0b0b0;
222
+ --alias-color-neutral-border-strong: #6d6d6d;
223
+ --alias-color-neutral-border-focus: #00be9c;
224
+ --alias-color-feedback-success-bg: #f0fdf0;
225
+ --alias-color-feedback-success-bg-hover: #ddfbde;
226
+ --alias-color-feedback-success-border: #99ef9e;
227
+ --alias-color-feedback-success-icon: #19a022;
228
+ --alias-color-feedback-success-text: #187d1f;
229
+ --alias-color-feedback-success-text-strong: #16511b;
230
+ --alias-color-feedback-warning-bg: #fffef7;
231
+ --alias-color-feedback-warning-bg-hover: #fcffc1;
232
+ --alias-color-feedback-warning-border: #fff941;
233
+ --alias-color-feedback-warning-icon: #d1a300;
234
+ --alias-color-feedback-warning-text: #895b0a;
235
+ --alias-color-feedback-warning-text-strong: #744a0f;
236
+ --alias-color-feedback-error-bg: #fff1f1;
237
+ --alias-color-feedback-error-bg-hover: #ffe1e1;
238
+ --alias-color-feedback-error-border: #ffa1a1;
239
+ --alias-color-feedback-error-icon: #e52a2a;
240
+ --alias-color-feedback-error-text: #c01515;
241
+ --alias-color-feedback-error-text-strong: #831919;
242
+ --alias-gradient-brand-hero-default: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
243
+ --alias-gradient-brand-hero-alt: linear-gradient(180deg, #e31952 0%, #00f1c7 100%);
244
+ --alias-gradient-brand-hero-accent: linear-gradient(135deg, #fe7c43 0%, #e31952 100%);
245
+ --alias-gradient-brand-hero-hero-a: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
246
+ --alias-gradient-brand-hero-hero-b: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
247
+ --alias-gradient-brand-hero-hero-c: linear-gradient(180deg, #000000 0%, #e31952 100%);
248
+ --alias-gradient-brand-panel-default: linear-gradient(135deg, #00f1c7 0%, #007868 100%);
249
+ --alias-typography-font-family-primary: Museo Sans;
250
+ --alias-typography-weight-light: 100;
251
+ --alias-typography-weight-regular: 300;
252
+ --alias-typography-weight-semibold: 500;
253
+ --alias-typography-weight-bold: 700;
254
+ --alias-typography-size-xs: 12px;
255
+ --alias-typography-size-sm: 16px;
256
+ --alias-typography-size-md: 20px;
257
+ --alias-typography-size-lg: 24px;
258
+ --alias-typography-size-xl: 28px;
259
+ --alias-typography-size-xxl: 32px;
260
+ --alias-typography-line-height-xs: 16px;
261
+ --alias-typography-line-height-sm: 20px;
262
+ --alias-typography-line-height-md: 24px;
263
+ --alias-typography-line-height-lg: 28px;
264
+ --alias-typography-line-height-xl: 32px;
265
+ --alias-typography-line-height-xxl: 36px;
266
+ --alias-spacing-minimo: 4px;
267
+ --alias-spacing-compacto: 8px;
268
+ --alias-spacing-xs: 12px;
269
+ --alias-spacing-pequeno: 16px;
270
+ --alias-spacing-medio: 20px;
271
+ --alias-spacing-medio2: 24px;
272
+ --alias-spacing-medio3: 28px;
273
+ --alias-spacing-grande: 32px;
274
+ --alias-spacing-grande2: 36px;
275
+ --alias-spacing-estructural: 40px;
276
+ --alias-spacing-estructural2: 48px;
277
+ --alias-spacing-extra-grande: 52px;
278
+ --alias-spacing-xxl: 56px;
279
+ --alias-spacing-xxxl: 60px;
280
+ --alias-spacing-xxxxl: 64px;
281
+ --alias-spacing-super-grande: 72px;
282
+ --alias-spacing-gigante: 80px;
283
+ --alias-spacing-margen-adaptativo: 120px;
284
+ --alias-border-radius-xs: 1px;
285
+ --alias-border-radius-s: 2px;
286
+ --alias-border-radius-m: 4px;
287
+ --alias-border-radius-l: 8px;
288
+ --alias-radius-xxs: 2px;
289
+ --alias-radius-xs: 4px;
290
+ --alias-radius-s: 8px;
291
+ --alias-radius-m: 12px;
292
+ --alias-radius-l: 16px;
293
+ --alias-radius-xl: 20px;
294
+ --alias-radius-full: 120px;
295
+ --alias-elevation-xs: [object Object];
296
+ --alias-elevation-s: [object Object],[object Object];
297
+ --alias-elevation-m: [object Object],[object Object];
298
+ --alias-elevation-l: [object Object],[object Object];
299
+ --alias-elevation-xl: [object Object],[object Object];
300
+ --alias-icon-library: lucide;
301
+ --alias-icon-stroke-width: 2;
302
+ --alias-icon-size-min: 16rem;
303
+ --alias-icon-size-base: 24rem;
304
+ --alias-icon-size-l: 32rem;
305
+ --alias-icon-buscar-search: search;
306
+ --alias-icon-acciones-add: plus;
307
+ --alias-icon-acciones-remove: minus;
308
+ --alias-icon-acciones-confirm: check;
309
+ --alias-icon-acciones-close: x;
310
+ --alias-icon-nav-back: arrow-left;
311
+ --alias-icon-nav-next: arrow-right;
312
+ --alias-breakpoint-viewport-mobile-min: 320px;
313
+ --alias-breakpoint-viewport-mobile-max: 767px;
314
+ --alias-breakpoint-viewport-tablet-min: 768px;
315
+ --alias-breakpoint-viewport-tablet-max: 1279px;
316
+ --alias-breakpoint-viewport-desktop-min: 1280px;
317
+ --alias-breakpoint-viewport-desktop-max: 1599px;
318
+ --alias-breakpoint-viewport-desktop-lg-min: 1600px;
319
+ --alias-breakpoint-viewport-desktop-lg-max: 3439px;
320
+ --alias-breakpoint-viewport-desktop-xl-min: 3440px;
321
+ --alias-breakpoint-reference-mobile-320: 320px;
322
+ --alias-breakpoint-reference-mobile-375: 375px;
323
+ --alias-breakpoint-reference-mobile-440: 440px;
324
+ --alias-breakpoint-reference-tablet-768: 768px;
325
+ --alias-breakpoint-reference-tablet-834: 834px;
326
+ --alias-breakpoint-reference-tablet-1194: 1194px;
327
+ --alias-breakpoint-reference-desktop-1280: 1280px;
328
+ --alias-breakpoint-reference-desktop-1440: 1440px;
329
+ --alias-breakpoint-reference-desktop-3440: 3440px;
330
+ --modes-light-core-elevation-xs: [object Object];
331
+ --modes-light-core-elevation-s: [object Object],[object Object];
332
+ --modes-light-core-elevation-m: [object Object],[object Object];
333
+ --modes-light-core-elevation-l: [object Object],[object Object];
334
+ --modes-light-core-elevation-xl: [object Object],[object Object];
335
+ --modes-light-semantic-color-text-primary: #1a1a1a;
336
+ --modes-light-semantic-color-text-secondary: #5d5d5d;
337
+ --modes-light-semantic-color-text-muted: #6d6d6d;
338
+ --modes-light-semantic-color-text-inverse: #ffffff;
339
+ --modes-light-semantic-color-surface-default: #ffffff;
340
+ --modes-light-semantic-color-surface-muted: #f6f6f6;
341
+ --modes-light-semantic-color-border-default: #d1d1d1;
342
+ --modes-light-semantic-color-border-strong: #b0b0b0;
343
+ --modes-light-semantic-color-border-focus: #00be9c;
344
+ --modes-light-semantic-color-brand-primary-default: #00f1c7;
345
+ --modes-light-semantic-color-brand-primary-hover: #00e8bd;
346
+ --modes-light-semantic-color-brand-primary-active: #00be9c;
347
+ --modes-light-semantic-color-brand-primary-border: #00be9c;
348
+ --modes-light-semantic-color-feedback-success: #19a022;
349
+ --modes-light-semantic-color-feedback-error: #e52a2a;
350
+ --modes-light-semantic-color-feedback-warning: #d1a300;
351
+ --modes-light-semantic-icon-color-default: #1a1a1a;
352
+ --modes-light-semantic-icon-color-muted: #6d6d6d;
353
+ --modes-light-semantic-icon-color-inverse: #ffffff;
354
+ --modes-dark-core-elevation-xs: [object Object];
355
+ --modes-dark-core-elevation-s: [object Object],[object Object];
356
+ --modes-dark-core-elevation-m: [object Object],[object Object];
357
+ --modes-dark-core-elevation-l: [object Object],[object Object];
358
+ --modes-dark-core-elevation-xl: [object Object],[object Object];
359
+ --modes-dark-semantic-color-text-primary: #ffffff;
360
+ --modes-dark-semantic-color-text-secondary: #b0b0b0;
361
+ --modes-dark-semantic-color-text-muted: #888888;
362
+ --modes-dark-semantic-color-text-inverse: #000000;
363
+ --modes-dark-semantic-color-surface-default: #000000;
364
+ --modes-dark-semantic-color-surface-muted: #1a1a1a;
365
+ --modes-dark-semantic-color-border-default: #373737;
366
+ --modes-dark-semantic-color-border-strong: #454545;
367
+ --modes-dark-semantic-color-border-focus: #00be9c;
368
+ --modes-dark-semantic-color-brand-primary-default: #00f1c7;
369
+ --modes-dark-semantic-color-brand-primary-hover: #00e8bd;
370
+ --modes-dark-semantic-color-brand-primary-active: #00be9c;
371
+ --modes-dark-semantic-color-brand-primary-border: #00be9c;
372
+ --modes-dark-semantic-color-feedback-success: #19a022;
373
+ --modes-dark-semantic-color-feedback-error: #e52a2a;
374
+ --modes-dark-semantic-color-feedback-warning: #d1a300;
375
+ --modes-dark-semantic-icon-color-default: #1a1a1a;
376
+ --modes-dark-semantic-icon-color-muted: #6d6d6d;
377
+ --modes-dark-semantic-icon-color-inverse: #ffffff;
378
+ --semantic-color-brand-primary-default: #00f1c7;
379
+ --semantic-color-brand-primary-hover: #00e8bd;
380
+ --semantic-color-brand-primary-active: #00be9c;
381
+ --semantic-color-text-primary: #1a1a1a;
382
+ --semantic-color-text-secondary: #5d5d5d;
383
+ --semantic-color-text-muted: #6d6d6d;
384
+ --semantic-color-text-inverse: #ffffff;
385
+ --semantic-color-surface-default: #ffffff;
386
+ --semantic-color-surface-muted: #f6f6f6;
387
+ --semantic-color-border-default: #b0b0b0;
388
+ --semantic-color-border-strong: #6d6d6d;
389
+ --semantic-color-feedback-success: #187d1f;
390
+ --semantic-color-feedback-warning: #895b0a;
391
+ --semantic-color-feedback-error: #c01515;
392
+ --semantic-gradient-hero-default: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
393
+ --semantic-gradient-hero-alt: linear-gradient(180deg, #000000 0%, #00f1c7 100%);
394
+ --semantic-gradient-hero-accent: linear-gradient(180deg, #000000 0%, #e31952 100%);
395
+ --semantic-gradient-panel-default: linear-gradient(135deg, #00f1c7 0%, #007868 100%);
396
+ --semantic-typography-web-body-default-light-font-family: Museo Sans;
397
+ --semantic-typography-web-body-default-light-font-weight: 100;
398
+ --semantic-typography-web-body-default-light-font-size: 16px;
399
+ --semantic-typography-web-body-default-light-line-height: 24px;
400
+ --semantic-typography-web-body-default-regular-font-family: Museo Sans;
401
+ --semantic-typography-web-body-default-regular-font-weight: 300;
402
+ --semantic-typography-web-body-default-regular-font-size: 16px;
403
+ --semantic-typography-web-body-default-regular-line-height: 24px;
404
+ --semantic-typography-web-body-default-regular-regular-text-style: 300 16px/24px 'Museo Sans';
405
+ --semantic-typography-web-body-default-semibold-font-family: Museo Sans;
406
+ --semantic-typography-web-body-default-semibold-font-weight: 500;
407
+ --semantic-typography-web-body-default-semibold-font-size: 16px;
408
+ --semantic-typography-web-body-default-semibold-line-height: 24px;
409
+ --semantic-typography-web-body-default-bold-font-family: Museo Sans;
410
+ --semantic-typography-web-body-default-bold-font-weight: 700;
411
+ --semantic-typography-web-body-default-bold-font-size: 16px;
412
+ --semantic-typography-web-body-default-bold-line-height: 24px;
413
+ --semantic-typography-web-body-default-bold-bold-text-style: 700 16px/24px 'Museo Sans';
414
+ --semantic-typography-web-body-l-regular-font-family: Museo Sans;
415
+ --semantic-typography-web-body-l-regular-font-weight: 300;
416
+ --semantic-typography-web-body-l-regular-font-size: 20px;
417
+ --semantic-typography-web-body-l-regular-line-height: 28px;
418
+ --semantic-typography-web-body-l-regular-regular-text-style: 300 20px/28px 'Museo Sans';
419
+ --semantic-typography-web-body-s-regular-font-family: Museo Sans;
420
+ --semantic-typography-web-body-s-regular-font-weight: 300;
421
+ --semantic-typography-web-body-s-regular-font-size: 12px;
422
+ --semantic-typography-web-body-s-regular-line-height: 16px;
423
+ --semantic-typography-web-heading-h1-light-font-family: Museo Sans;
424
+ --semantic-typography-web-heading-h1-light-font-weight: 100;
425
+ --semantic-typography-web-heading-h1-light-font-size: 32px;
426
+ --semantic-typography-web-heading-h1-light-line-height: 36px;
427
+ --semantic-typography-web-heading-h1-regular-font-family: Museo Sans;
428
+ --semantic-typography-web-heading-h1-regular-font-weight: 300;
429
+ --semantic-typography-web-heading-h1-regular-font-size: 32px;
430
+ --semantic-typography-web-heading-h1-regular-line-height: 36px;
431
+ --semantic-typography-web-heading-h1-semibold-font-family: Museo Sans;
432
+ --semantic-typography-web-heading-h1-semibold-font-weight: 500;
433
+ --semantic-typography-web-heading-h1-semibold-font-size: 32px;
434
+ --semantic-typography-web-heading-h1-semibold-line-height: 36px;
435
+ --semantic-typography-web-heading-h1-bold-font-family: Museo Sans;
436
+ --semantic-typography-web-heading-h1-bold-font-weight: 700;
437
+ --semantic-typography-web-heading-h1-bold-font-size: 32px;
438
+ --semantic-typography-web-heading-h1-bold-line-height: 36px;
439
+ --semantic-typography-web-heading-h2-light-font-family: Museo Sans;
440
+ --semantic-typography-web-heading-h2-light-font-weight: 100;
441
+ --semantic-typography-web-heading-h2-light-font-size: 28px;
442
+ --semantic-typography-web-heading-h2-light-line-height: 32px;
443
+ --semantic-typography-web-heading-h2-regular-font-family: Museo Sans;
444
+ --semantic-typography-web-heading-h2-regular-font-weight: 300;
445
+ --semantic-typography-web-heading-h2-regular-font-size: 28px;
446
+ --semantic-typography-web-heading-h2-regular-line-height: 32px;
447
+ --semantic-typography-web-heading-h2-semibold-font-family: Museo Sans;
448
+ --semantic-typography-web-heading-h2-semibold-font-weight: 500;
449
+ --semantic-typography-web-heading-h2-semibold-font-size: 28px;
450
+ --semantic-typography-web-heading-h2-semibold-line-height: 32px;
451
+ --semantic-typography-web-heading-h2-bold-font-family: Museo Sans;
452
+ --semantic-typography-web-heading-h2-bold-font-weight: 700;
453
+ --semantic-typography-web-heading-h2-bold-font-size: 28px;
454
+ --semantic-typography-web-heading-h2-bold-line-height: 32px;
455
+ --semantic-typography-web-heading-h3-light-font-family: Museo Sans;
456
+ --semantic-typography-web-heading-h3-light-font-weight: 100;
457
+ --semantic-typography-web-heading-h3-light-font-size: 24px;
458
+ --semantic-typography-web-heading-h3-light-line-height: 28px;
459
+ --semantic-typography-web-heading-h3-regular-font-family: Museo Sans;
460
+ --semantic-typography-web-heading-h3-regular-font-weight: 300;
461
+ --semantic-typography-web-heading-h3-regular-font-size: 24px;
462
+ --semantic-typography-web-heading-h3-regular-line-height: 28px;
463
+ --semantic-typography-web-heading-h3-semibold-font-family: Museo Sans;
464
+ --semantic-typography-web-heading-h3-semibold-font-weight: 500;
465
+ --semantic-typography-web-heading-h3-semibold-font-size: 24px;
466
+ --semantic-typography-web-heading-h3-semibold-line-height: 28px;
467
+ --semantic-typography-web-heading-h3-bold-font-family: Museo Sans;
468
+ --semantic-typography-web-heading-h3-bold-font-weight: 700;
469
+ --semantic-typography-web-heading-h3-bold-font-size: 24px;
470
+ --semantic-typography-web-heading-h3-bold-line-height: 28px;
471
+ --semantic-typography-web-heading-h3-bold-bold-text-style: 700 24px/28px 'Museo Sans';
472
+ --semantic-typography-web-heading-h4-light-font-family: Museo Sans;
473
+ --semantic-typography-web-heading-h4-light-font-weight: 100;
474
+ --semantic-typography-web-heading-h4-light-font-size: 20px;
475
+ --semantic-typography-web-heading-h4-light-line-height: 20px;
476
+ --semantic-typography-web-heading-h4-regular-font-family: Museo Sans;
477
+ --semantic-typography-web-heading-h4-regular-font-weight: 300;
478
+ --semantic-typography-web-heading-h4-regular-font-size: 20px;
479
+ --semantic-typography-web-heading-h4-regular-line-height: 20px;
480
+ --semantic-typography-web-heading-h4-semibold-font-family: Museo Sans;
481
+ --semantic-typography-web-heading-h4-semibold-font-weight: 500;
482
+ --semantic-typography-web-heading-h4-semibold-font-size: 20px;
483
+ --semantic-typography-web-heading-h4-semibold-line-height: 20px;
484
+ --semantic-typography-web-heading-h4-bold-font-family: Museo Sans;
485
+ --semantic-typography-web-heading-h4-bold-font-weight: 700;
486
+ --semantic-typography-web-heading-h4-bold-font-size: 20px;
487
+ --semantic-typography-web-heading-h4-bold-line-height: 20px;
488
+ --semantic-typography-web-heading-h5-light-font-family: Museo Sans;
489
+ --semantic-typography-web-heading-h5-light-font-weight: 100;
490
+ --semantic-typography-web-heading-h5-light-font-size: 20px;
491
+ --semantic-typography-web-heading-h5-light-line-height: 20px;
492
+ --semantic-typography-web-heading-h5-regular-font-family: Museo Sans;
493
+ --semantic-typography-web-heading-h5-regular-font-weight: 300;
494
+ --semantic-typography-web-heading-h5-regular-font-size: 20px;
495
+ --semantic-typography-web-heading-h5-regular-line-height: 20px;
496
+ --semantic-typography-web-heading-h5-semibold-font-family: Museo Sans;
497
+ --semantic-typography-web-heading-h5-semibold-font-weight: 500;
498
+ --semantic-typography-web-heading-h5-semibold-font-size: 20px;
499
+ --semantic-typography-web-heading-h5-semibold-line-height: 20px;
500
+ --semantic-typography-web-heading-h5-bold-font-family: Museo Sans;
501
+ --semantic-typography-web-heading-h5-bold-font-weight: 700;
502
+ --semantic-typography-web-heading-h5-bold-font-size: 20px;
503
+ --semantic-typography-web-heading-h5-bold-line-height: 20px;
504
+ --semantic-typography-web-heading-h5-bold-bold-text-style: 700 20px/20px 'Museo Sans';
505
+ --semantic-typography-web-heading-h6-light-font-family: Museo Sans;
506
+ --semantic-typography-web-heading-h6-light-font-weight: 100;
507
+ --semantic-typography-web-heading-h6-light-font-size: 16px;
508
+ --semantic-typography-web-heading-h6-light-line-height: 24px;
509
+ --semantic-typography-web-heading-h6-regular-font-family: Museo Sans;
510
+ --semantic-typography-web-heading-h6-regular-font-weight: 300;
511
+ --semantic-typography-web-heading-h6-regular-font-size: 16px;
512
+ --semantic-typography-web-heading-h6-regular-line-height: 24px;
513
+ --semantic-typography-web-heading-h6-semibold-font-family: Museo Sans;
514
+ --semantic-typography-web-heading-h6-semibold-font-weight: 500;
515
+ --semantic-typography-web-heading-h6-semibold-font-size: 16px;
516
+ --semantic-typography-web-heading-h6-semibold-line-height: 24px;
517
+ --semantic-typography-web-heading-h6-bold-font-family: Museo Sans;
518
+ --semantic-typography-web-heading-h6-bold-font-weight: 700;
519
+ --semantic-typography-web-heading-h6-bold-font-size: 16px;
520
+ --semantic-typography-web-heading-h6-bold-line-height: 24px;
521
+ --semantic-typography-tablet-body-default-light-font-family: Museo Sans;
522
+ --semantic-typography-tablet-body-default-light-font-weight: 100;
523
+ --semantic-typography-tablet-body-default-light-font-size: 16px;
524
+ --semantic-typography-tablet-body-default-light-line-height: 24px;
525
+ --semantic-typography-tablet-body-default-regular-font-family: Museo Sans;
526
+ --semantic-typography-tablet-body-default-regular-font-weight: 300;
527
+ --semantic-typography-tablet-body-default-regular-font-size: 16px;
528
+ --semantic-typography-tablet-body-default-regular-line-height: 24px;
529
+ --semantic-typography-tablet-body-default-regular-regular-text-style: 300 16px/24px 'Museo Sans';
530
+ --semantic-typography-tablet-body-default-semibold-font-family: Museo Sans;
531
+ --semantic-typography-tablet-body-default-semibold-font-weight: 500;
532
+ --semantic-typography-tablet-body-default-semibold-font-size: 16px;
533
+ --semantic-typography-tablet-body-default-semibold-line-height: 24px;
534
+ --semantic-typography-tablet-body-default-bold-font-family: Museo Sans;
535
+ --semantic-typography-tablet-body-default-bold-font-weight: 700;
536
+ --semantic-typography-tablet-body-default-bold-font-size: 16px;
537
+ --semantic-typography-tablet-body-default-bold-line-height: 24px;
538
+ --semantic-typography-tablet-body-l-regular-font-family: Museo Sans;
539
+ --semantic-typography-tablet-body-l-regular-font-weight: 300;
540
+ --semantic-typography-tablet-body-l-regular-font-size: 20px;
541
+ --semantic-typography-tablet-body-l-regular-line-height: 28px;
542
+ --semantic-typography-tablet-body-l-regular-regular-text-style: 300 20px/28px 'Museo Sans';
543
+ --semantic-typography-tablet-body-s-regular-font-family: Museo Sans;
544
+ --semantic-typography-tablet-body-s-regular-font-weight: 300;
545
+ --semantic-typography-tablet-body-s-regular-font-size: 12px;
546
+ --semantic-typography-tablet-body-s-regular-line-height: 16px;
547
+ --semantic-typography-tablet-heading-h1-light-font-family: Museo Sans;
548
+ --semantic-typography-tablet-heading-h1-light-font-weight: 100;
549
+ --semantic-typography-tablet-heading-h1-light-font-size: 32px;
550
+ --semantic-typography-tablet-heading-h1-light-line-height: 36px;
551
+ --semantic-typography-tablet-heading-h1-regular-font-family: Museo Sans;
552
+ --semantic-typography-tablet-heading-h1-regular-font-weight: 300;
553
+ --semantic-typography-tablet-heading-h1-regular-font-size: 32px;
554
+ --semantic-typography-tablet-heading-h1-regular-line-height: 36px;
555
+ --semantic-typography-tablet-heading-h1-semibold-font-family: Museo Sans;
556
+ --semantic-typography-tablet-heading-h1-semibold-font-weight: 500;
557
+ --semantic-typography-tablet-heading-h1-semibold-font-size: 32px;
558
+ --semantic-typography-tablet-heading-h1-semibold-line-height: 36px;
559
+ --semantic-typography-tablet-heading-h1-bold-font-family: Museo Sans;
560
+ --semantic-typography-tablet-heading-h1-bold-font-weight: 700;
561
+ --semantic-typography-tablet-heading-h1-bold-font-size: 32px;
562
+ --semantic-typography-tablet-heading-h1-bold-line-height: 36px;
563
+ --semantic-typography-tablet-heading-h2-light-font-family: Museo Sans;
564
+ --semantic-typography-tablet-heading-h2-light-font-weight: 100;
565
+ --semantic-typography-tablet-heading-h2-light-font-size: 28px;
566
+ --semantic-typography-tablet-heading-h2-light-line-height: 32px;
567
+ --semantic-typography-tablet-heading-h2-regular-font-family: Museo Sans;
568
+ --semantic-typography-tablet-heading-h2-regular-font-weight: 300;
569
+ --semantic-typography-tablet-heading-h2-regular-font-size: 28px;
570
+ --semantic-typography-tablet-heading-h2-regular-line-height: 32px;
571
+ --semantic-typography-tablet-heading-h2-semibold-font-family: Museo Sans;
572
+ --semantic-typography-tablet-heading-h2-semibold-font-weight: 500;
573
+ --semantic-typography-tablet-heading-h2-semibold-font-size: 28px;
574
+ --semantic-typography-tablet-heading-h2-semibold-line-height: 32px;
575
+ --semantic-typography-tablet-heading-h2-bold-font-family: Museo Sans;
576
+ --semantic-typography-tablet-heading-h2-bold-font-weight: 700;
577
+ --semantic-typography-tablet-heading-h2-bold-font-size: 28px;
578
+ --semantic-typography-tablet-heading-h2-bold-line-height: 32px;
579
+ --semantic-typography-tablet-heading-h3-light-font-family: Museo Sans;
580
+ --semantic-typography-tablet-heading-h3-light-font-weight: 100;
581
+ --semantic-typography-tablet-heading-h3-light-font-size: 24px;
582
+ --semantic-typography-tablet-heading-h3-light-line-height: 28px;
583
+ --semantic-typography-tablet-heading-h3-regular-font-family: Museo Sans;
584
+ --semantic-typography-tablet-heading-h3-regular-font-weight: 300;
585
+ --semantic-typography-tablet-heading-h3-regular-font-size: 24px;
586
+ --semantic-typography-tablet-heading-h3-regular-line-height: 28px;
587
+ --semantic-typography-tablet-heading-h3-semibold-font-family: Museo Sans;
588
+ --semantic-typography-tablet-heading-h3-semibold-font-weight: 500;
589
+ --semantic-typography-tablet-heading-h3-semibold-font-size: 24px;
590
+ --semantic-typography-tablet-heading-h3-semibold-line-height: 28px;
591
+ --semantic-typography-tablet-heading-h3-bold-font-family: Museo Sans;
592
+ --semantic-typography-tablet-heading-h3-bold-font-weight: 700;
593
+ --semantic-typography-tablet-heading-h3-bold-font-size: 24px;
594
+ --semantic-typography-tablet-heading-h3-bold-line-height: 28px;
595
+ --semantic-typography-tablet-heading-h4-light-font-family: Museo Sans;
596
+ --semantic-typography-tablet-heading-h4-light-font-weight: 100;
597
+ --semantic-typography-tablet-heading-h4-light-font-size: 20px;
598
+ --semantic-typography-tablet-heading-h4-light-line-height: 20px;
599
+ --semantic-typography-tablet-heading-h4-regular-font-family: Museo Sans;
600
+ --semantic-typography-tablet-heading-h4-regular-font-weight: 300;
601
+ --semantic-typography-tablet-heading-h4-regular-font-size: 20px;
602
+ --semantic-typography-tablet-heading-h4-regular-line-height: 20px;
603
+ --semantic-typography-tablet-heading-h4-semibold-font-family: Museo Sans;
604
+ --semantic-typography-tablet-heading-h4-semibold-font-weight: 500;
605
+ --semantic-typography-tablet-heading-h4-semibold-font-size: 20px;
606
+ --semantic-typography-tablet-heading-h4-semibold-line-height: 20px;
607
+ --semantic-typography-tablet-heading-h4-bold-font-family: Museo Sans;
608
+ --semantic-typography-tablet-heading-h4-bold-font-weight: 700;
609
+ --semantic-typography-tablet-heading-h4-bold-font-size: 20px;
610
+ --semantic-typography-tablet-heading-h4-bold-line-height: 20px;
611
+ --semantic-typography-tablet-heading-h5-light-font-family: Museo Sans;
612
+ --semantic-typography-tablet-heading-h5-light-font-weight: 100;
613
+ --semantic-typography-tablet-heading-h5-light-font-size: 20px;
614
+ --semantic-typography-tablet-heading-h5-light-line-height: 20px;
615
+ --semantic-typography-tablet-heading-h5-regular-font-family: Museo Sans;
616
+ --semantic-typography-tablet-heading-h5-regular-font-weight: 300;
617
+ --semantic-typography-tablet-heading-h5-regular-font-size: 20px;
618
+ --semantic-typography-tablet-heading-h5-regular-line-height: 20px;
619
+ --semantic-typography-tablet-heading-h5-semibold-font-family: Museo Sans;
620
+ --semantic-typography-tablet-heading-h5-semibold-font-weight: 500;
621
+ --semantic-typography-tablet-heading-h5-semibold-font-size: 20px;
622
+ --semantic-typography-tablet-heading-h5-semibold-line-height: 20px;
623
+ --semantic-typography-tablet-heading-h5-bold-font-family: Museo Sans;
624
+ --semantic-typography-tablet-heading-h5-bold-font-weight: 700;
625
+ --semantic-typography-tablet-heading-h5-bold-font-size: 20px;
626
+ --semantic-typography-tablet-heading-h5-bold-line-height: 20px;
627
+ --semantic-typography-tablet-heading-h6-light-font-family: Museo Sans;
628
+ --semantic-typography-tablet-heading-h6-light-font-weight: 100;
629
+ --semantic-typography-tablet-heading-h6-light-font-size: 16px;
630
+ --semantic-typography-tablet-heading-h6-light-line-height: 24px;
631
+ --semantic-typography-tablet-heading-h6-regular-font-family: Museo Sans;
632
+ --semantic-typography-tablet-heading-h6-regular-font-weight: 300;
633
+ --semantic-typography-tablet-heading-h6-regular-font-size: 16px;
634
+ --semantic-typography-tablet-heading-h6-regular-line-height: 24px;
635
+ --semantic-typography-tablet-heading-h6-semibold-font-family: Museo Sans;
636
+ --semantic-typography-tablet-heading-h6-semibold-font-weight: 500;
637
+ --semantic-typography-tablet-heading-h6-semibold-font-size: 16px;
638
+ --semantic-typography-tablet-heading-h6-semibold-line-height: 24px;
639
+ --semantic-typography-tablet-heading-h6-bold-font-family: Museo Sans;
640
+ --semantic-typography-tablet-heading-h6-bold-font-weight: 700;
641
+ --semantic-typography-tablet-heading-h6-bold-font-size: 16px;
642
+ --semantic-typography-tablet-heading-h6-bold-line-height: 24px;
643
+ --semantic-typography-mobile-body-default-light-font-family: Museo Sans;
644
+ --semantic-typography-mobile-body-default-light-font-weight: 100;
645
+ --semantic-typography-mobile-body-default-light-font-size: 16px;
646
+ --semantic-typography-mobile-body-default-light-line-height: 24px;
647
+ --semantic-typography-mobile-body-default-regular-font-family: Museo Sans;
648
+ --semantic-typography-mobile-body-default-regular-font-weight: 300;
649
+ --semantic-typography-mobile-body-default-regular-font-size: 16px;
650
+ --semantic-typography-mobile-body-default-regular-line-height: 24px;
651
+ --semantic-typography-mobile-body-default-regular-regular-text-style: 300 16px/24px 'Museo Sans';
652
+ --semantic-typography-mobile-body-default-semibold-font-family: Museo Sans;
653
+ --semantic-typography-mobile-body-default-semibold-font-weight: 500;
654
+ --semantic-typography-mobile-body-default-semibold-font-size: 16px;
655
+ --semantic-typography-mobile-body-default-semibold-line-height: 24px;
656
+ --semantic-typography-mobile-body-default-bold-font-family: Museo Sans;
657
+ --semantic-typography-mobile-body-default-bold-font-weight: 700;
658
+ --semantic-typography-mobile-body-default-bold-font-size: 16px;
659
+ --semantic-typography-mobile-body-default-bold-line-height: 24px;
660
+ --semantic-typography-mobile-body-l-regular-font-family: Museo Sans;
661
+ --semantic-typography-mobile-body-l-regular-font-weight: 300;
662
+ --semantic-typography-mobile-body-l-regular-font-size: 20px;
663
+ --semantic-typography-mobile-body-l-regular-line-height: 28px;
664
+ --semantic-typography-mobile-body-l-regular-regular-text-style: 300 20px/28px 'Museo Sans';
665
+ --semantic-typography-mobile-body-s-regular-font-family: Museo Sans;
666
+ --semantic-typography-mobile-body-s-regular-font-weight: 300;
667
+ --semantic-typography-mobile-body-s-regular-font-size: 12px;
668
+ --semantic-typography-mobile-body-s-regular-line-height: 16px;
669
+ --semantic-typography-mobile-heading-h1-light-font-family: Museo Sans;
670
+ --semantic-typography-mobile-heading-h1-light-font-weight: 100;
671
+ --semantic-typography-mobile-heading-h1-light-font-size: 32px;
672
+ --semantic-typography-mobile-heading-h1-light-line-height: 36px;
673
+ --semantic-typography-mobile-heading-h1-regular-font-family: Museo Sans;
674
+ --semantic-typography-mobile-heading-h1-regular-font-weight: 300;
675
+ --semantic-typography-mobile-heading-h1-regular-font-size: 32px;
676
+ --semantic-typography-mobile-heading-h1-regular-line-height: 36px;
677
+ --semantic-typography-mobile-heading-h1-semibold-font-family: Museo Sans;
678
+ --semantic-typography-mobile-heading-h1-semibold-font-weight: 500;
679
+ --semantic-typography-mobile-heading-h1-semibold-font-size: 32px;
680
+ --semantic-typography-mobile-heading-h1-semibold-line-height: 36px;
681
+ --semantic-typography-mobile-heading-h1-bold-font-family: Museo Sans;
682
+ --semantic-typography-mobile-heading-h1-bold-font-weight: 700;
683
+ --semantic-typography-mobile-heading-h1-bold-font-size: 32px;
684
+ --semantic-typography-mobile-heading-h1-bold-line-height: 36px;
685
+ --semantic-typography-mobile-heading-h2-light-font-family: Museo Sans;
686
+ --semantic-typography-mobile-heading-h2-light-font-weight: 100;
687
+ --semantic-typography-mobile-heading-h2-light-font-size: 28px;
688
+ --semantic-typography-mobile-heading-h2-light-line-height: 32px;
689
+ --semantic-typography-mobile-heading-h2-regular-font-family: Museo Sans;
690
+ --semantic-typography-mobile-heading-h2-regular-font-weight: 300;
691
+ --semantic-typography-mobile-heading-h2-regular-font-size: 28px;
692
+ --semantic-typography-mobile-heading-h2-regular-line-height: 32px;
693
+ --semantic-typography-mobile-heading-h2-semibold-font-family: Museo Sans;
694
+ --semantic-typography-mobile-heading-h2-semibold-font-weight: 500;
695
+ --semantic-typography-mobile-heading-h2-semibold-font-size: 28px;
696
+ --semantic-typography-mobile-heading-h2-semibold-line-height: 32px;
697
+ --semantic-typography-mobile-heading-h2-bold-font-family: Museo Sans;
698
+ --semantic-typography-mobile-heading-h2-bold-font-weight: 700;
699
+ --semantic-typography-mobile-heading-h2-bold-font-size: 28px;
700
+ --semantic-typography-mobile-heading-h2-bold-line-height: 32px;
701
+ --semantic-typography-mobile-heading-h3-light-font-family: Museo Sans;
702
+ --semantic-typography-mobile-heading-h3-light-font-weight: 100;
703
+ --semantic-typography-mobile-heading-h3-light-font-size: 24px;
704
+ --semantic-typography-mobile-heading-h3-light-line-height: 28px;
705
+ --semantic-typography-mobile-heading-h3-regular-font-family: Museo Sans;
706
+ --semantic-typography-mobile-heading-h3-regular-font-weight: 300;
707
+ --semantic-typography-mobile-heading-h3-regular-font-size: 24px;
708
+ --semantic-typography-mobile-heading-h3-regular-line-height: 28px;
709
+ --semantic-typography-mobile-heading-h3-semibold-font-family: Museo Sans;
710
+ --semantic-typography-mobile-heading-h3-semibold-font-weight: 500;
711
+ --semantic-typography-mobile-heading-h3-semibold-font-size: 24px;
712
+ --semantic-typography-mobile-heading-h3-semibold-line-height: 28px;
713
+ --semantic-typography-mobile-heading-h3-bold-font-family: Museo Sans;
714
+ --semantic-typography-mobile-heading-h3-bold-font-weight: 700;
715
+ --semantic-typography-mobile-heading-h3-bold-font-size: 24px;
716
+ --semantic-typography-mobile-heading-h3-bold-line-height: 28px;
717
+ --semantic-typography-mobile-heading-h4-light-font-family: Museo Sans;
718
+ --semantic-typography-mobile-heading-h4-light-font-weight: 100;
719
+ --semantic-typography-mobile-heading-h4-light-font-size: 20px;
720
+ --semantic-typography-mobile-heading-h4-light-line-height: 20px;
721
+ --semantic-typography-mobile-heading-h4-regular-font-family: Museo Sans;
722
+ --semantic-typography-mobile-heading-h4-regular-font-weight: 300;
723
+ --semantic-typography-mobile-heading-h4-regular-font-size: 20px;
724
+ --semantic-typography-mobile-heading-h4-regular-line-height: 20px;
725
+ --semantic-typography-mobile-heading-h4-semibold-font-family: Museo Sans;
726
+ --semantic-typography-mobile-heading-h4-semibold-font-weight: 500;
727
+ --semantic-typography-mobile-heading-h4-semibold-font-size: 20px;
728
+ --semantic-typography-mobile-heading-h4-semibold-line-height: 20px;
729
+ --semantic-typography-mobile-heading-h4-bold-font-family: Museo Sans;
730
+ --semantic-typography-mobile-heading-h4-bold-font-weight: 700;
731
+ --semantic-typography-mobile-heading-h4-bold-font-size: 20px;
732
+ --semantic-typography-mobile-heading-h4-bold-line-height: 20px;
733
+ --semantic-typography-mobile-heading-h5-light-font-family: Museo Sans;
734
+ --semantic-typography-mobile-heading-h5-light-font-weight: 100;
735
+ --semantic-typography-mobile-heading-h5-light-font-size: 20px;
736
+ --semantic-typography-mobile-heading-h5-light-line-height: 20px;
737
+ --semantic-typography-mobile-heading-h5-regular-font-family: Museo Sans;
738
+ --semantic-typography-mobile-heading-h5-regular-font-weight: 300;
739
+ --semantic-typography-mobile-heading-h5-regular-font-size: 20px;
740
+ --semantic-typography-mobile-heading-h5-regular-line-height: 20px;
741
+ --semantic-typography-mobile-heading-h5-semibold-font-family: Museo Sans;
742
+ --semantic-typography-mobile-heading-h5-semibold-font-weight: 500;
743
+ --semantic-typography-mobile-heading-h5-semibold-font-size: 20px;
744
+ --semantic-typography-mobile-heading-h5-semibold-line-height: 20px;
745
+ --semantic-typography-mobile-heading-h5-bold-font-family: Museo Sans;
746
+ --semantic-typography-mobile-heading-h5-bold-font-weight: 700;
747
+ --semantic-typography-mobile-heading-h5-bold-font-size: 20px;
748
+ --semantic-typography-mobile-heading-h5-bold-line-height: 20px;
749
+ --semantic-typography-mobile-heading-h6-light-font-family: Museo Sans;
750
+ --semantic-typography-mobile-heading-h6-light-font-weight: 100;
751
+ --semantic-typography-mobile-heading-h6-light-font-size: 16px;
752
+ --semantic-typography-mobile-heading-h6-light-line-height: 24px;
753
+ --semantic-typography-mobile-heading-h6-regular-font-family: Museo Sans;
754
+ --semantic-typography-mobile-heading-h6-regular-font-weight: 300;
755
+ --semantic-typography-mobile-heading-h6-regular-font-size: 16px;
756
+ --semantic-typography-mobile-heading-h6-regular-line-height: 24px;
757
+ --semantic-typography-mobile-heading-h6-semibold-font-family: Museo Sans;
758
+ --semantic-typography-mobile-heading-h6-semibold-font-weight: 500;
759
+ --semantic-typography-mobile-heading-h6-semibold-font-size: 16px;
760
+ --semantic-typography-mobile-heading-h6-semibold-line-height: 24px;
761
+ --semantic-typography-mobile-heading-h6-bold-font-family: Museo Sans;
762
+ --semantic-typography-mobile-heading-h6-bold-font-weight: 700;
763
+ --semantic-typography-mobile-heading-h6-bold-font-size: 16px;
764
+ --semantic-typography-mobile-heading-h6-bold-line-height: 24px;
765
+ --semantic-spacing-web-minimo: 4px;
766
+ --semantic-spacing-web-compacto: 8px;
767
+ --semantic-spacing-web-xs: 12px;
768
+ --semantic-spacing-web-pequeno: 16px;
769
+ --semantic-spacing-web-medio: 20px;
770
+ --semantic-spacing-web-medio2: 24px;
771
+ --semantic-spacing-web-medio3: 28px;
772
+ --semantic-spacing-web-grande: 32px;
773
+ --semantic-spacing-web-grande2: 36px;
774
+ --semantic-spacing-web-estructural: 40px;
775
+ --semantic-spacing-web-estructural2: 48px;
776
+ --semantic-spacing-web-extra-grande: 52px;
777
+ --semantic-spacing-web-xxl: 56px;
778
+ --semantic-spacing-web-xxxl: 60px;
779
+ --semantic-spacing-web-xxxxl: 64px;
780
+ --semantic-spacing-web-super-grande: 72px;
781
+ --semantic-spacing-web-gigante: 80px;
782
+ --semantic-spacing-web-margen-adaptativo: 120px;
783
+ --semantic-border-radius-web-xs: 1px;
784
+ --semantic-border-radius-web-s: 2px;
785
+ --semantic-border-radius-web-m: 4px;
786
+ --semantic-border-radius-web-l: 8px;
787
+ --semantic-radius-web-xxs: 2px;
788
+ --semantic-radius-web-xs: 4px;
789
+ --semantic-radius-web-s: 8px;
790
+ --semantic-radius-web-m: 12px;
791
+ --semantic-radius-web-l: 16px;
792
+ --semantic-radius-web-xl: 20px;
793
+ --semantic-radius-web-full: 120px;
794
+ --semantic-elevation-web-xs: [object Object];
795
+ --semantic-elevation-web-s: [object Object],[object Object];
796
+ --semantic-elevation-web-m: [object Object],[object Object];
797
+ --semantic-elevation-web-l: [object Object],[object Object];
798
+ --semantic-elevation-web-xl: [object Object],[object Object];
799
+ --semantic-icon-stroke-width: 2;
800
+ --semantic-icon-size-default: 24rem;
801
+ --semantic-icon-size-compact: 16rem;
802
+ --semantic-icon-size-emphasis: 32rem;
803
+ --semantic-icon-action-search: search;
804
+ --semantic-icon-action-add: plus;
805
+ --semantic-icon-action-remove: minus;
806
+ --semantic-icon-action-confirm: check;
807
+ --semantic-icon-action-close: x;
808
+ --semantic-icon-navigation-back: arrow-left;
809
+ --semantic-icon-navigation-next: arrow-right;
810
+ --semantic-icon-category-security: lock;
811
+ --semantic-icon-category-location: map-pin;
812
+ --semantic-icon-category-users: user;
813
+ --semantic-icon-category-vehicles: car;
814
+ --semantic-component-button-web-size-s-height: 40px;
815
+ --semantic-component-button-web-size-s-padding-x: 16px;
816
+ --semantic-component-button-web-size-s-padding-y: 12px;
817
+ --semantic-component-button-web-size-s-gap: 8px;
818
+ --semantic-component-button-web-size-s-radius: 120px;
819
+ --semantic-component-button-web-size-s-icon-size: 16rem;
820
+ --semantic-component-button-web-size-s-text-style: 700 16px/24px 'Museo Sans';
821
+ --semantic-component-button-web-size-normal-height: 48px;
822
+ --semantic-component-button-web-size-normal-padding-x: 16px;
823
+ --semantic-component-button-web-size-normal-padding-y: 12px;
824
+ --semantic-component-button-web-size-normal-gap: 12px;
825
+ --semantic-component-button-web-size-normal-radius: 120px;
826
+ --semantic-component-button-web-size-normal-icon-size: 16rem;
827
+ --semantic-component-button-web-size-normal-text-style: 700 20px/20px 'Museo Sans';
828
+ --semantic-component-button-web-size-l-height: 60px;
829
+ --semantic-component-button-web-size-l-padding-x: 24px;
830
+ --semantic-component-button-web-size-l-padding-y: 16px;
831
+ --semantic-component-button-web-size-l-gap: 12px;
832
+ --semantic-component-button-web-size-l-radius: 120px;
833
+ --semantic-component-button-web-size-l-icon-size: 16rem;
834
+ --semantic-component-button-web-size-l-text-style: 700 24px/28px 'Museo Sans';
835
+ --semantic-component-button-web-type-primary-background-default: #00f1c7;
836
+ --semantic-component-button-web-type-primary-background-hover: #00e8bd;
837
+ --semantic-component-button-web-type-primary-background-active: #00be9c;
838
+ --semantic-component-button-web-type-primary-background-disabled: #f6f6f6;
839
+ --semantic-component-button-web-type-primary-background-focus: #00e8bd;
840
+ --semantic-component-button-web-type-primary-content-default: #ffffff;
841
+ --semantic-component-button-web-type-primary-content-disabled: #6d6d6d;
842
+ --semantic-component-button-web-type-primary-content-focus: #ffffff;
843
+ --semantic-component-button-web-type-secondary-background-default: #ffffff;
844
+ --semantic-component-button-web-type-secondary-background-hover: #f6f6f6;
845
+ --semantic-component-button-web-type-secondary-background-active: #f6f6f6;
846
+ --semantic-component-button-web-type-secondary-background-focus: #f6f6f6;
847
+ --semantic-component-button-web-type-secondary-border-default: #00f1c7;
848
+ --semantic-component-button-web-type-secondary-border-width: 1px;
849
+ --semantic-component-button-web-type-secondary-border-hover: #00f1c7;
850
+ --semantic-component-button-web-type-secondary-border-focus: #00f1c7;
851
+ --semantic-component-button-web-type-secondary-border-active: #00f1c7;
852
+ --semantic-component-button-web-type-secondary-border-disabled: #00f1c7;
853
+ --semantic-component-button-web-type-secondary-content-default: #00f1c7;
854
+ --semantic-component-button-web-type-secondary-content-disabled: #6d6d6d;
855
+ --semantic-component-button-web-type-secondary-content-focus: #00f1c7;
856
+ --semantic-component-button-web-type-ghost-background-default: rgba(0, 0, 0, 0);
857
+ --semantic-component-button-web-type-ghost-background-hover: #f6f6f6;
858
+ --semantic-component-button-web-type-ghost-background-active: #f6f6f6;
859
+ --semantic-component-button-web-type-ghost-background-focus: #f6f6f6;
860
+ --semantic-component-button-web-type-ghost-content-default: #00f1c7;
861
+ --semantic-component-button-web-type-ghost-content-disabled: #6d6d6d;
862
+ --semantic-component-button-web-type-ghost-content-focus: #00f1c7;
863
+ --semantic-component-textfield-web-size-container-height: 88rem;
864
+ --semantic-component-textfield-web-size-container-width: 424rem;
865
+ --semantic-component-textfield-web-size-label-height: 20px;
866
+ --semantic-component-textfield-web-size-input-height: 36px;
867
+ --semantic-component-textfield-web-size-support-height: 16px;
868
+ --semantic-component-textfield-web-size-icon-size: 20px;
869
+ --semantic-component-textfield-web-spacing-stack-gap: 8px;
870
+ --semantic-component-textfield-web-spacing-label-gap: 4px;
871
+ --semantic-component-textfield-web-spacing-support-gap: 4px;
872
+ --semantic-component-textfield-web-spacing-input-content-gap: 8px;
873
+ --semantic-component-textfield-web-spacing-padding-y: 8px;
874
+ --semantic-component-textfield-web-spacing-padding-x: 16px;
875
+ --semantic-component-textfield-web-radius-default: 8px;
876
+ --semantic-component-textfield-web-color-background: #ffffff;
877
+ --semantic-component-textfield-web-color-background-disabled: #f6f6f6;
878
+ --semantic-component-textfield-web-color-text: #1a1a1a;
879
+ --semantic-component-textfield-web-color-placeholder: #6d6d6d;
880
+ --semantic-component-textfield-web-color-label: #1a1a1a;
881
+ --semantic-component-textfield-web-color-required: #c01515;
882
+ --semantic-component-textfield-web-color-support: #5d5d5d;
883
+ --semantic-component-textfield-web-color-icon: #6d6d6d;
884
+ --semantic-component-textfield-web-color-icon-active: #1a1a1a;
885
+ --semantic-component-textfield-web-border-width: 1px;
886
+ --semantic-component-textfield-web-border-default: #b0b0b0;
887
+ --semantic-component-textfield-web-border-hover: #6d6d6d;
888
+ --semantic-component-textfield-web-border-focus: #00f1c7;
889
+ --semantic-component-textfield-web-border-error: #c01515;
890
+ --semantic-component-textfield-web-border-success: #187d1f;
891
+ --semantic-component-textfield-web-border-disabled: #b0b0b0;
892
+ --semantic-component-textfield-web-typography-label: 300 20px/28px 'Museo Sans';
893
+ --semantic-component-textfield-web-typography-input: 300 20px/28px 'Museo Sans';
894
+ --semantic-component-textfield-web-typography-support: 300 16px/24px 'Museo Sans';
895
+ --semantic-component-textfield-web-background-default: #ffffff;
896
+ --semantic-component-textfield-web-background-hover: #ffffff;
897
+ --semantic-component-textfield-web-background-focus: #ffffff;
898
+ --semantic-component-textfield-web-background-disabled: #f6f6f6;
899
+ --semantic-component-textfield-web-border-color-default: #b0b0b0;
900
+ --semantic-component-textfield-web-border-color-hover: #6d6d6d;
901
+ --semantic-component-textfield-web-border-color-focus: #00f1c7;
902
+ --semantic-component-textfield-web-border-color-error: #c01515;
903
+ --semantic-component-textfield-web-border-color-success: #187d1f;
904
+ --semantic-component-textfield-web-border-color-disabled: #b0b0b0;
905
+ --semantic-component-textfield-web-text-color-default: #1a1a1a;
906
+ --semantic-component-textfield-web-text-color-disabled: #6d6d6d;
907
+ --semantic-component-textfield-web-placeholder-color-default: #6d6d6d;
908
+ --semantic-component-textfield-web-placeholder-color-disabled: #6d6d6d;
909
+ --semantic-component-textfield-web-label-color-default: #1a1a1a;
910
+ --semantic-component-textfield-web-label-color-disabled: #6d6d6d;
911
+ --semantic-component-textfield-web-support-color-default: #5d5d5d;
912
+ --semantic-component-textfield-web-support-color-disabled: #6d6d6d;
913
+ --semantic-component-textfield-web-icon-color-default: #6d6d6d;
914
+ --semantic-component-textfield-web-icon-color-focus: #1a1a1a;
915
+ --semantic-component-textfield-web-icon-color-disabled: #6d6d6d;
916
+ --semantic-component-textfield-web-focus-ring-color: #00f1c7;
917
+ --semantic-component-textfield-web-focus-ring-width: 2px;
918
+ --semantic-component-textfield-web-focus-ring-offset: 1px;
919
+ --semantic-component-textfield-tablet-size-container-height: 88rem;
920
+ --semantic-component-textfield-tablet-size-container-width: 424rem;
921
+ --semantic-component-textfield-tablet-size-label-height: 20px;
922
+ --semantic-component-textfield-tablet-size-input-height: 36px;
923
+ --semantic-component-textfield-tablet-size-support-height: 16px;
924
+ --semantic-component-textfield-tablet-size-icon-size: 20px;
925
+ --semantic-component-textfield-tablet-spacing-stack-gap: 8px;
926
+ --semantic-component-textfield-tablet-spacing-label-gap: 4px;
927
+ --semantic-component-textfield-tablet-spacing-support-gap: 4px;
928
+ --semantic-component-textfield-tablet-spacing-input-content-gap: 8px;
929
+ --semantic-component-textfield-tablet-spacing-padding-y: 8px;
930
+ --semantic-component-textfield-tablet-spacing-padding-x: 16px;
931
+ --semantic-component-textfield-tablet-radius-default: 8px;
932
+ --semantic-component-textfield-tablet-color-background: #ffffff;
933
+ --semantic-component-textfield-tablet-color-background-disabled: #f6f6f6;
934
+ --semantic-component-textfield-tablet-color-text: #1a1a1a;
935
+ --semantic-component-textfield-tablet-color-placeholder: #6d6d6d;
936
+ --semantic-component-textfield-tablet-color-label: #1a1a1a;
937
+ --semantic-component-textfield-tablet-color-required: #c01515;
938
+ --semantic-component-textfield-tablet-color-support: #5d5d5d;
939
+ --semantic-component-textfield-tablet-color-icon: #6d6d6d;
940
+ --semantic-component-textfield-tablet-color-icon-active: #1a1a1a;
941
+ --semantic-component-textfield-tablet-border-width: 1px;
942
+ --semantic-component-textfield-tablet-border-default: #b0b0b0;
943
+ --semantic-component-textfield-tablet-border-hover: #6d6d6d;
944
+ --semantic-component-textfield-tablet-border-focus: #00f1c7;
945
+ --semantic-component-textfield-tablet-border-error: #c01515;
946
+ --semantic-component-textfield-tablet-border-success: #187d1f;
947
+ --semantic-component-textfield-tablet-border-disabled: #b0b0b0;
948
+ --semantic-component-textfield-tablet-typography-label: 300 20px/28px 'Museo Sans';
949
+ --semantic-component-textfield-tablet-typography-input: 300 20px/28px 'Museo Sans';
950
+ --semantic-component-textfield-tablet-typography-support: 300 16px/24px 'Museo Sans';
951
+ --semantic-component-textfield-tablet-background-default: #ffffff;
952
+ --semantic-component-textfield-tablet-background-hover: #ffffff;
953
+ --semantic-component-textfield-tablet-background-focus: #ffffff;
954
+ --semantic-component-textfield-tablet-background-disabled: #f6f6f6;
955
+ --semantic-component-textfield-tablet-border-color-default: #b0b0b0;
956
+ --semantic-component-textfield-tablet-border-color-hover: #6d6d6d;
957
+ --semantic-component-textfield-tablet-border-color-focus: #00f1c7;
958
+ --semantic-component-textfield-tablet-border-color-error: #c01515;
959
+ --semantic-component-textfield-tablet-border-color-success: #187d1f;
960
+ --semantic-component-textfield-tablet-border-color-disabled: #b0b0b0;
961
+ --semantic-component-textfield-tablet-text-color-default: #1a1a1a;
962
+ --semantic-component-textfield-tablet-text-color-disabled: #6d6d6d;
963
+ --semantic-component-textfield-tablet-placeholder-color-default: #6d6d6d;
964
+ --semantic-component-textfield-tablet-placeholder-color-disabled: #6d6d6d;
965
+ --semantic-component-textfield-tablet-label-color-default: #1a1a1a;
966
+ --semantic-component-textfield-tablet-label-color-disabled: #6d6d6d;
967
+ --semantic-component-textfield-tablet-support-color-default: #5d5d5d;
968
+ --semantic-component-textfield-tablet-support-color-disabled: #6d6d6d;
969
+ --semantic-component-textfield-tablet-icon-color-default: #6d6d6d;
970
+ --semantic-component-textfield-tablet-icon-color-focus: #1a1a1a;
971
+ --semantic-component-textfield-tablet-icon-color-disabled: #6d6d6d;
972
+ --semantic-component-textfield-tablet-focus-ring-color: #00f1c7;
973
+ --semantic-component-textfield-tablet-focus-ring-width: 2px;
974
+ --semantic-component-textfield-tablet-focus-ring-offset: 1px;
975
+ --semantic-component-textfield-mobile-size-container-height: 88rem;
976
+ --semantic-component-textfield-mobile-size-container-width: 424rem;
977
+ --semantic-component-textfield-mobile-size-label-height: 20px;
978
+ --semantic-component-textfield-mobile-size-input-height: 36px;
979
+ --semantic-component-textfield-mobile-size-support-height: 16px;
980
+ --semantic-component-textfield-mobile-size-icon-size: 20px;
981
+ --semantic-component-textfield-mobile-spacing-stack-gap: 8px;
982
+ --semantic-component-textfield-mobile-spacing-label-gap: 4px;
983
+ --semantic-component-textfield-mobile-spacing-support-gap: 4px;
984
+ --semantic-component-textfield-mobile-spacing-input-content-gap: 8px;
985
+ --semantic-component-textfield-mobile-spacing-padding-y: 8px;
986
+ --semantic-component-textfield-mobile-spacing-padding-x: 16px;
987
+ --semantic-component-textfield-mobile-radius-default: 8px;
988
+ --semantic-component-textfield-mobile-color-background: #ffffff;
989
+ --semantic-component-textfield-mobile-color-background-disabled: #f6f6f6;
990
+ --semantic-component-textfield-mobile-color-text: #1a1a1a;
991
+ --semantic-component-textfield-mobile-color-placeholder: #6d6d6d;
992
+ --semantic-component-textfield-mobile-color-label: #1a1a1a;
993
+ --semantic-component-textfield-mobile-color-required: #c01515;
994
+ --semantic-component-textfield-mobile-color-support: #5d5d5d;
995
+ --semantic-component-textfield-mobile-color-icon: #6d6d6d;
996
+ --semantic-component-textfield-mobile-color-icon-active: #1a1a1a;
997
+ --semantic-component-textfield-mobile-border-width: 1px;
998
+ --semantic-component-textfield-mobile-border-default: #b0b0b0;
999
+ --semantic-component-textfield-mobile-border-hover: #6d6d6d;
1000
+ --semantic-component-textfield-mobile-border-focus: #00f1c7;
1001
+ --semantic-component-textfield-mobile-border-error: #c01515;
1002
+ --semantic-component-textfield-mobile-border-success: #187d1f;
1003
+ --semantic-component-textfield-mobile-border-disabled: #b0b0b0;
1004
+ --semantic-component-textfield-mobile-typography-label: 300 20px/28px 'Museo Sans';
1005
+ --semantic-component-textfield-mobile-typography-input: 300 20px/28px 'Museo Sans';
1006
+ --semantic-component-textfield-mobile-typography-support: 300 16px/24px 'Museo Sans';
1007
+ --semantic-component-textfield-mobile-background-default: #ffffff;
1008
+ --semantic-component-textfield-mobile-background-hover: #ffffff;
1009
+ --semantic-component-textfield-mobile-background-focus: #ffffff;
1010
+ --semantic-component-textfield-mobile-background-disabled: #f6f6f6;
1011
+ --semantic-component-textfield-mobile-border-color-default: #b0b0b0;
1012
+ --semantic-component-textfield-mobile-border-color-hover: #6d6d6d;
1013
+ --semantic-component-textfield-mobile-border-color-focus: #00f1c7;
1014
+ --semantic-component-textfield-mobile-border-color-error: #c01515;
1015
+ --semantic-component-textfield-mobile-border-color-success: #187d1f;
1016
+ --semantic-component-textfield-mobile-border-color-disabled: #b0b0b0;
1017
+ --semantic-component-textfield-mobile-text-color-default: #1a1a1a;
1018
+ --semantic-component-textfield-mobile-text-color-disabled: #6d6d6d;
1019
+ --semantic-component-textfield-mobile-placeholder-color-default: #6d6d6d;
1020
+ --semantic-component-textfield-mobile-placeholder-color-disabled: #6d6d6d;
1021
+ --semantic-component-textfield-mobile-label-color-default: #1a1a1a;
1022
+ --semantic-component-textfield-mobile-label-color-disabled: #6d6d6d;
1023
+ --semantic-component-textfield-mobile-support-color-default: #5d5d5d;
1024
+ --semantic-component-textfield-mobile-support-color-disabled: #6d6d6d;
1025
+ --semantic-component-textfield-mobile-icon-color-default: #6d6d6d;
1026
+ --semantic-component-textfield-mobile-icon-color-focus: #1a1a1a;
1027
+ --semantic-component-textfield-mobile-icon-color-disabled: #6d6d6d;
1028
+ --semantic-component-textfield-mobile-focus-ring-color: #00f1c7;
1029
+ --semantic-component-textfield-mobile-focus-ring-width: 2px;
1030
+ --semantic-component-textfield-mobile-focus-ring-offset: 1px;
1031
+ --semantic-layout-breakpoint-viewport-mobile-min: 320px;
1032
+ --semantic-layout-breakpoint-viewport-mobile-max: 767px;
1033
+ --semantic-layout-breakpoint-viewport-tablet-min: 768px;
1034
+ --semantic-layout-breakpoint-viewport-tablet-max: 1279px;
1035
+ --semantic-layout-breakpoint-viewport-desktop-min: 1280px;
1036
+ --semantic-layout-breakpoint-viewport-desktop-max: 1599px;
1037
+ --semantic-layout-breakpoint-viewport-desktop-lg-min: 1600px;
1038
+ --semantic-layout-breakpoint-viewport-desktop-lg-max: 3439px;
1039
+ --semantic-layout-breakpoint-viewport-desktop-xl-min: 3440px;
1040
+ --semantic-layout-breakpoint-reference-mobile-320: 320px;
1041
+ --semantic-layout-breakpoint-reference-mobile-375: 375px;
1042
+ --semantic-layout-breakpoint-reference-mobile-440: 440px;
1043
+ --semantic-layout-breakpoint-reference-tablet-768: 768px;
1044
+ --semantic-layout-breakpoint-reference-tablet-834: 834px;
1045
+ --semantic-layout-breakpoint-reference-tablet-1194: 1194px;
1046
+ --semantic-layout-breakpoint-reference-desktop-1280: 1280px;
1047
+ --semantic-layout-breakpoint-reference-desktop-1440: 1440px;
1048
+ --semantic-layout-breakpoint-reference-desktop-3440: 3440px;
1049
+ }