@novalabsxyz/tokens 2.0.0-y.25 → 2.0.0-y.27

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 (11) hide show
  1. package/build/css/tailwindTextStyles.css +123 -123
  2. package/build/css/textStyles.css +123 -123
  3. package/build/css/tokens-dark.css +257 -74
  4. package/build/css/tokens-light.css +257 -74
  5. package/build/js/tokens-dark-mobile.js +257 -74
  6. package/build/js/tokens-dark.js +257 -74
  7. package/build/js/tokens-light-mobile.js +257 -74
  8. package/build/js/tokens-light.js +257 -74
  9. package/build/scss/tokens-dark.scss +257 -74
  10. package/build/scss/tokens-light.scss +257 -74
  11. package/package.json +2 -2
package/build/css/tailwindTextStyles.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer utilities {
2
2
  .display-2xl-regular {
3
- font-family: Figtree;
3
+ font-family: var(--font-figtree);
4
4
  font-weight: Regular;
5
5
  line-height: 100px;
6
6
  font-size: 72px;
@@ -11,7 +11,7 @@
11
11
  text-decoration: none;
12
12
  }
13
13
  .display-2xl-medium {
14
- font-family: Figtree;
14
+ font-family: var(--font-figtree);
15
15
  font-weight: Medium;
16
16
  line-height: 100px;
17
17
  font-size: 72px;
@@ -22,7 +22,7 @@
22
22
  text-decoration: none;
23
23
  }
24
24
  .display-2xl-semibold {
25
- font-family: Figtree;
25
+ font-family: var(--font-figtree);
26
26
  font-weight: SemiBold;
27
27
  line-height: 100px;
28
28
  font-size: 72px;
@@ -33,7 +33,7 @@
33
33
  text-decoration: none;
34
34
  }
35
35
  .display-2xl-bold {
36
- font-family: Figtree;
36
+ font-family: var(--font-figtree);
37
37
  font-weight: Bold;
38
38
  line-height: 100px;
39
39
  font-size: 72px;
@@ -44,7 +44,7 @@
44
44
  text-decoration: none;
45
45
  }
46
46
  .display-xl-regular {
47
- font-family: Figtree;
47
+ font-family: var(--font-figtree);
48
48
  font-weight: Regular;
49
49
  line-height: 100px;
50
50
  font-size: 60px;
@@ -55,9 +55,9 @@
55
55
  text-decoration: none;
56
56
  }
57
57
  .display-xl-medium {
58
- font-family: Figtree;
58
+ font-family: var(--font-figtree);
59
59
  font-weight: Medium;
60
- line-height: 72px;
60
+ line-height: 100px;
61
61
  font-size: 60px;
62
62
  letter-spacing: -2px;
63
63
  margin-bottom: 60px;
@@ -66,7 +66,7 @@
66
66
  text-decoration: none;
67
67
  }
68
68
  .display-xl-semibold {
69
- font-family: Figtree;
69
+ font-family: var(--font-figtree);
70
70
  font-weight: SemiBold;
71
71
  line-height: 100px;
72
72
  font-size: 60px;
@@ -77,7 +77,7 @@
77
77
  text-decoration: none;
78
78
  }
79
79
  .display-xl-bold {
80
- font-family: Figtree;
80
+ font-family: var(--font-figtree);
81
81
  font-weight: Bold;
82
82
  line-height: 100px;
83
83
  font-size: 60px;
@@ -88,9 +88,9 @@
88
88
  text-decoration: none;
89
89
  }
90
90
  .display-lg-regular {
91
- font-family: Figtree;
91
+ font-family: var(--font-figtree);
92
92
  font-weight: Regular;
93
- line-height: 60px;
93
+ line-height: 100px;
94
94
  font-size: 48px;
95
95
  letter-spacing: -2px;
96
96
  margin-bottom: 48px;
@@ -99,9 +99,9 @@
99
99
  text-decoration: none;
100
100
  }
101
101
  .display-lg-medium {
102
- font-family: Figtree;
102
+ font-family: var(--font-figtree);
103
103
  font-weight: Medium;
104
- line-height: 60px;
104
+ line-height: 100px;
105
105
  font-size: 48px;
106
106
  letter-spacing: -2px;
107
107
  margin-bottom: 48px;
@@ -110,9 +110,9 @@
110
110
  text-decoration: none;
111
111
  }
112
112
  .display-lg-semibold {
113
- font-family: Figtree;
113
+ font-family: var(--font-figtree);
114
114
  font-weight: SemiBold;
115
- line-height: 60px;
115
+ line-height: 100px;
116
116
  font-size: 48px;
117
117
  letter-spacing: -2px;
118
118
  margin-bottom: 48px;
@@ -121,9 +121,9 @@
121
121
  text-decoration: none;
122
122
  }
123
123
  .display-lg-bold {
124
- font-family: Figtree;
124
+ font-family: var(--font-figtree);
125
125
  font-weight: Bold;
126
- line-height: 60px;
126
+ line-height: 100px;
127
127
  font-size: 48px;
128
128
  letter-spacing: -2px;
129
129
  margin-bottom: 48px;
@@ -132,7 +132,7 @@
132
132
  text-decoration: none;
133
133
  }
134
134
  .display-md-regular {
135
- font-family: Figtree;
135
+ font-family: var(--font-figtree);
136
136
  font-weight: Regular;
137
137
  line-height: 100px;
138
138
  font-size: 36px;
@@ -143,7 +143,7 @@
143
143
  text-decoration: none;
144
144
  }
145
145
  .display-md-medium {
146
- font-family: Figtree;
146
+ font-family: var(--font-figtree);
147
147
  font-weight: Medium;
148
148
  line-height: 100px;
149
149
  font-size: 36px;
@@ -154,7 +154,7 @@
154
154
  text-decoration: none;
155
155
  }
156
156
  .display-md-semibold {
157
- font-family: Figtree;
157
+ font-family: var(--font-figtree);
158
158
  font-weight: SemiBold;
159
159
  line-height: 100px;
160
160
  font-size: 36px;
@@ -165,7 +165,7 @@
165
165
  text-decoration: none;
166
166
  }
167
167
  .display-md-bold {
168
- font-family: Figtree;
168
+ font-family: var(--font-figtree);
169
169
  font-weight: Bold;
170
170
  line-height: 100px;
171
171
  font-size: 36px;
@@ -176,53 +176,53 @@
176
176
  text-decoration: none;
177
177
  }
178
178
  .display-sm-regular {
179
- font-family: Figtree;
179
+ font-family: var(--font-figtree);
180
180
  font-weight: Regular;
181
- line-height: 38px;
181
+ line-height: 100px;
182
182
  font-size: 30px;
183
183
  letter-spacing: 0px;
184
- margin-bottom: 30px;
184
+ margin-bottom: 20px;
185
185
  text-indent: 0px;
186
186
  text-transform: none;
187
187
  text-decoration: none;
188
188
  }
189
189
  .display-sm-medium {
190
- font-family: Figtree;
190
+ font-family: var(--font-figtree);
191
191
  font-weight: Medium;
192
- line-height: 38px;
192
+ line-height: 100px;
193
193
  font-size: 30px;
194
194
  letter-spacing: 0px;
195
- margin-bottom: 30px;
195
+ margin-bottom: 20px;
196
196
  text-indent: 0px;
197
197
  text-transform: none;
198
198
  text-decoration: none;
199
199
  }
200
200
  .display-sm-semibold {
201
- font-family: Figtree;
201
+ font-family: var(--font-figtree);
202
202
  font-weight: SemiBold;
203
- line-height: 38px;
203
+ line-height: 100px;
204
204
  font-size: 30px;
205
205
  letter-spacing: 0px;
206
- margin-bottom: 30px;
206
+ margin-bottom: 20px;
207
207
  text-indent: 0px;
208
208
  text-transform: none;
209
209
  text-decoration: none;
210
210
  }
211
211
  .display-sm-bold {
212
- font-family: Figtree;
212
+ font-family: var(--font-figtree);
213
213
  font-weight: Bold;
214
- line-height: 38px;
214
+ line-height: 100px;
215
215
  font-size: 30px;
216
216
  letter-spacing: 0px;
217
- margin-bottom: 30px;
217
+ margin-bottom: 20px;
218
218
  text-indent: 0px;
219
219
  text-transform: none;
220
220
  text-decoration: none;
221
221
  }
222
222
  .display-sm-medium-italic {
223
- font-family: Inter;
223
+ font-family: var(--font-figtree);
224
224
  font-weight: Medium;
225
- line-height: 44px;
225
+ line-height: 100px;
226
226
  font-size: 30px;
227
227
  letter-spacing: 0px;
228
228
  margin-bottom: 38px;
@@ -232,9 +232,9 @@
232
232
  font-style: italic;
233
233
  }
234
234
  .display-xs-regular {
235
- font-family: Figtree;
235
+ font-family: var(--font-figtree);
236
236
  font-weight: Regular;
237
- line-height: 32px;
237
+ line-height: 100px;
238
238
  font-size: 24px;
239
239
  letter-spacing: 0px;
240
240
  margin-bottom: 24px;
@@ -243,9 +243,9 @@
243
243
  text-decoration: none;
244
244
  }
245
245
  .display-xs-medium {
246
- font-family: Figtree;
246
+ font-family: var(--font-figtree);
247
247
  font-weight: Medium;
248
- line-height: 32px;
248
+ line-height: 100px;
249
249
  font-size: 24px;
250
250
  letter-spacing: 0px;
251
251
  margin-bottom: 24px;
@@ -254,9 +254,9 @@
254
254
  text-decoration: none;
255
255
  }
256
256
  .display-xs-semibold {
257
- font-family: Figtree;
257
+ font-family: var(--font-figtree);
258
258
  font-weight: SemiBold;
259
- line-height: 32px;
259
+ line-height: 100px;
260
260
  font-size: 24px;
261
261
  letter-spacing: 0px;
262
262
  margin-bottom: 24px;
@@ -265,9 +265,9 @@
265
265
  text-decoration: none;
266
266
  }
267
267
  .display-xs-bold {
268
- font-family: Figtree;
268
+ font-family: var(--font-figtree);
269
269
  font-weight: Bold;
270
- line-height: 32px;
270
+ line-height: 100px;
271
271
  font-size: 24px;
272
272
  letter-spacing: 0px;
273
273
  margin-bottom: 24px;
@@ -276,9 +276,9 @@
276
276
  text-decoration: none;
277
277
  }
278
278
  .display-xs-medium-italic {
279
- font-family: Inter;
279
+ font-family: var(--font-figtree);
280
280
  font-weight: Medium;
281
- line-height: 36px;
281
+ line-height: 100px;
282
282
  font-size: 24px;
283
283
  letter-spacing: 0px;
284
284
  margin-bottom: 32px;
@@ -288,9 +288,9 @@
288
288
  font-style: italic;
289
289
  }
290
290
  .text-xl-regular {
291
- font-family: Figtree;
291
+ font-family: var(--font-figtree);
292
292
  font-weight: Regular;
293
- line-height: 30px;
293
+ line-height: 100px;
294
294
  font-size: 20px;
295
295
  letter-spacing: 0px;
296
296
  margin-bottom: 20px;
@@ -299,9 +299,9 @@
299
299
  text-decoration: none;
300
300
  }
301
301
  .text-xl-medium {
302
- font-family: Figtree;
302
+ font-family: var(--font-figtree);
303
303
  font-weight: Medium;
304
- line-height: 30px;
304
+ line-height: 100px;
305
305
  font-size: 20px;
306
306
  letter-spacing: 0px;
307
307
  margin-bottom: 20px;
@@ -310,9 +310,9 @@
310
310
  text-decoration: none;
311
311
  }
312
312
  .text-xl-semibold {
313
- font-family: Figtree;
313
+ font-family: var(--font-figtree);
314
314
  font-weight: SemiBold;
315
- line-height: 30px;
315
+ line-height: 100px;
316
316
  font-size: 20px;
317
317
  letter-spacing: 0px;
318
318
  margin-bottom: 20px;
@@ -321,9 +321,9 @@
321
321
  text-decoration: none;
322
322
  }
323
323
  .text-xl-bold {
324
- font-family: Figtree;
324
+ font-family: var(--font-figtree);
325
325
  font-weight: Bold;
326
- line-height: 30px;
326
+ line-height: 100px;
327
327
  font-size: 20px;
328
328
  letter-spacing: 0px;
329
329
  margin-bottom: 20px;
@@ -332,9 +332,9 @@
332
332
  text-decoration: none;
333
333
  }
334
334
  .text-xl-regular-italic {
335
- font-family: Inter;
335
+ font-family: var(--font-figtree);
336
336
  font-weight: Regular;
337
- line-height: 30px;
337
+ line-height: 100px;
338
338
  font-size: 20px;
339
339
  letter-spacing: 0px;
340
340
  margin-bottom: 20px;
@@ -344,9 +344,9 @@
344
344
  font-style: italic;
345
345
  }
346
346
  .text-xl-medium-italic {
347
- font-family: Inter;
347
+ font-family: var(--font-figtree);
348
348
  font-weight: Medium;
349
- line-height: 30px;
349
+ line-height: 100px;
350
350
  font-size: 20px;
351
351
  letter-spacing: 0px;
352
352
  margin-bottom: 20px;
@@ -356,9 +356,9 @@
356
356
  font-style: italic;
357
357
  }
358
358
  .text-xl-semibold-italic {
359
- font-family: Inter;
359
+ font-family: var(--font-figtree);
360
360
  font-weight: Semi Bold;
361
- line-height: 30px;
361
+ line-height: 100px;
362
362
  font-size: 20px;
363
363
  letter-spacing: 0px;
364
364
  margin-bottom: 20px;
@@ -368,7 +368,7 @@
368
368
  font-style: italic;
369
369
  }
370
370
  .text-xl-bold-italic {
371
- font-family: Inter;
371
+ font-family: var(--font-figtree);
372
372
  font-weight: Bold;
373
373
  line-height: 30px;
374
374
  font-size: 20px;
@@ -380,9 +380,9 @@
380
380
  font-style: italic;
381
381
  }
382
382
  .text-xl-regular-underlined {
383
- font-family: Inter;
383
+ font-family: var(--font-figtree);
384
384
  font-weight: Regular;
385
- line-height: 30px;
385
+ line-height: 100px;
386
386
  font-size: 20px;
387
387
  letter-spacing: 0px;
388
388
  margin-bottom: 0px;
@@ -391,9 +391,9 @@
391
391
  text-decoration: underline;
392
392
  }
393
393
  .text-lg-regular {
394
- font-family: Figtree;
394
+ font-family: var(--font-figtree);
395
395
  font-weight: Regular;
396
- line-height: 28px;
396
+ line-height: 120px;
397
397
  font-size: 18px;
398
398
  letter-spacing: 0px;
399
399
  margin-bottom: 18px;
@@ -402,9 +402,9 @@
402
402
  text-decoration: none;
403
403
  }
404
404
  .text-lg-medium {
405
- font-family: Figtree;
405
+ font-family: var(--font-figtree);
406
406
  font-weight: Medium;
407
- line-height: 28px;
407
+ line-height: 120px;
408
408
  font-size: 18px;
409
409
  letter-spacing: 0px;
410
410
  margin-bottom: 18px;
@@ -413,9 +413,9 @@
413
413
  text-decoration: none;
414
414
  }
415
415
  .text-lg-semibold {
416
- font-family: Figtree;
416
+ font-family: var(--font-figtree);
417
417
  font-weight: SemiBold;
418
- line-height: 28px;
418
+ line-height: 120px;
419
419
  font-size: 18px;
420
420
  letter-spacing: 0px;
421
421
  margin-bottom: 18px;
@@ -424,9 +424,9 @@
424
424
  text-decoration: none;
425
425
  }
426
426
  .text-lg-bold {
427
- font-family: Figtree;
427
+ font-family: var(--font-figtree);
428
428
  font-weight: Bold;
429
- line-height: 28px;
429
+ line-height: 120px;
430
430
  font-size: 18px;
431
431
  letter-spacing: 0px;
432
432
  margin-bottom: 18px;
@@ -435,9 +435,9 @@
435
435
  text-decoration: none;
436
436
  }
437
437
  .text-lg-regular-italic {
438
- font-family: Inter;
438
+ font-family: var(--font-figtree);
439
439
  font-weight: Regular;
440
- line-height: 28px;
440
+ line-height: 100px;
441
441
  font-size: 18px;
442
442
  letter-spacing: 0px;
443
443
  margin-bottom: 18px;
@@ -447,9 +447,9 @@
447
447
  font-style: italic;
448
448
  }
449
449
  .text-lg-medium-italic {
450
- font-family: Inter;
450
+ font-family: var(--font-figtree);
451
451
  font-weight: Medium;
452
- line-height: 28px;
452
+ line-height: 100px;
453
453
  font-size: 18px;
454
454
  letter-spacing: 0px;
455
455
  margin-bottom: 18px;
@@ -459,9 +459,9 @@
459
459
  font-style: italic;
460
460
  }
461
461
  .text-lg-semibold-italic {
462
- font-family: Inter;
462
+ font-family: var(--font-figtree);
463
463
  font-weight: Semi Bold;
464
- line-height: 28px;
464
+ line-height: 100px;
465
465
  font-size: 18px;
466
466
  letter-spacing: 0px;
467
467
  margin-bottom: 18px;
@@ -471,9 +471,9 @@
471
471
  font-style: italic;
472
472
  }
473
473
  .text-lg-bold-italic {
474
- font-family: Inter;
474
+ font-family: var(--font-figtree);
475
475
  font-weight: Bold;
476
- line-height: 28px;
476
+ line-height: 100px;
477
477
  font-size: 18px;
478
478
  letter-spacing: 0px;
479
479
  margin-bottom: 18px;
@@ -483,9 +483,9 @@
483
483
  font-style: italic;
484
484
  }
485
485
  .text-lg-regular-underlined {
486
- font-family: Inter;
486
+ font-family: var(--font-figtree);
487
487
  font-weight: Regular;
488
- line-height: 28px;
488
+ line-height: 100px;
489
489
  font-size: 18px;
490
490
  letter-spacing: 0px;
491
491
  margin-bottom: 18px;
@@ -494,20 +494,20 @@
494
494
  text-decoration: underline;
495
495
  }
496
496
  .text-lg-medium-underlined {
497
- font-family: Inter;
497
+ font-family: var(--font-figtree);
498
498
  font-weight: Medium;
499
- line-height: 28px;
499
+ line-height: 100px;
500
500
  font-size: 18px;
501
501
  letter-spacing: 0px;
502
- margin-bottom: 28px;
502
+ margin-bottom: 18px;
503
503
  text-indent: 0px;
504
504
  text-transform: none;
505
505
  text-decoration: underline;
506
506
  }
507
507
  .text-lg-semibold-underlined {
508
- font-family: Inter;
508
+ font-family: var(--font-figtree);
509
509
  font-weight: Semi Bold;
510
- line-height: 28px;
510
+ line-height: 100px;
511
511
  font-size: 18px;
512
512
  letter-spacing: 0px;
513
513
  margin-bottom: 18px;
@@ -516,9 +516,9 @@
516
516
  text-decoration: underline;
517
517
  }
518
518
  .text-md-regular {
519
- font-family: Figtree;
519
+ font-family: var(--font-figtree);
520
520
  font-weight: Regular;
521
- line-height: 24px;
521
+ line-height: 120px;
522
522
  font-size: 16px;
523
523
  letter-spacing: 0px;
524
524
  margin-bottom: 16px;
@@ -527,9 +527,9 @@
527
527
  text-decoration: none;
528
528
  }
529
529
  .text-md-medium {
530
- font-family: Figtree;
530
+ font-family: var(--font-figtree);
531
531
  font-weight: Medium;
532
- line-height: 24px;
532
+ line-height: 120px;
533
533
  font-size: 16px;
534
534
  letter-spacing: 0px;
535
535
  margin-bottom: 16px;
@@ -538,9 +538,9 @@
538
538
  text-decoration: none;
539
539
  }
540
540
  .text-md-semibold {
541
- font-family: Figtree;
541
+ font-family: var(--font-figtree);
542
542
  font-weight: SemiBold;
543
- line-height: 24px;
543
+ line-height: 120px;
544
544
  font-size: 16px;
545
545
  letter-spacing: 0px;
546
546
  margin-bottom: 16px;
@@ -549,9 +549,9 @@
549
549
  text-decoration: none;
550
550
  }
551
551
  .text-md-bold {
552
- font-family: Figtree;
552
+ font-family: var(--font-figtree);
553
553
  font-weight: Bold;
554
- line-height: 24px;
554
+ line-height: 110px;
555
555
  font-size: 16px;
556
556
  letter-spacing: 0px;
557
557
  margin-bottom: 16px;
@@ -560,9 +560,9 @@
560
560
  text-decoration: none;
561
561
  }
562
562
  .text-md-regular-italic {
563
- font-family: Inter;
563
+ font-family: var(--font-figtree);
564
564
  font-weight: Regular;
565
- line-height: 24px;
565
+ line-height: 100px;
566
566
  font-size: 16px;
567
567
  letter-spacing: 0px;
568
568
  margin-bottom: 16px;
@@ -572,7 +572,7 @@
572
572
  font-style: italic;
573
573
  }
574
574
  .text-md-medium-italic {
575
- font-family: Inter;
575
+ font-family: var(--font-figtree);
576
576
  font-weight: Medium;
577
577
  line-height: 24px;
578
578
  font-size: 16px;
@@ -584,7 +584,7 @@
584
584
  font-style: italic;
585
585
  }
586
586
  .text-md-semibold-italic {
587
- font-family: Inter;
587
+ font-family: var(--font-figtree);
588
588
  font-weight: Semi Bold;
589
589
  line-height: 24px;
590
590
  font-size: 16px;
@@ -596,7 +596,7 @@
596
596
  font-style: italic;
597
597
  }
598
598
  .text-md-bold-italic {
599
- font-family: Inter;
599
+ font-family: var(--font-figtree);
600
600
  font-weight: Bold;
601
601
  line-height: 24px;
602
602
  font-size: 16px;
@@ -608,7 +608,7 @@
608
608
  font-style: italic;
609
609
  }
610
610
  .text-md-regular-underlined {
611
- font-family: Inter;
611
+ font-family: var(--font-figtree);
612
612
  font-weight: Regular;
613
613
  line-height: 24px;
614
614
  font-size: 16px;
@@ -619,7 +619,7 @@
619
619
  text-decoration: underline;
620
620
  }
621
621
  .text-md-medium-underlined {
622
- font-family: Inter;
622
+ font-family: var(--font-figtree);
623
623
  font-weight: Medium;
624
624
  line-height: 24px;
625
625
  font-size: 16px;
@@ -630,7 +630,7 @@
630
630
  text-decoration: underline;
631
631
  }
632
632
  .text-md-semibold-underlined {
633
- font-family: Inter;
633
+ font-family: var(--font-figtree);
634
634
  font-weight: Semi Bold;
635
635
  line-height: 24px;
636
636
  font-size: 16px;
@@ -641,9 +641,9 @@
641
641
  text-decoration: underline;
642
642
  }
643
643
  .text-sm-regular {
644
- font-family: Figtree;
644
+ font-family: var(--font-figtree);
645
645
  font-weight: Regular;
646
- line-height: 20px;
646
+ line-height: 110px;
647
647
  font-size: 14px;
648
648
  letter-spacing: 0px;
649
649
  margin-bottom: 14px;
@@ -652,9 +652,9 @@
652
652
  text-decoration: none;
653
653
  }
654
654
  .text-sm-medium {
655
- font-family: Figtree;
655
+ font-family: var(--font-figtree);
656
656
  font-weight: Medium;
657
- line-height: 20px;
657
+ line-height: 110px;
658
658
  font-size: 14px;
659
659
  letter-spacing: 0px;
660
660
  margin-bottom: 14px;
@@ -663,9 +663,9 @@
663
663
  text-decoration: none;
664
664
  }
665
665
  .text-sm-semibold {
666
- font-family: Figtree;
666
+ font-family: var(--font-figtree);
667
667
  font-weight: SemiBold;
668
- line-height: 20px;
668
+ line-height: 110px;
669
669
  font-size: 14px;
670
670
  letter-spacing: 0px;
671
671
  margin-bottom: 14px;
@@ -674,9 +674,9 @@
674
674
  text-decoration: none;
675
675
  }
676
676
  .text-sm-bold {
677
- font-family: Figtree;
677
+ font-family: var(--font-figtree);
678
678
  font-weight: Bold;
679
- line-height: 20px;
679
+ line-height: 110px;
680
680
  font-size: 14px;
681
681
  letter-spacing: 0px;
682
682
  margin-bottom: 14px;
@@ -685,9 +685,9 @@
685
685
  text-decoration: none;
686
686
  }
687
687
  .text-sm-regular-underlined {
688
- font-family: Inter;
688
+ font-family: var(--font-figtree);
689
689
  font-weight: Regular;
690
- line-height: 20px;
690
+ line-height: 100px;
691
691
  font-size: 14px;
692
692
  letter-spacing: 0px;
693
693
  margin-bottom: 14px;
@@ -696,9 +696,9 @@
696
696
  text-decoration: underline;
697
697
  }
698
698
  .text-sm-medium-underlined {
699
- font-family: Inter;
699
+ font-family: var(--font-figtree);
700
700
  font-weight: Medium;
701
- line-height: 20px;
701
+ line-height: 100px;
702
702
  font-size: 14px;
703
703
  letter-spacing: 0px;
704
704
  margin-bottom: 14px;
@@ -707,9 +707,9 @@
707
707
  text-decoration: underline;
708
708
  }
709
709
  .text-sm-semibold-underlined {
710
- font-family: Inter;
710
+ font-family: var(--font-figtree);
711
711
  font-weight: Semi Bold;
712
- line-height: 20px;
712
+ line-height: 100px;
713
713
  font-size: 14px;
714
714
  letter-spacing: 0px;
715
715
  margin-bottom: 14px;
@@ -718,9 +718,9 @@
718
718
  text-decoration: underline;
719
719
  }
720
720
  .text-xs-regular {
721
- font-family: Figtree;
721
+ font-family: var(--font-figtree);
722
722
  font-weight: Regular;
723
- line-height: 18px;
723
+ line-height: 110px;
724
724
  font-size: 12px;
725
725
  letter-spacing: 0px;
726
726
  margin-bottom: 12px;
@@ -729,9 +729,9 @@
729
729
  text-decoration: none;
730
730
  }
731
731
  .text-xs-medium {
732
- font-family: Figtree;
732
+ font-family: var(--font-figtree);
733
733
  font-weight: Medium;
734
- line-height: 18px;
734
+ line-height: 110px;
735
735
  font-size: 12px;
736
736
  letter-spacing: 0px;
737
737
  margin-bottom: 12px;
@@ -740,9 +740,9 @@
740
740
  text-decoration: none;
741
741
  }
742
742
  .text-xs-semibold {
743
- font-family: Figtree;
743
+ font-family: var(--font-figtree);
744
744
  font-weight: SemiBold;
745
- line-height: 18px;
745
+ line-height: 110px;
746
746
  font-size: 12px;
747
747
  letter-spacing: 0px;
748
748
  margin-bottom: 12px;
@@ -751,9 +751,9 @@
751
751
  text-decoration: none;
752
752
  }
753
753
  .text-xs-bold {
754
- font-family: Figtree;
754
+ font-family: var(--font-figtree);
755
755
  font-weight: Bold;
756
- line-height: 18px;
756
+ line-height: 110px;
757
757
  font-size: 12px;
758
758
  letter-spacing: 0px;
759
759
  margin-bottom: 12px;