@rescui/typography 0.19.1 → 0.19.2-RUI-226-Update-card-cn-baacc2f1.68

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 (14) hide show
  1. package/lib/font-jb-sans-auto-cn-cdn.css +9 -9
  2. package/lib/font-jb-sans-auto.css +9 -9
  3. package/lib/font-jb-sans-cn-cdn.css +6 -6
  4. package/lib/font-jb-sans-variable-cn-cdn.css +3 -3
  5. package/lib/font-jb-sans-variable.css +3 -3
  6. package/lib/font-jb-sans.css +6 -6
  7. package/lib/index-moduled.css +342 -256
  8. package/lib/index-moduled.p.module.css.js +120 -120
  9. package/lib/index.css +227 -141
  10. package/lib/mixins.p.css +446 -281
  11. package/lib/mixins.pcss +446 -281
  12. package/lib/public-api.p.css +894 -414
  13. package/lib/public-api.pcss +894 -414
  14. package/package.json +7 -6
package/lib/public-api.p.css CHANGED
@@ -62,7 +62,7 @@
62
62
  color:var(--_rs-typography-base-color);
63
63
  }
64
64
  @define-mixin rs-typography-digits-1{
65
- --_rs-typography-letter-spacing:-0.005em;
65
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
66
66
  --_rs-typography-text-transform:initial;
67
67
  --_rs-typography-font-variant-numeric:tabular-nums;
68
68
  --_rs-typography-font-family:var(
@@ -72,16 +72,16 @@
72
72
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
73
73
  );
74
74
  --_rs-typography-font-size:var(
75
- --rs-digits-1-font-size,
76
- 69px
75
+ --_rs-typography-digits-1-sm-font-size,
76
+ var(--rs-digits-1-font-size, 69px)
77
77
  );
78
78
  --_rs-typography-font-weight:var(
79
79
  --rs-font-weight-light,
80
80
  300
81
81
  );
82
82
  --_rs-typography-line-height:var(
83
- --rs-digits-1-line-height,
84
- 71px
83
+ --_rs-typography-digits-1-sm-line-height,
84
+ var(--rs-digits-1-line-height, 71px)
85
85
  );
86
86
  --_rs-typography-base-color:var(
87
87
  --_rs-typography-hardness-color,
@@ -98,16 +98,31 @@
98
98
 
99
99
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
100
100
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
101
- --_rs-typography-link-border-bottom-width-from-text:3px;
102
- @media screen and (max-width: 640px){
103
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
104
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
101
+ --_rs-typography-link-border-bottom-width-from-text:var(
102
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
103
+ 3px
104
+ );
105
105
 
106
- --_rs-typography-link-border-bottom-width-from-text:2px;
106
+ @media screen and (max-width: 640px){
107
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
108
+ --_rs-typography-digits-1-sm-line-height:var(
109
+ --rs-digits-2-line-height,
110
+ 44px
111
+ );
112
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
107
113
  }
108
114
  }
115
+ @define-mixin rs-typography-digits-1-sm{
116
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
117
+ --_rs-typography-digits-1-sm-line-height:var(
118
+ --rs-digits-2-line-height,
119
+ 44px
120
+ );
121
+
122
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
123
+ }
109
124
  @define-mixin rs-typography-digits-2{
110
- --_rs-typography-letter-spacing:-0.005em;
125
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
111
126
  --_rs-typography-text-transform:initial;
112
127
  --_rs-typography-font-variant-numeric:tabular-nums;
113
128
  --_rs-typography-font-family:var(
@@ -146,7 +161,13 @@
146
161
  --_rs-typography-link-border-bottom-width-from-text:2px;
147
162
  }
148
163
  @define-mixin rs-typography-super-hero{
149
- --_rs-typography-letter-spacing:-0.02em;
164
+ --_rs-typography-letter-spacing:var(
165
+ --_rs-typography-super-hero-sm-letter-spacing,
166
+ var(
167
+ --_rs-typography-super-hero-md-letter-spacing,
168
+ var(--rs-super-hero-letter-spacing, -0.02em)
169
+ )
170
+ );
150
171
  --_rs-typography-text-transform:initial;
151
172
  --_rs-typography-font-variant-numeric:initial;
152
173
  --_rs-typography-font-family:var(
@@ -156,16 +177,22 @@
156
177
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
157
178
  );
158
179
  --_rs-typography-font-size:var(
159
- --rs-super-hero-font-size,
160
- 142px
180
+ --_rs-typography-super-hero-sm-font-size,
181
+ var(
182
+ --_rs-typography-super-hero-md-font-size,
183
+ var(--rs-super-hero-font-size, 142px)
184
+ )
161
185
  );
162
186
  --_rs-typography-font-weight:var(
163
187
  --rs-font-weight-semi-bold,
164
188
  600
165
189
  );
166
190
  --_rs-typography-line-height:var(
167
- --rs-super-hero-line-height,
168
- 142px
191
+ --_rs-typography-super-hero-sm-line-height,
192
+ var(
193
+ --_rs-typography-super-hero-md-line-height,
194
+ var(--rs-super-hero-line-height, 142px)
195
+ )
169
196
  );
170
197
  --_rs-typography-base-color:var(
171
198
  --_rs-typography-heading-hardness-color,
@@ -182,36 +209,80 @@
182
209
 
183
210
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
184
211
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
185
- --_rs-typography-link-border-bottom-width-from-text:4px;
186
- @media screen and (max-width: 1000px){
187
- --_rs-typography-font-size:var(
188
- --rs-middle-hero-font-size,
189
- 92px
190
- );
191
- --_rs-typography-line-height:var(
192
- --rs-middle-hero-line-height,
193
- 92px
194
- );
195
- --_rs-typography-letter-spacing:-0.008em;
212
+ --_rs-typography-link-border-bottom-width-from-text:var(
213
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
214
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
215
+ );
196
216
 
197
- --_rs-typography-link-border-bottom-width-from-text:3px;
217
+ @media screen and (max-width: 1000px){
218
+ --_rs-typography-super-hero-md-font-size:var(
219
+ --rs-middle-hero-font-size,
220
+ 92px
221
+ );
222
+ --_rs-typography-super-hero-md-line-height:var(
223
+ --rs-middle-hero-line-height,
224
+ 92px
225
+ );
226
+ --_rs-typography-super-hero-md-letter-spacing:var(
227
+ --rs-middle-hero-letter-spacing,
228
+ -0.008em
229
+ );
230
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
198
231
  }
199
- @media screen and (max-width: 640px){
200
- --_rs-typography-font-size:var(
201
- --rs-middle-hero-font-size-mobile,
202
- 58px
203
- );
204
- --_rs-typography-line-height:var(
205
- --rs-middle-hero-line-height-mobile,
206
- 62px
207
- );
208
- --_rs-typography-letter-spacing:-0.0007em;
209
232
 
210
- --_rs-typography-link-border-bottom-width-from-text:2px;
233
+ @media screen and (max-width: 640px){
234
+ --_rs-typography-super-hero-sm-font-size:var(
235
+ --rs-middle-hero-font-size-mobile,
236
+ 58px
237
+ );
238
+ --_rs-typography-super-hero-sm-line-height:var(
239
+ --rs-middle-hero-line-height-mobile,
240
+ 62px
241
+ );
242
+ --_rs-typography-super-hero-sm-letter-spacing:var(
243
+ --rs-middle-hero-letter-spacing-mobile,
244
+ -0.0007em
245
+ );
246
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
211
247
  }
212
248
  }
249
+ @define-mixin rs-typography-super-hero-md{
250
+ --_rs-typography-super-hero-md-font-size:var(
251
+ --rs-middle-hero-font-size,
252
+ 92px
253
+ );
254
+ --_rs-typography-super-hero-md-line-height:var(
255
+ --rs-middle-hero-line-height,
256
+ 92px
257
+ );
258
+ --_rs-typography-super-hero-md-letter-spacing:var(
259
+ --rs-middle-hero-letter-spacing,
260
+ -0.008em
261
+ );
262
+
263
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
264
+ }
265
+ @define-mixin rs-typography-super-hero-sm{
266
+ --_rs-typography-super-hero-sm-font-size:var(
267
+ --rs-middle-hero-font-size-mobile,
268
+ 58px
269
+ );
270
+ --_rs-typography-super-hero-sm-line-height:var(
271
+ --rs-middle-hero-line-height-mobile,
272
+ 62px
273
+ );
274
+ --_rs-typography-super-hero-sm-letter-spacing:var(
275
+ --rs-middle-hero-letter-spacing-mobile,
276
+ -0.0007em
277
+ );
278
+
279
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
280
+ }
213
281
  @define-mixin rs-typography-middle-hero{
214
- --_rs-typography-letter-spacing:-0.008em;
282
+ --_rs-typography-letter-spacing:var(
283
+ --_rs-typography-middle-hero-sm-letter-spacing,
284
+ var(--rs-middle-hero-letter-spacing, -0.008em)
285
+ );
215
286
  --_rs-typography-text-transform:initial;
216
287
  --_rs-typography-font-variant-numeric:initial;
217
288
  --_rs-typography-font-family:var(
@@ -221,16 +292,16 @@
221
292
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
222
293
  );
223
294
  --_rs-typography-font-size:var(
224
- --rs-middle-hero-font-size,
225
- 92px
295
+ --_rs-typography-middle-hero-sm-font-size,
296
+ var(--rs-middle-hero-font-size, 92px)
226
297
  );
227
298
  --_rs-typography-font-weight:var(
228
299
  --rs-font-weight-semi-bold,
229
300
  600
230
301
  );
231
302
  --_rs-typography-line-height:var(
232
- --rs-middle-hero-line-height,
233
- 92px
303
+ --_rs-typography-middle-hero-sm-line-height,
304
+ var(--rs-middle-hero-line-height, 92px)
234
305
  );
235
306
  --_rs-typography-base-color:var(
236
307
  --_rs-typography-heading-hardness-color,
@@ -247,23 +318,48 @@
247
318
 
248
319
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
249
320
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
250
- --_rs-typography-link-border-bottom-width-from-text:3px;
251
- @media screen and (max-width: 640px){
252
- --_rs-typography-font-size:var(
253
- --rs-middle-hero-font-size-mobile,
254
- 58px
255
- );
256
- --_rs-typography-line-height:var(
257
- --rs-middle-hero-line-height-mobile,
258
- 62px
259
- );
260
- --_rs-typography-letter-spacing:-0.0007em;
321
+ --_rs-typography-link-border-bottom-width-from-text:var(
322
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
323
+ 3px
324
+ );
261
325
 
262
- --_rs-typography-link-border-bottom-width-from-text:2px;
326
+ @media screen and (max-width: 640px){
327
+ --_rs-typography-middle-hero-sm-font-size:var(
328
+ --rs-middle-hero-font-size-mobile,
329
+ 58px
330
+ );
331
+ --_rs-typography-middle-hero-sm-line-height:var(
332
+ --rs-middle-hero-line-height-mobile,
333
+ 62px
334
+ );
335
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
336
+ --rs-middle-hero-letter-spacing-mobile,
337
+ -0.0007em
338
+ );
339
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
263
340
  }
264
341
  }
342
+ @define-mixin rs-typography-middle-hero-sm{
343
+ --_rs-typography-middle-hero-sm-font-size:var(
344
+ --rs-middle-hero-font-size-mobile,
345
+ 58px
346
+ );
347
+ --_rs-typography-middle-hero-sm-line-height:var(
348
+ --rs-middle-hero-line-height-mobile,
349
+ 62px
350
+ );
351
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
352
+ --rs-middle-hero-letter-spacing-mobile,
353
+ -0.0007em
354
+ );
355
+
356
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
357
+ }
265
358
  @define-mixin rs-typography-hero{
266
- --_rs-typography-letter-spacing:-0.005em;
359
+ --_rs-typography-letter-spacing:var(
360
+ --_rs-typography-hero-sm-letter-spacing,
361
+ var(--rs-hero-letter-spacing, -0.005em)
362
+ );
267
363
  --_rs-typography-text-transform:initial;
268
364
  --_rs-typography-font-variant-numeric:initial;
269
365
  --_rs-typography-font-family:var(
@@ -272,14 +368,17 @@
272
368
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
273
369
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
274
370
  );
275
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
371
+ --_rs-typography-font-size:var(
372
+ --_rs-typography-hero-sm-font-size,
373
+ var(--rs-hero-font-size, 72px)
374
+ );
276
375
  --_rs-typography-font-weight:var(
277
376
  --rs-font-weight-semi-bold,
278
377
  600
279
378
  );
280
379
  --_rs-typography-line-height:var(
281
- --rs-hero-line-height,
282
- 72px
380
+ --_rs-typography-hero-sm-line-height,
381
+ var(--rs-hero-line-height, 72px)
283
382
  );
284
383
  --_rs-typography-base-color:var(
285
384
  --_rs-typography-heading-hardness-color,
@@ -296,23 +395,45 @@
296
395
 
297
396
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
298
397
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
299
- --_rs-typography-link-border-bottom-width-from-text:3px;
300
- @media screen and (max-width: 640px){
301
- --_rs-typography-font-size:var(
302
- --rs-hero-font-size-mobile,
303
- 42px
304
- );
305
- --_rs-typography-line-height:var(
306
- --rs-hero-line-height-mobile,
307
- 50px
308
- );
309
- --_rs-typography-letter-spacing:-0.001em;
398
+ --_rs-typography-link-border-bottom-width-from-text:var(
399
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
400
+ 3px
401
+ );
310
402
 
311
- --_rs-typography-link-border-bottom-width-from-text:2px;
403
+ @media screen and (max-width: 640px){
404
+ --_rs-typography-hero-sm-font-size:var(
405
+ --rs-hero-font-size-mobile,
406
+ 42px
407
+ );
408
+ --_rs-typography-hero-sm-line-height:var(
409
+ --rs-hero-line-height-mobile,
410
+ 50px
411
+ );
412
+ --_rs-typography-hero-sm-letter-spacing:var(
413
+ --rs-hero-letter-spacing-mobile,
414
+ -0.001em
415
+ );
416
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
312
417
  }
313
418
  }
419
+ @define-mixin rs-typography-hero-sm{
420
+ --_rs-typography-hero-sm-font-size:var(
421
+ --rs-hero-font-size-mobile,
422
+ 42px
423
+ );
424
+ --_rs-typography-hero-sm-line-height:var(
425
+ --rs-hero-line-height-mobile,
426
+ 50px
427
+ );
428
+ --_rs-typography-hero-sm-letter-spacing:var(
429
+ --rs-hero-letter-spacing-mobile,
430
+ -0.001em
431
+ );
432
+
433
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
434
+ }
314
435
  @define-mixin rs-typography-subtitle-1{
315
- --_rs-typography-letter-spacing:normal;
436
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
316
437
  --_rs-typography-text-transform:initial;
317
438
  --_rs-typography-font-variant-numeric:initial;
318
439
  --_rs-typography-font-family:var(
@@ -322,16 +443,16 @@
322
443
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
323
444
  );
324
445
  --_rs-typography-font-size:var(
325
- --rs-subtitle-1-font-size,
326
- 39px
446
+ --_rs-typography-subtitle-1-sm-font-size,
447
+ var(--rs-subtitle-1-font-size, 39px)
327
448
  );
328
449
  --_rs-typography-font-weight:var(
329
450
  --rs-font-weight-light,
330
451
  300
331
452
  );
332
453
  --_rs-typography-line-height:var(
333
- --rs-subtitle-1-line-height,
334
- 49px
454
+ --_rs-typography-subtitle-1-sm-line-height,
455
+ var(--rs-subtitle-1-line-height, 49px)
335
456
  );
336
457
  --_rs-typography-base-color:var(
337
458
  --_rs-typography-hardness-color,
@@ -349,19 +470,30 @@
349
470
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
350
471
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
351
472
  --_rs-typography-link-border-bottom-width-from-text:2px;
473
+
352
474
  @media screen and (max-width: 640px){
353
- --_rs-typography-font-size:var(
354
- --rs-subtitle-2-font-size-mobile,
355
- 23px
356
- );
357
- --_rs-typography-line-height:var(
358
- --rs-subtitle-2-line-height-mobile,
359
- 30px
360
- );
475
+ --_rs-typography-subtitle-1-sm-font-size:var(
476
+ --rs-subtitle-2-font-size-mobile,
477
+ 23px
478
+ );
479
+ --_rs-typography-subtitle-1-sm-line-height:var(
480
+ --rs-subtitle-2-line-height-mobile,
481
+ 30px
482
+ );
361
483
  }
362
484
  }
485
+ @define-mixin rs-typography-subtitle-1-sm{
486
+ --_rs-typography-subtitle-1-sm-font-size:var(
487
+ --rs-subtitle-2-font-size-mobile,
488
+ 23px
489
+ );
490
+ --_rs-typography-subtitle-1-sm-line-height:var(
491
+ --rs-subtitle-2-line-height-mobile,
492
+ 30px
493
+ );
494
+ }
363
495
  @define-mixin rs-typography-subtitle-2{
364
- --_rs-typography-letter-spacing:normal;
496
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
365
497
  --_rs-typography-text-transform:initial;
366
498
  --_rs-typography-font-variant-numeric:initial;
367
499
  --_rs-typography-font-family:var(
@@ -371,16 +503,16 @@
371
503
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
372
504
  );
373
505
  --_rs-typography-font-size:var(
374
- --rs-subtitle-2-font-size,
375
- 29px
506
+ --_rs-typography-subtitle-2-sm-font-size,
507
+ var(--rs-subtitle-2-font-size, 29px)
376
508
  );
377
509
  --_rs-typography-font-weight:var(
378
510
  --rs-font-weight-light,
379
511
  300
380
512
  );
381
513
  --_rs-typography-line-height:var(
382
- --rs-subtitle-2-line-height,
383
- 39px
514
+ --_rs-typography-subtitle-2-sm-line-height,
515
+ var(--rs-subtitle-2-line-height, 39px)
384
516
  );
385
517
  --_rs-typography-base-color:var(
386
518
  --_rs-typography-hardness-color,
@@ -398,19 +530,33 @@
398
530
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
399
531
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
400
532
  --_rs-typography-link-border-bottom-width-from-text:2px;
533
+
401
534
  @media screen and (max-width: 640px){
402
- --_rs-typography-font-size:var(
403
- --rs-subtitle-2-font-size-mobile,
404
- 23px
405
- );
406
- --_rs-typography-line-height:var(
407
- --rs-subtitle-2-line-height-mobile,
408
- 30px
409
- );
535
+ --_rs-typography-subtitle-2-sm-font-size:var(
536
+ --rs-subtitle-2-font-size-mobile,
537
+ 23px
538
+ );
539
+ --_rs-typography-subtitle-2-sm-line-height:var(
540
+ --rs-subtitle-2-line-height-mobile,
541
+ 30px
542
+ );
410
543
  }
411
544
  }
545
+ @define-mixin rs-typography-subtitle-2-sm{
546
+ --_rs-typography-subtitle-2-sm-font-size:var(
547
+ --rs-subtitle-2-font-size-mobile,
548
+ 23px
549
+ );
550
+ --_rs-typography-subtitle-2-sm-line-height:var(
551
+ --rs-subtitle-2-line-height-mobile,
552
+ 30px
553
+ );
554
+ }
412
555
  @define-mixin rs-typography-h1{
413
- --_rs-typography-letter-spacing:-0.001em;
556
+ --_rs-typography-letter-spacing:var(
557
+ --_rs-typography-h1-sm-letter-spacing,
558
+ var(--rs-h1-letter-spacing, -0.001em)
559
+ );
414
560
  --_rs-typography-text-transform:initial;
415
561
  --_rs-typography-font-variant-numeric:initial;
416
562
  --_rs-typography-font-family:var(
@@ -419,12 +565,18 @@
419
565
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
420
566
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
421
567
  );
422
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
568
+ --_rs-typography-font-size:var(
569
+ --_rs-typography-h1-sm-font-size,
570
+ var(--rs-h1-font-size, 43px)
571
+ );
423
572
  --_rs-typography-font-weight:var(
424
573
  --rs-font-weight-semi-bold,
425
574
  600
426
575
  );
427
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
576
+ --_rs-typography-line-height:var(
577
+ --_rs-typography-h1-sm-line-height,
578
+ var(--rs-h1-line-height, 49px)
579
+ );
428
580
  --_rs-typography-base-color:var(
429
581
  --_rs-typography-heading-hardness-color,
430
582
  var(
@@ -441,20 +593,38 @@
441
593
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
442
594
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
443
595
  --_rs-typography-link-border-bottom-width-from-text:2px;
596
+
444
597
  @media screen and (max-width: 640px){
445
- --_rs-typography-font-size:var(
446
- --rs-h1-font-size-mobile,
447
- 35px
448
- );
449
- --_rs-typography-line-height:var(
450
- --rs-h1-line-height-mobile,
451
- 39px
452
- );
453
- --_rs-typography-letter-spacing:normal;
598
+ --_rs-typography-h1-sm-font-size:var(
599
+ --rs-h1-font-size-mobile,
600
+ 35px
601
+ );
602
+ --_rs-typography-h1-sm-line-height:var(
603
+ --rs-h1-line-height-mobile,
604
+ 39px
605
+ );
606
+ --_rs-typography-h1-sm-letter-spacing:var(
607
+ --rs-h1-letter-spacing-mobile,
608
+ normal
609
+ );
454
610
  }
455
611
  }
612
+ @define-mixin rs-typography-h1-sm{
613
+ --_rs-typography-h1-sm-font-size:var(
614
+ --rs-h1-font-size-mobile,
615
+ 35px
616
+ );
617
+ --_rs-typography-h1-sm-line-height:var(
618
+ --rs-h1-line-height-mobile,
619
+ 39px
620
+ );
621
+ --_rs-typography-h1-sm-letter-spacing:var(
622
+ --rs-h1-letter-spacing-mobile,
623
+ normal
624
+ );
625
+ }
456
626
  @define-mixin rs-typography-h2{
457
- --_rs-typography-letter-spacing:normal;
627
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
458
628
  --_rs-typography-text-transform:initial;
459
629
  --_rs-typography-font-variant-numeric:initial;
460
630
  --_rs-typography-font-family:var(
@@ -463,12 +633,18 @@
463
633
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
464
634
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
465
635
  );
466
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
636
+ --_rs-typography-font-size:var(
637
+ --_rs-typography-h2-sm-font-size,
638
+ var(--rs-h2-font-size, 35px)
639
+ );
467
640
  --_rs-typography-font-weight:var(
468
641
  --rs-font-weight-semi-bold,
469
642
  600
470
643
  );
471
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
644
+ --_rs-typography-line-height:var(
645
+ --_rs-typography-h2-sm-line-height,
646
+ var(--rs-h2-line-height, 42px)
647
+ );
472
648
  --_rs-typography-base-color:var(
473
649
  --_rs-typography-heading-hardness-color,
474
650
  var(
@@ -485,19 +661,30 @@
485
661
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
486
662
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
487
663
  --_rs-typography-link-border-bottom-width-from-text:2px;
664
+
488
665
  @media screen and (max-width: 640px){
489
- --_rs-typography-font-size:var(
490
- --rs-h2-font-size-mobile,
491
- 28px
492
- );
493
- --_rs-typography-line-height:var(
494
- --rs-h2-line-height-mobile,
495
- 32px
496
- );
666
+ --_rs-typography-h2-sm-font-size:var(
667
+ --rs-h2-font-size-mobile,
668
+ 28px
669
+ );
670
+ --_rs-typography-h2-sm-line-height:var(
671
+ --rs-h2-line-height-mobile,
672
+ 32px
673
+ );
497
674
  }
498
675
  }
676
+ @define-mixin rs-typography-h2-sm{
677
+ --_rs-typography-h2-sm-font-size:var(
678
+ --rs-h2-font-size-mobile,
679
+ 28px
680
+ );
681
+ --_rs-typography-h2-sm-line-height:var(
682
+ --rs-h2-line-height-mobile,
683
+ 32px
684
+ );
685
+ }
499
686
  @define-mixin rs-typography-h3{
500
- --_rs-typography-letter-spacing:normal;
687
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
501
688
  --_rs-typography-text-transform:initial;
502
689
  --_rs-typography-font-variant-numeric:initial;
503
690
  --_rs-typography-font-family:var(
@@ -530,7 +717,7 @@
530
717
  --_rs-typography-link-border-bottom-width-from-text:2px;
531
718
  }
532
719
  @define-mixin rs-typography-h4{
533
- --_rs-typography-letter-spacing:normal;
720
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
534
721
  --_rs-typography-text-transform:initial;
535
722
  --_rs-typography-font-variant-numeric:initial;
536
723
  --_rs-typography-font-family:var(
@@ -563,7 +750,7 @@
563
750
  --_rs-typography-link-border-bottom-width-from-text:2px;
564
751
  }
565
752
  @define-mixin rs-typography-h5{
566
- --_rs-typography-letter-spacing:normal;
753
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
567
754
  --_rs-typography-text-transform:initial;
568
755
  --_rs-typography-font-variant-numeric:initial;
569
756
  --_rs-typography-font-family:var(
@@ -596,7 +783,7 @@
596
783
  --_rs-typography-link-border-bottom-width-from-text:2px;
597
784
  }
598
785
  @define-mixin rs-typography-text-1{
599
- --_rs-typography-letter-spacing:normal;
786
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
600
787
  --_rs-typography-text-transform:initial;
601
788
  --_rs-typography-font-variant-numeric:initial;
602
789
  --_rs-typography-font-family:var(
@@ -625,17 +812,24 @@
625
812
 
626
813
  --_rs-typography-ul-list-li-padding-left:26px;
627
814
  --_rs-typography-ol-list-li-padding-left:32px;
628
- --_rs-typography-list-li-margin-top-from-text:24px;
815
+ --_rs-typography-list-li-margin-top-from-text:var(
816
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
817
+ 24px
818
+ );
629
819
 
630
820
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
631
821
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
632
822
  --_rs-typography-link-border-bottom-width-from-text:1px;
823
+
633
824
  @media screen and (max-width: 640px){
634
- --_rs-typography-list-li-margin-top-from-text:16px;
825
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
635
826
  }
636
827
  }
828
+ @define-mixin rs-typography-text-1-sm{
829
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
830
+ }
637
831
  @define-mixin rs-typography-text-2{
638
- --_rs-typography-letter-spacing:0.0015em;
832
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
639
833
  --_rs-typography-text-transform:initial;
640
834
  --_rs-typography-font-variant-numeric:initial;
641
835
  --_rs-typography-font-family:var(
@@ -664,17 +858,24 @@
664
858
 
665
859
  --_rs-typography-ul-list-li-padding-left:22px;
666
860
  --_rs-typography-ol-list-li-padding-left:26px;
667
- --_rs-typography-list-li-margin-top-from-text:16px;
861
+ --_rs-typography-list-li-margin-top-from-text:var(
862
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
863
+ 16px
864
+ );
668
865
 
669
866
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
670
867
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
671
868
  --_rs-typography-link-border-bottom-width-from-text:1px;
869
+
672
870
  @media screen and (max-width: 640px){
673
- --_rs-typography-list-li-margin-top-from-text:12px;
871
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
674
872
  }
675
873
  }
874
+ @define-mixin rs-typography-text-2-sm{
875
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
876
+ }
676
877
  @define-mixin rs-typography-text-3{
677
- --_rs-typography-letter-spacing:0.0045em;
878
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
678
879
  --_rs-typography-text-transform:initial;
679
880
  --_rs-typography-font-variant-numeric:initial;
680
881
  --_rs-typography-font-family:var(
@@ -710,7 +911,7 @@
710
911
  --_rs-typography-link-border-bottom-width-from-text:1px;
711
912
  }
712
913
  @define-mixin rs-typography-overline{
713
- --_rs-typography-letter-spacing:0.1em;
914
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
714
915
  --_rs-typography-text-transform:uppercase;
715
916
  --_rs-typography-font-variant-numeric:initial;
716
917
  --_rs-typography-font-family:var(
@@ -788,17 +989,31 @@
788
989
  --_rs-typography-list-li-margin-top:12px;
789
990
  }
790
991
  @define-mixin rs-typography-list-offset-items-16{
791
- --_rs-typography-list-li-margin-top:16px;
992
+ --_rs-typography-list-li-margin-top:var(
993
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
994
+ 16px
995
+ );
996
+
792
997
  @media screen and (max-width: 640px){
793
- --_rs-typography-list-li-margin-top:12px;
998
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
794
999
  }
795
1000
  }
1001
+ @define-mixin rs-typography-list-offset-items-16-sm{
1002
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
1003
+ }
796
1004
  @define-mixin rs-typography-list-offset-items-24{
797
- --_rs-typography-list-li-margin-top:24px;
1005
+ --_rs-typography-list-li-margin-top:var(
1006
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
1007
+ 24px
1008
+ );
1009
+
798
1010
  @media screen and (max-width: 640px){
799
- --_rs-typography-list-li-margin-top:16px;
1011
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
800
1012
  }
801
1013
  }
1014
+ @define-mixin rs-typography-list-offset-items-24-sm{
1015
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
1016
+ }
802
1017
  @define-mixin rs-typography-list-offset-items-auto{
803
1018
  --_rs-typography-list-li-margin-top:initial;
804
1019
  }
@@ -981,7 +1196,10 @@
981
1196
  @define-mixin rs-typography-paragraph-auto-offset-styles{
982
1197
  & > p:not(:nth-child(1)),
983
1198
  & > pre:not(:nth-child(1)){
984
- margin-top:var(--_rs-typography-text-auto-offset, 0);
1199
+ margin-top:var(
1200
+ --rs-typography-text-auto-offset,
1201
+ var(--_rs-typography-text-auto-offset, 0)
1202
+ );
985
1203
  }
986
1204
  }
987
1205
  @define-mixin rs-typography-list-styles{
@@ -1018,10 +1236,16 @@
1018
1236
  position:relative;
1019
1237
 
1020
1238
  margin-top:var(
1021
- --_rs-typography-list-li-margin-top,
1022
- var(--_rs-typography-list-li-margin-top-fallback)
1239
+ --rs-typography-list-li-margin-top,
1240
+ var(
1241
+ --_rs-typography-list-li-margin-top,
1242
+ var(--_rs-typography-list-li-margin-top-fallback)
1243
+ )
1244
+ );
1245
+ padding-left:var(
1246
+ --rs-typography-list-li-padding-left,
1247
+ var(--_rs-typography-list-li-padding-left)
1023
1248
  );
1024
- padding-left:var(--_rs-typography-list-li-padding-left);
1025
1249
 
1026
1250
  list-style-type:none;
1027
1251
  }
@@ -1324,6 +1548,7 @@
1324
1548
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1325
1549
 
1326
1550
  transition:margin-right 300ms, margin-left 300ms;
1551
+ font-feature-settings:"ss20" 1;
1327
1552
  }
1328
1553
 
1329
1554
  &:focus[data-focus-method='key']{
@@ -1347,7 +1572,7 @@
1347
1572
  --rs-theme-dark:1;
1348
1573
  }
1349
1574
  @define-mixin rs-typography-digits-1-full{
1350
- --_rs-typography-letter-spacing:-0.005em;
1575
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
1351
1576
  --_rs-typography-text-transform:initial;
1352
1577
  --_rs-typography-font-variant-numeric:tabular-nums;
1353
1578
  --_rs-typography-font-family:var(
@@ -1357,16 +1582,16 @@
1357
1582
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1358
1583
  );
1359
1584
  --_rs-typography-font-size:var(
1360
- --rs-digits-1-font-size,
1361
- 69px
1585
+ --_rs-typography-digits-1-sm-font-size,
1586
+ var(--rs-digits-1-font-size, 69px)
1362
1587
  );
1363
1588
  --_rs-typography-font-weight:var(
1364
1589
  --rs-font-weight-light,
1365
1590
  300
1366
1591
  );
1367
1592
  --_rs-typography-line-height:var(
1368
- --rs-digits-1-line-height,
1369
- 71px
1593
+ --_rs-typography-digits-1-sm-line-height,
1594
+ var(--rs-digits-1-line-height, 71px)
1370
1595
  );
1371
1596
  --_rs-typography-base-color:var(
1372
1597
  --_rs-typography-hardness-color,
@@ -1381,12 +1606,17 @@
1381
1606
  --_rs-typography-list-li-margin-top-from-text:initial;
1382
1607
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1383
1608
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1384
- --_rs-typography-link-border-bottom-width-from-text:3px;
1609
+ --_rs-typography-link-border-bottom-width-from-text:var(
1610
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
1611
+ 3px
1612
+ );
1385
1613
  @media screen and (max-width: 640px){
1386
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
1387
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
1388
-
1389
- --_rs-typography-link-border-bottom-width-from-text:2px;
1614
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
1615
+ --_rs-typography-digits-1-sm-line-height:var(
1616
+ --rs-digits-2-line-height,
1617
+ 44px
1618
+ );
1619
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
1390
1620
  }
1391
1621
  --_rs-theme-dark:var(
1392
1622
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1409,7 +1639,7 @@
1409
1639
  color:var(--_rs-typography-base-color);
1410
1640
  }
1411
1641
  @define-mixin rs-typography-digits-2-full{
1412
- --_rs-typography-letter-spacing:-0.005em;
1642
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
1413
1643
  --_rs-typography-text-transform:initial;
1414
1644
  --_rs-typography-font-variant-numeric:tabular-nums;
1415
1645
  --_rs-typography-font-family:var(
@@ -1465,7 +1695,13 @@
1465
1695
  color:var(--_rs-typography-base-color);
1466
1696
  }
1467
1697
  @define-mixin rs-typography-super-hero-full{
1468
- --_rs-typography-letter-spacing:-0.02em;
1698
+ --_rs-typography-letter-spacing:var(
1699
+ --_rs-typography-super-hero-sm-letter-spacing,
1700
+ var(
1701
+ --_rs-typography-super-hero-md-letter-spacing,
1702
+ var(--rs-super-hero-letter-spacing, -0.02em)
1703
+ )
1704
+ );
1469
1705
  --_rs-typography-text-transform:initial;
1470
1706
  --_rs-typography-font-variant-numeric:initial;
1471
1707
  --_rs-typography-font-family:var(
@@ -1475,16 +1711,22 @@
1475
1711
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1476
1712
  );
1477
1713
  --_rs-typography-font-size:var(
1478
- --rs-super-hero-font-size,
1479
- 142px
1714
+ --_rs-typography-super-hero-sm-font-size,
1715
+ var(
1716
+ --_rs-typography-super-hero-md-font-size,
1717
+ var(--rs-super-hero-font-size, 142px)
1718
+ )
1480
1719
  );
1481
1720
  --_rs-typography-font-weight:var(
1482
1721
  --rs-font-weight-semi-bold,
1483
1722
  600
1484
1723
  );
1485
1724
  --_rs-typography-line-height:var(
1486
- --rs-super-hero-line-height,
1487
- 142px
1725
+ --_rs-typography-super-hero-sm-line-height,
1726
+ var(
1727
+ --_rs-typography-super-hero-md-line-height,
1728
+ var(--rs-super-hero-line-height, 142px)
1729
+ )
1488
1730
  );
1489
1731
  --_rs-typography-base-color:var(
1490
1732
  --_rs-typography-heading-hardness-color,
@@ -1499,32 +1741,39 @@
1499
1741
  --_rs-typography-list-li-margin-top-from-text:initial;
1500
1742
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1501
1743
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1502
- --_rs-typography-link-border-bottom-width-from-text:4px;
1744
+ --_rs-typography-link-border-bottom-width-from-text:var(
1745
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
1746
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
1747
+ );
1503
1748
  @media screen and (max-width: 1000px){
1504
- --_rs-typography-font-size:var(
1505
- --rs-middle-hero-font-size,
1506
- 92px
1507
- );
1508
- --_rs-typography-line-height:var(
1509
- --rs-middle-hero-line-height,
1510
- 92px
1511
- );
1512
- --_rs-typography-letter-spacing:-0.008em;
1513
-
1514
- --_rs-typography-link-border-bottom-width-from-text:3px;
1749
+ --_rs-typography-super-hero-md-font-size:var(
1750
+ --rs-middle-hero-font-size,
1751
+ 92px
1752
+ );
1753
+ --_rs-typography-super-hero-md-line-height:var(
1754
+ --rs-middle-hero-line-height,
1755
+ 92px
1756
+ );
1757
+ --_rs-typography-super-hero-md-letter-spacing:var(
1758
+ --rs-middle-hero-letter-spacing,
1759
+ -0.008em
1760
+ );
1761
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
1515
1762
  }
1516
1763
  @media screen and (max-width: 640px){
1517
- --_rs-typography-font-size:var(
1518
- --rs-middle-hero-font-size-mobile,
1519
- 58px
1520
- );
1521
- --_rs-typography-line-height:var(
1522
- --rs-middle-hero-line-height-mobile,
1523
- 62px
1524
- );
1525
- --_rs-typography-letter-spacing:-0.0007em;
1526
-
1527
- --_rs-typography-link-border-bottom-width-from-text:2px;
1764
+ --_rs-typography-super-hero-sm-font-size:var(
1765
+ --rs-middle-hero-font-size-mobile,
1766
+ 58px
1767
+ );
1768
+ --_rs-typography-super-hero-sm-line-height:var(
1769
+ --rs-middle-hero-line-height-mobile,
1770
+ 62px
1771
+ );
1772
+ --_rs-typography-super-hero-sm-letter-spacing:var(
1773
+ --rs-middle-hero-letter-spacing-mobile,
1774
+ -0.0007em
1775
+ );
1776
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
1528
1777
  }
1529
1778
  --_rs-theme-dark:var(
1530
1779
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1547,7 +1796,10 @@
1547
1796
  color:var(--_rs-typography-base-color);
1548
1797
  }
1549
1798
  @define-mixin rs-typography-middle-hero-full{
1550
- --_rs-typography-letter-spacing:-0.008em;
1799
+ --_rs-typography-letter-spacing:var(
1800
+ --_rs-typography-middle-hero-sm-letter-spacing,
1801
+ var(--rs-middle-hero-letter-spacing, -0.008em)
1802
+ );
1551
1803
  --_rs-typography-text-transform:initial;
1552
1804
  --_rs-typography-font-variant-numeric:initial;
1553
1805
  --_rs-typography-font-family:var(
@@ -1557,16 +1809,16 @@
1557
1809
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1558
1810
  );
1559
1811
  --_rs-typography-font-size:var(
1560
- --rs-middle-hero-font-size,
1561
- 92px
1812
+ --_rs-typography-middle-hero-sm-font-size,
1813
+ var(--rs-middle-hero-font-size, 92px)
1562
1814
  );
1563
1815
  --_rs-typography-font-weight:var(
1564
1816
  --rs-font-weight-semi-bold,
1565
1817
  600
1566
1818
  );
1567
1819
  --_rs-typography-line-height:var(
1568
- --rs-middle-hero-line-height,
1569
- 92px
1820
+ --_rs-typography-middle-hero-sm-line-height,
1821
+ var(--rs-middle-hero-line-height, 92px)
1570
1822
  );
1571
1823
  --_rs-typography-base-color:var(
1572
1824
  --_rs-typography-heading-hardness-color,
@@ -1581,19 +1833,24 @@
1581
1833
  --_rs-typography-list-li-margin-top-from-text:initial;
1582
1834
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1583
1835
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1584
- --_rs-typography-link-border-bottom-width-from-text:3px;
1836
+ --_rs-typography-link-border-bottom-width-from-text:var(
1837
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
1838
+ 3px
1839
+ );
1585
1840
  @media screen and (max-width: 640px){
1586
- --_rs-typography-font-size:var(
1587
- --rs-middle-hero-font-size-mobile,
1588
- 58px
1589
- );
1590
- --_rs-typography-line-height:var(
1591
- --rs-middle-hero-line-height-mobile,
1592
- 62px
1593
- );
1594
- --_rs-typography-letter-spacing:-0.0007em;
1595
-
1596
- --_rs-typography-link-border-bottom-width-from-text:2px;
1841
+ --_rs-typography-middle-hero-sm-font-size:var(
1842
+ --rs-middle-hero-font-size-mobile,
1843
+ 58px
1844
+ );
1845
+ --_rs-typography-middle-hero-sm-line-height:var(
1846
+ --rs-middle-hero-line-height-mobile,
1847
+ 62px
1848
+ );
1849
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
1850
+ --rs-middle-hero-letter-spacing-mobile,
1851
+ -0.0007em
1852
+ );
1853
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
1597
1854
  }
1598
1855
  --_rs-theme-dark:var(
1599
1856
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1616,7 +1873,10 @@
1616
1873
  color:var(--_rs-typography-base-color);
1617
1874
  }
1618
1875
  @define-mixin rs-typography-hero-full{
1619
- --_rs-typography-letter-spacing:-0.005em;
1876
+ --_rs-typography-letter-spacing:var(
1877
+ --_rs-typography-hero-sm-letter-spacing,
1878
+ var(--rs-hero-letter-spacing, -0.005em)
1879
+ );
1620
1880
  --_rs-typography-text-transform:initial;
1621
1881
  --_rs-typography-font-variant-numeric:initial;
1622
1882
  --_rs-typography-font-family:var(
@@ -1625,14 +1885,17 @@
1625
1885
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1626
1886
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1627
1887
  );
1628
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
1888
+ --_rs-typography-font-size:var(
1889
+ --_rs-typography-hero-sm-font-size,
1890
+ var(--rs-hero-font-size, 72px)
1891
+ );
1629
1892
  --_rs-typography-font-weight:var(
1630
1893
  --rs-font-weight-semi-bold,
1631
1894
  600
1632
1895
  );
1633
1896
  --_rs-typography-line-height:var(
1634
- --rs-hero-line-height,
1635
- 72px
1897
+ --_rs-typography-hero-sm-line-height,
1898
+ var(--rs-hero-line-height, 72px)
1636
1899
  );
1637
1900
  --_rs-typography-base-color:var(
1638
1901
  --_rs-typography-heading-hardness-color,
@@ -1647,19 +1910,24 @@
1647
1910
  --_rs-typography-list-li-margin-top-from-text:initial;
1648
1911
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1649
1912
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1650
- --_rs-typography-link-border-bottom-width-from-text:3px;
1913
+ --_rs-typography-link-border-bottom-width-from-text:var(
1914
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
1915
+ 3px
1916
+ );
1651
1917
  @media screen and (max-width: 640px){
1652
- --_rs-typography-font-size:var(
1653
- --rs-hero-font-size-mobile,
1654
- 42px
1655
- );
1656
- --_rs-typography-line-height:var(
1657
- --rs-hero-line-height-mobile,
1658
- 50px
1659
- );
1660
- --_rs-typography-letter-spacing:-0.001em;
1661
-
1662
- --_rs-typography-link-border-bottom-width-from-text:2px;
1918
+ --_rs-typography-hero-sm-font-size:var(
1919
+ --rs-hero-font-size-mobile,
1920
+ 42px
1921
+ );
1922
+ --_rs-typography-hero-sm-line-height:var(
1923
+ --rs-hero-line-height-mobile,
1924
+ 50px
1925
+ );
1926
+ --_rs-typography-hero-sm-letter-spacing:var(
1927
+ --rs-hero-letter-spacing-mobile,
1928
+ -0.001em
1929
+ );
1930
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
1663
1931
  }
1664
1932
  --_rs-theme-dark:var(
1665
1933
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1682,7 +1950,10 @@
1682
1950
  color:var(--_rs-typography-base-color);
1683
1951
  }
1684
1952
  @define-mixin rs-typography-h1-full{
1685
- --_rs-typography-letter-spacing:-0.001em;
1953
+ --_rs-typography-letter-spacing:var(
1954
+ --_rs-typography-h1-sm-letter-spacing,
1955
+ var(--rs-h1-letter-spacing, -0.001em)
1956
+ );
1686
1957
  --_rs-typography-text-transform:initial;
1687
1958
  --_rs-typography-font-variant-numeric:initial;
1688
1959
  --_rs-typography-font-family:var(
@@ -1691,12 +1962,18 @@
1691
1962
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1692
1963
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1693
1964
  );
1694
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1965
+ --_rs-typography-font-size:var(
1966
+ --_rs-typography-h1-sm-font-size,
1967
+ var(--rs-h1-font-size, 43px)
1968
+ );
1695
1969
  --_rs-typography-font-weight:var(
1696
1970
  --rs-font-weight-semi-bold,
1697
1971
  600
1698
1972
  );
1699
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1973
+ --_rs-typography-line-height:var(
1974
+ --_rs-typography-h1-sm-line-height,
1975
+ var(--rs-h1-line-height, 49px)
1976
+ );
1700
1977
  --_rs-typography-base-color:var(
1701
1978
  --_rs-typography-heading-hardness-color,
1702
1979
  var(
@@ -1712,15 +1989,18 @@
1712
1989
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1713
1990
  --_rs-typography-link-border-bottom-width-from-text:2px;
1714
1991
  @media screen and (max-width: 640px){
1715
- --_rs-typography-font-size:var(
1716
- --rs-h1-font-size-mobile,
1717
- 35px
1718
- );
1719
- --_rs-typography-line-height:var(
1720
- --rs-h1-line-height-mobile,
1721
- 39px
1722
- );
1723
- --_rs-typography-letter-spacing:normal;
1992
+ --_rs-typography-h1-sm-font-size:var(
1993
+ --rs-h1-font-size-mobile,
1994
+ 35px
1995
+ );
1996
+ --_rs-typography-h1-sm-line-height:var(
1997
+ --rs-h1-line-height-mobile,
1998
+ 39px
1999
+ );
2000
+ --_rs-typography-h1-sm-letter-spacing:var(
2001
+ --rs-h1-letter-spacing-mobile,
2002
+ normal
2003
+ );
1724
2004
  }
1725
2005
  --_rs-theme-dark:var(
1726
2006
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1743,7 +2023,7 @@
1743
2023
  color:var(--_rs-typography-base-color);
1744
2024
  }
1745
2025
  @define-mixin rs-typography-h2-full{
1746
- --_rs-typography-letter-spacing:normal;
2026
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1747
2027
  --_rs-typography-text-transform:initial;
1748
2028
  --_rs-typography-font-variant-numeric:initial;
1749
2029
  --_rs-typography-font-family:var(
@@ -1752,12 +2032,18 @@
1752
2032
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1753
2033
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1754
2034
  );
1755
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
2035
+ --_rs-typography-font-size:var(
2036
+ --_rs-typography-h2-sm-font-size,
2037
+ var(--rs-h2-font-size, 35px)
2038
+ );
1756
2039
  --_rs-typography-font-weight:var(
1757
2040
  --rs-font-weight-semi-bold,
1758
2041
  600
1759
2042
  );
1760
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
2043
+ --_rs-typography-line-height:var(
2044
+ --_rs-typography-h2-sm-line-height,
2045
+ var(--rs-h2-line-height, 42px)
2046
+ );
1761
2047
  --_rs-typography-base-color:var(
1762
2048
  --_rs-typography-heading-hardness-color,
1763
2049
  var(
@@ -1773,14 +2059,14 @@
1773
2059
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1774
2060
  --_rs-typography-link-border-bottom-width-from-text:2px;
1775
2061
  @media screen and (max-width: 640px){
1776
- --_rs-typography-font-size:var(
1777
- --rs-h2-font-size-mobile,
1778
- 28px
1779
- );
1780
- --_rs-typography-line-height:var(
1781
- --rs-h2-line-height-mobile,
1782
- 32px
1783
- );
2062
+ --_rs-typography-h2-sm-font-size:var(
2063
+ --rs-h2-font-size-mobile,
2064
+ 28px
2065
+ );
2066
+ --_rs-typography-h2-sm-line-height:var(
2067
+ --rs-h2-line-height-mobile,
2068
+ 32px
2069
+ );
1784
2070
  }
1785
2071
  --_rs-theme-dark:var(
1786
2072
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1803,7 +2089,7 @@
1803
2089
  color:var(--_rs-typography-base-color);
1804
2090
  }
1805
2091
  @define-mixin rs-typography-h3-full{
1806
- --_rs-typography-letter-spacing:normal;
2092
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1807
2093
  --_rs-typography-text-transform:initial;
1808
2094
  --_rs-typography-font-variant-numeric:initial;
1809
2095
  --_rs-typography-font-family:var(
@@ -1853,7 +2139,7 @@
1853
2139
  color:var(--_rs-typography-base-color);
1854
2140
  }
1855
2141
  @define-mixin rs-typography-h4-full{
1856
- --_rs-typography-letter-spacing:normal;
2142
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1857
2143
  --_rs-typography-text-transform:initial;
1858
2144
  --_rs-typography-font-variant-numeric:initial;
1859
2145
  --_rs-typography-font-family:var(
@@ -1903,7 +2189,7 @@
1903
2189
  color:var(--_rs-typography-base-color);
1904
2190
  }
1905
2191
  @define-mixin rs-typography-h5-full{
1906
- --_rs-typography-letter-spacing:normal;
2192
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1907
2193
  --_rs-typography-text-transform:initial;
1908
2194
  --_rs-typography-font-variant-numeric:initial;
1909
2195
  --_rs-typography-font-family:var(
@@ -1953,7 +2239,7 @@
1953
2239
  color:var(--_rs-typography-base-color);
1954
2240
  }
1955
2241
  @define-mixin rs-typography-subtitle-1-full{
1956
- --_rs-typography-letter-spacing:normal;
2242
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
1957
2243
  --_rs-typography-text-transform:initial;
1958
2244
  --_rs-typography-font-variant-numeric:initial;
1959
2245
  --_rs-typography-font-family:var(
@@ -1963,16 +2249,16 @@
1963
2249
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1964
2250
  );
1965
2251
  --_rs-typography-font-size:var(
1966
- --rs-subtitle-1-font-size,
1967
- 39px
2252
+ --_rs-typography-subtitle-1-sm-font-size,
2253
+ var(--rs-subtitle-1-font-size, 39px)
1968
2254
  );
1969
2255
  --_rs-typography-font-weight:var(
1970
2256
  --rs-font-weight-light,
1971
2257
  300
1972
2258
  );
1973
2259
  --_rs-typography-line-height:var(
1974
- --rs-subtitle-1-line-height,
1975
- 49px
2260
+ --_rs-typography-subtitle-1-sm-line-height,
2261
+ var(--rs-subtitle-1-line-height, 49px)
1976
2262
  );
1977
2263
  --_rs-typography-base-color:var(
1978
2264
  --_rs-typography-hardness-color,
@@ -1989,14 +2275,14 @@
1989
2275
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1990
2276
  --_rs-typography-link-border-bottom-width-from-text:2px;
1991
2277
  @media screen and (max-width: 640px){
1992
- --_rs-typography-font-size:var(
1993
- --rs-subtitle-2-font-size-mobile,
1994
- 23px
1995
- );
1996
- --_rs-typography-line-height:var(
1997
- --rs-subtitle-2-line-height-mobile,
1998
- 30px
1999
- );
2278
+ --_rs-typography-subtitle-1-sm-font-size:var(
2279
+ --rs-subtitle-2-font-size-mobile,
2280
+ 23px
2281
+ );
2282
+ --_rs-typography-subtitle-1-sm-line-height:var(
2283
+ --rs-subtitle-2-line-height-mobile,
2284
+ 30px
2285
+ );
2000
2286
  }
2001
2287
  --_rs-theme-dark:var(
2002
2288
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2019,7 +2305,7 @@
2019
2305
  color:var(--_rs-typography-base-color);
2020
2306
  }
2021
2307
  @define-mixin rs-typography-subtitle-2-full{
2022
- --_rs-typography-letter-spacing:normal;
2308
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
2023
2309
  --_rs-typography-text-transform:initial;
2024
2310
  --_rs-typography-font-variant-numeric:initial;
2025
2311
  --_rs-typography-font-family:var(
@@ -2029,16 +2315,16 @@
2029
2315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2030
2316
  );
2031
2317
  --_rs-typography-font-size:var(
2032
- --rs-subtitle-2-font-size,
2033
- 29px
2318
+ --_rs-typography-subtitle-2-sm-font-size,
2319
+ var(--rs-subtitle-2-font-size, 29px)
2034
2320
  );
2035
2321
  --_rs-typography-font-weight:var(
2036
2322
  --rs-font-weight-light,
2037
2323
  300
2038
2324
  );
2039
2325
  --_rs-typography-line-height:var(
2040
- --rs-subtitle-2-line-height,
2041
- 39px
2326
+ --_rs-typography-subtitle-2-sm-line-height,
2327
+ var(--rs-subtitle-2-line-height, 39px)
2042
2328
  );
2043
2329
  --_rs-typography-base-color:var(
2044
2330
  --_rs-typography-hardness-color,
@@ -2055,14 +2341,14 @@
2055
2341
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2056
2342
  --_rs-typography-link-border-bottom-width-from-text:2px;
2057
2343
  @media screen and (max-width: 640px){
2058
- --_rs-typography-font-size:var(
2059
- --rs-subtitle-2-font-size-mobile,
2060
- 23px
2061
- );
2062
- --_rs-typography-line-height:var(
2063
- --rs-subtitle-2-line-height-mobile,
2064
- 30px
2065
- );
2344
+ --_rs-typography-subtitle-2-sm-font-size:var(
2345
+ --rs-subtitle-2-font-size-mobile,
2346
+ 23px
2347
+ );
2348
+ --_rs-typography-subtitle-2-sm-line-height:var(
2349
+ --rs-subtitle-2-line-height-mobile,
2350
+ 30px
2351
+ );
2066
2352
  }
2067
2353
  --_rs-theme-dark:var(
2068
2354
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2085,7 +2371,7 @@
2085
2371
  color:var(--_rs-typography-base-color);
2086
2372
  }
2087
2373
  @define-mixin rs-typography-overline-full{
2088
- --_rs-typography-letter-spacing:0.1em;
2374
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
2089
2375
  --_rs-typography-text-transform:uppercase;
2090
2376
  --_rs-typography-font-variant-numeric:initial;
2091
2377
  --_rs-typography-font-family:var(
@@ -2141,7 +2427,7 @@
2141
2427
  color:var(--_rs-typography-base-color);
2142
2428
  }
2143
2429
  @define-mixin rs-typography-text-1-full{
2144
- --_rs-typography-letter-spacing:normal;
2430
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
2145
2431
  --_rs-typography-text-transform:initial;
2146
2432
  --_rs-typography-font-variant-numeric:initial;
2147
2433
  --_rs-typography-font-family:var(
@@ -2169,12 +2455,15 @@
2169
2455
  --_rs-typography-text-auto-offset:32px;
2170
2456
  --_rs-typography-ul-list-li-padding-left:26px;
2171
2457
  --_rs-typography-ol-list-li-padding-left:32px;
2172
- --_rs-typography-list-li-margin-top-from-text:24px;
2458
+ --_rs-typography-list-li-margin-top-from-text:var(
2459
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2460
+ 24px
2461
+ );
2173
2462
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2174
2463
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2175
2464
  --_rs-typography-link-border-bottom-width-from-text:1px;
2176
2465
  @media screen and (max-width: 640px){
2177
- --_rs-typography-list-li-margin-top-from-text:16px;
2466
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2178
2467
  }
2179
2468
  --_rs-theme-dark:var(
2180
2469
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2197,7 +2486,7 @@
2197
2486
  color:var(--_rs-typography-base-color);
2198
2487
  }
2199
2488
  @define-mixin rs-typography-text-2-full{
2200
- --_rs-typography-letter-spacing:0.0015em;
2489
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2201
2490
  --_rs-typography-text-transform:initial;
2202
2491
  --_rs-typography-font-variant-numeric:initial;
2203
2492
  --_rs-typography-font-family:var(
@@ -2225,12 +2514,15 @@
2225
2514
  --_rs-typography-text-auto-offset:16px;
2226
2515
  --_rs-typography-ul-list-li-padding-left:22px;
2227
2516
  --_rs-typography-ol-list-li-padding-left:26px;
2228
- --_rs-typography-list-li-margin-top-from-text:16px;
2517
+ --_rs-typography-list-li-margin-top-from-text:var(
2518
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2519
+ 16px
2520
+ );
2229
2521
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2230
2522
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2231
2523
  --_rs-typography-link-border-bottom-width-from-text:1px;
2232
2524
  @media screen and (max-width: 640px){
2233
- --_rs-typography-list-li-margin-top-from-text:12px;
2525
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2234
2526
  }
2235
2527
  --_rs-theme-dark:var(
2236
2528
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2253,7 +2545,7 @@
2253
2545
  color:var(--_rs-typography-base-color);
2254
2546
  }
2255
2547
  @define-mixin rs-typography-text-3-full{
2256
- --_rs-typography-letter-spacing:0.0045em;
2548
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2257
2549
  --_rs-typography-text-transform:initial;
2258
2550
  --_rs-typography-font-variant-numeric:initial;
2259
2551
  --_rs-typography-font-family:var(
@@ -2340,10 +2632,16 @@
2340
2632
  position:relative;
2341
2633
 
2342
2634
  margin-top:var(
2343
- --_rs-typography-list-li-margin-top,
2344
- var(--_rs-typography-list-li-margin-top-fallback)
2635
+ --rs-typography-list-li-margin-top,
2636
+ var(
2637
+ --_rs-typography-list-li-margin-top,
2638
+ var(--_rs-typography-list-li-margin-top-fallback)
2639
+ )
2640
+ );
2641
+ padding-left:var(
2642
+ --rs-typography-list-li-padding-left,
2643
+ var(--_rs-typography-list-li-padding-left)
2345
2644
  );
2346
- padding-left:var(--_rs-typography-list-li-padding-left);
2347
2645
 
2348
2646
  list-style-type:none;
2349
2647
  }
@@ -2399,10 +2697,16 @@
2399
2697
  position:relative;
2400
2698
 
2401
2699
  margin-top:var(
2402
- --_rs-typography-list-li-margin-top,
2403
- var(--_rs-typography-list-li-margin-top-fallback)
2700
+ --rs-typography-list-li-margin-top,
2701
+ var(
2702
+ --_rs-typography-list-li-margin-top,
2703
+ var(--_rs-typography-list-li-margin-top-fallback)
2704
+ )
2705
+ );
2706
+ padding-left:var(
2707
+ --rs-typography-list-li-padding-left,
2708
+ var(--_rs-typography-list-li-padding-left)
2404
2709
  );
2405
- padding-left:var(--_rs-typography-list-li-padding-left);
2406
2710
 
2407
2711
  list-style-type:none;
2408
2712
  }
@@ -2688,6 +2992,7 @@
2688
2992
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2689
2993
 
2690
2994
  transition:margin-right 300ms, margin-left 300ms;
2995
+ font-feature-settings:"ss20" 1;
2691
2996
  }
2692
2997
  &:focus[data-focus-method='key']{
2693
2998
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
@@ -2697,7 +3002,7 @@
2697
3002
  }
2698
3003
  @define-mixin rs-text-cn-digits-1{
2699
3004
  &:not(html){
2700
- --_rs-typography-letter-spacing:-0.005em;
3005
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
2701
3006
  --_rs-typography-text-transform:initial;
2702
3007
  --_rs-typography-font-variant-numeric:tabular-nums;
2703
3008
  --_rs-typography-font-family:var(
@@ -2707,16 +3012,16 @@
2707
3012
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2708
3013
  );
2709
3014
  --_rs-typography-font-size:var(
2710
- --rs-digits-1-font-size,
2711
- 69px
3015
+ --_rs-typography-digits-1-sm-font-size,
3016
+ var(--rs-digits-1-font-size, 69px)
2712
3017
  );
2713
3018
  --_rs-typography-font-weight:var(
2714
3019
  --rs-font-weight-light,
2715
3020
  300
2716
3021
  );
2717
3022
  --_rs-typography-line-height:var(
2718
- --rs-digits-1-line-height,
2719
- 71px
3023
+ --_rs-typography-digits-1-sm-line-height,
3024
+ var(--rs-digits-1-line-height, 71px)
2720
3025
  );
2721
3026
  --_rs-typography-base-color:var(
2722
3027
  --_rs-typography-hardness-color,
@@ -2731,20 +3036,25 @@
2731
3036
  --_rs-typography-list-li-margin-top-from-text:initial;
2732
3037
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2733
3038
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2734
- --_rs-typography-link-border-bottom-width-from-text:3px;
3039
+ --_rs-typography-link-border-bottom-width-from-text:var(
3040
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
3041
+ 3px
3042
+ );
2735
3043
  }
2736
3044
  @media screen and (max-width: 640px){
2737
3045
  &:not(html){
2738
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
2739
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
2740
-
2741
- --_rs-typography-link-border-bottom-width-from-text:2px;
3046
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
3047
+ --_rs-typography-digits-1-sm-line-height:var(
3048
+ --rs-digits-2-line-height,
3049
+ 44px
3050
+ );
3051
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
2742
3052
  }
2743
3053
  }
2744
3054
  }
2745
3055
  @define-mixin rs-text-cn-digits-2{
2746
3056
  &:not(html){
2747
- --_rs-typography-letter-spacing:-0.005em;
3057
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
2748
3058
  --_rs-typography-text-transform:initial;
2749
3059
  --_rs-typography-font-variant-numeric:tabular-nums;
2750
3060
  --_rs-typography-font-family:var(
@@ -2783,7 +3093,13 @@
2783
3093
  }
2784
3094
  @define-mixin rs-text-cn-super-hero{
2785
3095
  &:not(html){
2786
- --_rs-typography-letter-spacing:-0.02em;
3096
+ --_rs-typography-letter-spacing:var(
3097
+ --_rs-typography-super-hero-sm-letter-spacing,
3098
+ var(
3099
+ --_rs-typography-super-hero-md-letter-spacing,
3100
+ var(--rs-super-hero-letter-spacing, -0.02em)
3101
+ )
3102
+ );
2787
3103
  --_rs-typography-text-transform:initial;
2788
3104
  --_rs-typography-font-variant-numeric:initial;
2789
3105
  --_rs-typography-font-family:var(
@@ -2793,16 +3109,22 @@
2793
3109
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2794
3110
  );
2795
3111
  --_rs-typography-font-size:var(
2796
- --rs-super-hero-font-size,
2797
- 142px
3112
+ --_rs-typography-super-hero-sm-font-size,
3113
+ var(
3114
+ --_rs-typography-super-hero-md-font-size,
3115
+ var(--rs-super-hero-font-size, 142px)
3116
+ )
2798
3117
  );
2799
3118
  --_rs-typography-font-weight:var(
2800
3119
  --rs-font-weight-semi-bold,
2801
3120
  600
2802
3121
  );
2803
3122
  --_rs-typography-line-height:var(
2804
- --rs-super-hero-line-height,
2805
- 142px
3123
+ --_rs-typography-super-hero-sm-line-height,
3124
+ var(
3125
+ --_rs-typography-super-hero-md-line-height,
3126
+ var(--rs-super-hero-line-height, 142px)
3127
+ )
2806
3128
  );
2807
3129
  --_rs-typography-base-color:var(
2808
3130
  --_rs-typography-heading-hardness-color,
@@ -2817,42 +3139,52 @@
2817
3139
  --_rs-typography-list-li-margin-top-from-text:initial;
2818
3140
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2819
3141
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2820
- --_rs-typography-link-border-bottom-width-from-text:4px;
3142
+ --_rs-typography-link-border-bottom-width-from-text:var(
3143
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
3144
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
3145
+ );
2821
3146
  }
2822
3147
  @media screen and (max-width: 1000px){
2823
3148
  &:not(html){
2824
- --_rs-typography-font-size:var(
2825
- --rs-middle-hero-font-size,
2826
- 92px
2827
- );
2828
- --_rs-typography-line-height:var(
2829
- --rs-middle-hero-line-height,
2830
- 92px
2831
- );
2832
- --_rs-typography-letter-spacing:-0.008em;
2833
-
2834
- --_rs-typography-link-border-bottom-width-from-text:3px;
3149
+ --_rs-typography-super-hero-md-font-size:var(
3150
+ --rs-middle-hero-font-size,
3151
+ 92px
3152
+ );
3153
+ --_rs-typography-super-hero-md-line-height:var(
3154
+ --rs-middle-hero-line-height,
3155
+ 92px
3156
+ );
3157
+ --_rs-typography-super-hero-md-letter-spacing:var(
3158
+ --rs-middle-hero-letter-spacing,
3159
+ -0.008em
3160
+ );
3161
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
2835
3162
  }
2836
3163
  }
2837
3164
  @media screen and (max-width: 640px){
2838
3165
  &:not(html){
2839
- --_rs-typography-font-size:var(
2840
- --rs-middle-hero-font-size-mobile,
2841
- 58px
2842
- );
2843
- --_rs-typography-line-height:var(
2844
- --rs-middle-hero-line-height-mobile,
2845
- 62px
2846
- );
2847
- --_rs-typography-letter-spacing:-0.0007em;
2848
-
2849
- --_rs-typography-link-border-bottom-width-from-text:2px;
3166
+ --_rs-typography-super-hero-sm-font-size:var(
3167
+ --rs-middle-hero-font-size-mobile,
3168
+ 58px
3169
+ );
3170
+ --_rs-typography-super-hero-sm-line-height:var(
3171
+ --rs-middle-hero-line-height-mobile,
3172
+ 62px
3173
+ );
3174
+ --_rs-typography-super-hero-sm-letter-spacing:var(
3175
+ --rs-middle-hero-letter-spacing-mobile,
3176
+ -0.0007em
3177
+ );
3178
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
2850
3179
  }
2851
3180
  }
2852
3181
  }
2853
3182
  @define-mixin rs-text-cn-middle-hero{
2854
3183
  &:not(html){
2855
- --_rs-typography-letter-spacing:-0.008em;
3184
+ --_rs-typography-letter-spacing:var(
3185
+ --_rs-typography-middle-hero-sm-letter-spacing,
3186
+ var(--rs-middle-hero-letter-spacing, -0.008em)
3187
+ );
2856
3188
  --_rs-typography-text-transform:initial;
2857
3189
  --_rs-typography-font-variant-numeric:initial;
2858
3190
  --_rs-typography-font-family:var(
@@ -2862,16 +3194,16 @@
2862
3194
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2863
3195
  );
2864
3196
  --_rs-typography-font-size:var(
2865
- --rs-middle-hero-font-size,
2866
- 92px
3197
+ --_rs-typography-middle-hero-sm-font-size,
3198
+ var(--rs-middle-hero-font-size, 92px)
2867
3199
  );
2868
3200
  --_rs-typography-font-weight:var(
2869
3201
  --rs-font-weight-semi-bold,
2870
3202
  600
2871
3203
  );
2872
3204
  --_rs-typography-line-height:var(
2873
- --rs-middle-hero-line-height,
2874
- 92px
3205
+ --_rs-typography-middle-hero-sm-line-height,
3206
+ var(--rs-middle-hero-line-height, 92px)
2875
3207
  );
2876
3208
  --_rs-typography-base-color:var(
2877
3209
  --_rs-typography-heading-hardness-color,
@@ -2886,27 +3218,35 @@
2886
3218
  --_rs-typography-list-li-margin-top-from-text:initial;
2887
3219
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2888
3220
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2889
- --_rs-typography-link-border-bottom-width-from-text:3px;
3221
+ --_rs-typography-link-border-bottom-width-from-text:var(
3222
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
3223
+ 3px
3224
+ );
2890
3225
  }
2891
3226
  @media screen and (max-width: 640px){
2892
3227
  &:not(html){
2893
- --_rs-typography-font-size:var(
2894
- --rs-middle-hero-font-size-mobile,
2895
- 58px
2896
- );
2897
- --_rs-typography-line-height:var(
2898
- --rs-middle-hero-line-height-mobile,
2899
- 62px
2900
- );
2901
- --_rs-typography-letter-spacing:-0.0007em;
2902
-
2903
- --_rs-typography-link-border-bottom-width-from-text:2px;
3228
+ --_rs-typography-middle-hero-sm-font-size:var(
3229
+ --rs-middle-hero-font-size-mobile,
3230
+ 58px
3231
+ );
3232
+ --_rs-typography-middle-hero-sm-line-height:var(
3233
+ --rs-middle-hero-line-height-mobile,
3234
+ 62px
3235
+ );
3236
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
3237
+ --rs-middle-hero-letter-spacing-mobile,
3238
+ -0.0007em
3239
+ );
3240
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
2904
3241
  }
2905
3242
  }
2906
3243
  }
2907
3244
  @define-mixin rs-text-cn-hero{
2908
3245
  &:not(html){
2909
- --_rs-typography-letter-spacing:-0.005em;
3246
+ --_rs-typography-letter-spacing:var(
3247
+ --_rs-typography-hero-sm-letter-spacing,
3248
+ var(--rs-hero-letter-spacing, -0.005em)
3249
+ );
2910
3250
  --_rs-typography-text-transform:initial;
2911
3251
  --_rs-typography-font-variant-numeric:initial;
2912
3252
  --_rs-typography-font-family:var(
@@ -2915,14 +3255,17 @@
2915
3255
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2916
3256
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2917
3257
  );
2918
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
3258
+ --_rs-typography-font-size:var(
3259
+ --_rs-typography-hero-sm-font-size,
3260
+ var(--rs-hero-font-size, 72px)
3261
+ );
2919
3262
  --_rs-typography-font-weight:var(
2920
3263
  --rs-font-weight-semi-bold,
2921
3264
  600
2922
3265
  );
2923
3266
  --_rs-typography-line-height:var(
2924
- --rs-hero-line-height,
2925
- 72px
3267
+ --_rs-typography-hero-sm-line-height,
3268
+ var(--rs-hero-line-height, 72px)
2926
3269
  );
2927
3270
  --_rs-typography-base-color:var(
2928
3271
  --_rs-typography-heading-hardness-color,
@@ -2937,27 +3280,32 @@
2937
3280
  --_rs-typography-list-li-margin-top-from-text:initial;
2938
3281
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2939
3282
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2940
- --_rs-typography-link-border-bottom-width-from-text:3px;
3283
+ --_rs-typography-link-border-bottom-width-from-text:var(
3284
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
3285
+ 3px
3286
+ );
2941
3287
  }
2942
3288
  @media screen and (max-width: 640px){
2943
3289
  &:not(html){
2944
- --_rs-typography-font-size:var(
2945
- --rs-hero-font-size-mobile,
2946
- 42px
2947
- );
2948
- --_rs-typography-line-height:var(
2949
- --rs-hero-line-height-mobile,
2950
- 50px
2951
- );
2952
- --_rs-typography-letter-spacing:-0.001em;
2953
-
2954
- --_rs-typography-link-border-bottom-width-from-text:2px;
3290
+ --_rs-typography-hero-sm-font-size:var(
3291
+ --rs-hero-font-size-mobile,
3292
+ 42px
3293
+ );
3294
+ --_rs-typography-hero-sm-line-height:var(
3295
+ --rs-hero-line-height-mobile,
3296
+ 50px
3297
+ );
3298
+ --_rs-typography-hero-sm-letter-spacing:var(
3299
+ --rs-hero-letter-spacing-mobile,
3300
+ -0.001em
3301
+ );
3302
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
2955
3303
  }
2956
3304
  }
2957
3305
  }
2958
3306
  @define-mixin rs-text-cn-subtitle-1{
2959
3307
  &:not(html){
2960
- --_rs-typography-letter-spacing:normal;
3308
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
2961
3309
  --_rs-typography-text-transform:initial;
2962
3310
  --_rs-typography-font-variant-numeric:initial;
2963
3311
  --_rs-typography-font-family:var(
@@ -2967,16 +3315,16 @@
2967
3315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2968
3316
  );
2969
3317
  --_rs-typography-font-size:var(
2970
- --rs-subtitle-1-font-size,
2971
- 39px
3318
+ --_rs-typography-subtitle-1-sm-font-size,
3319
+ var(--rs-subtitle-1-font-size, 39px)
2972
3320
  );
2973
3321
  --_rs-typography-font-weight:var(
2974
3322
  --rs-font-weight-light,
2975
3323
  300
2976
3324
  );
2977
3325
  --_rs-typography-line-height:var(
2978
- --rs-subtitle-1-line-height,
2979
- 49px
3326
+ --_rs-typography-subtitle-1-sm-line-height,
3327
+ var(--rs-subtitle-1-line-height, 49px)
2980
3328
  );
2981
3329
  --_rs-typography-base-color:var(
2982
3330
  --_rs-typography-hardness-color,
@@ -2995,20 +3343,20 @@
2995
3343
  }
2996
3344
  @media screen and (max-width: 640px){
2997
3345
  &:not(html){
2998
- --_rs-typography-font-size:var(
2999
- --rs-subtitle-2-font-size-mobile,
3000
- 23px
3001
- );
3002
- --_rs-typography-line-height:var(
3003
- --rs-subtitle-2-line-height-mobile,
3004
- 30px
3005
- );
3346
+ --_rs-typography-subtitle-1-sm-font-size:var(
3347
+ --rs-subtitle-2-font-size-mobile,
3348
+ 23px
3349
+ );
3350
+ --_rs-typography-subtitle-1-sm-line-height:var(
3351
+ --rs-subtitle-2-line-height-mobile,
3352
+ 30px
3353
+ );
3006
3354
  }
3007
3355
  }
3008
3356
  }
3009
3357
  @define-mixin rs-text-cn-subtitle-2{
3010
3358
  &:not(html){
3011
- --_rs-typography-letter-spacing:normal;
3359
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
3012
3360
  --_rs-typography-text-transform:initial;
3013
3361
  --_rs-typography-font-variant-numeric:initial;
3014
3362
  --_rs-typography-font-family:var(
@@ -3018,16 +3366,16 @@
3018
3366
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3019
3367
  );
3020
3368
  --_rs-typography-font-size:var(
3021
- --rs-subtitle-2-font-size,
3022
- 29px
3369
+ --_rs-typography-subtitle-2-sm-font-size,
3370
+ var(--rs-subtitle-2-font-size, 29px)
3023
3371
  );
3024
3372
  --_rs-typography-font-weight:var(
3025
3373
  --rs-font-weight-light,
3026
3374
  300
3027
3375
  );
3028
3376
  --_rs-typography-line-height:var(
3029
- --rs-subtitle-2-line-height,
3030
- 39px
3377
+ --_rs-typography-subtitle-2-sm-line-height,
3378
+ var(--rs-subtitle-2-line-height, 39px)
3031
3379
  );
3032
3380
  --_rs-typography-base-color:var(
3033
3381
  --_rs-typography-hardness-color,
@@ -3046,20 +3394,23 @@
3046
3394
  }
3047
3395
  @media screen and (max-width: 640px){
3048
3396
  &:not(html){
3049
- --_rs-typography-font-size:var(
3050
- --rs-subtitle-2-font-size-mobile,
3051
- 23px
3052
- );
3053
- --_rs-typography-line-height:var(
3054
- --rs-subtitle-2-line-height-mobile,
3055
- 30px
3056
- );
3397
+ --_rs-typography-subtitle-2-sm-font-size:var(
3398
+ --rs-subtitle-2-font-size-mobile,
3399
+ 23px
3400
+ );
3401
+ --_rs-typography-subtitle-2-sm-line-height:var(
3402
+ --rs-subtitle-2-line-height-mobile,
3403
+ 30px
3404
+ );
3057
3405
  }
3058
3406
  }
3059
3407
  }
3060
3408
  @define-mixin rs-text-cn-h1{
3061
3409
  &:not(html){
3062
- --_rs-typography-letter-spacing:-0.001em;
3410
+ --_rs-typography-letter-spacing:var(
3411
+ --_rs-typography-h1-sm-letter-spacing,
3412
+ var(--rs-h1-letter-spacing, -0.001em)
3413
+ );
3063
3414
  --_rs-typography-text-transform:initial;
3064
3415
  --_rs-typography-font-variant-numeric:initial;
3065
3416
  --_rs-typography-font-family:var(
@@ -3068,12 +3419,18 @@
3068
3419
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3069
3420
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3070
3421
  );
3071
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
3422
+ --_rs-typography-font-size:var(
3423
+ --_rs-typography-h1-sm-font-size,
3424
+ var(--rs-h1-font-size, 43px)
3425
+ );
3072
3426
  --_rs-typography-font-weight:var(
3073
3427
  --rs-font-weight-semi-bold,
3074
3428
  600
3075
3429
  );
3076
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
3430
+ --_rs-typography-line-height:var(
3431
+ --_rs-typography-h1-sm-line-height,
3432
+ var(--rs-h1-line-height, 49px)
3433
+ );
3077
3434
  --_rs-typography-base-color:var(
3078
3435
  --_rs-typography-heading-hardness-color,
3079
3436
  var(
@@ -3091,21 +3448,24 @@
3091
3448
  }
3092
3449
  @media screen and (max-width: 640px){
3093
3450
  &:not(html){
3094
- --_rs-typography-font-size:var(
3095
- --rs-h1-font-size-mobile,
3096
- 35px
3097
- );
3098
- --_rs-typography-line-height:var(
3099
- --rs-h1-line-height-mobile,
3100
- 39px
3101
- );
3102
- --_rs-typography-letter-spacing:normal;
3451
+ --_rs-typography-h1-sm-font-size:var(
3452
+ --rs-h1-font-size-mobile,
3453
+ 35px
3454
+ );
3455
+ --_rs-typography-h1-sm-line-height:var(
3456
+ --rs-h1-line-height-mobile,
3457
+ 39px
3458
+ );
3459
+ --_rs-typography-h1-sm-letter-spacing:var(
3460
+ --rs-h1-letter-spacing-mobile,
3461
+ normal
3462
+ );
3103
3463
  }
3104
3464
  }
3105
3465
  }
3106
3466
  @define-mixin rs-text-cn-h2{
3107
3467
  &:not(html){
3108
- --_rs-typography-letter-spacing:normal;
3468
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
3109
3469
  --_rs-typography-text-transform:initial;
3110
3470
  --_rs-typography-font-variant-numeric:initial;
3111
3471
  --_rs-typography-font-family:var(
@@ -3114,12 +3474,18 @@
3114
3474
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3115
3475
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3116
3476
  );
3117
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
3477
+ --_rs-typography-font-size:var(
3478
+ --_rs-typography-h2-sm-font-size,
3479
+ var(--rs-h2-font-size, 35px)
3480
+ );
3118
3481
  --_rs-typography-font-weight:var(
3119
3482
  --rs-font-weight-semi-bold,
3120
3483
  600
3121
3484
  );
3122
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
3485
+ --_rs-typography-line-height:var(
3486
+ --_rs-typography-h2-sm-line-height,
3487
+ var(--rs-h2-line-height, 42px)
3488
+ );
3123
3489
  --_rs-typography-base-color:var(
3124
3490
  --_rs-typography-heading-hardness-color,
3125
3491
  var(
@@ -3137,20 +3503,20 @@
3137
3503
  }
3138
3504
  @media screen and (max-width: 640px){
3139
3505
  &:not(html){
3140
- --_rs-typography-font-size:var(
3141
- --rs-h2-font-size-mobile,
3142
- 28px
3143
- );
3144
- --_rs-typography-line-height:var(
3145
- --rs-h2-line-height-mobile,
3146
- 32px
3147
- );
3506
+ --_rs-typography-h2-sm-font-size:var(
3507
+ --rs-h2-font-size-mobile,
3508
+ 28px
3509
+ );
3510
+ --_rs-typography-h2-sm-line-height:var(
3511
+ --rs-h2-line-height-mobile,
3512
+ 32px
3513
+ );
3148
3514
  }
3149
3515
  }
3150
3516
  }
3151
3517
  @define-mixin rs-text-cn-h3{
3152
3518
  &:not(html){
3153
- --_rs-typography-letter-spacing:normal;
3519
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
3154
3520
  --_rs-typography-text-transform:initial;
3155
3521
  --_rs-typography-font-variant-numeric:initial;
3156
3522
  --_rs-typography-font-family:var(
@@ -3183,7 +3549,7 @@
3183
3549
  }
3184
3550
  @define-mixin rs-text-cn-h4{
3185
3551
  &:not(html){
3186
- --_rs-typography-letter-spacing:normal;
3552
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
3187
3553
  --_rs-typography-text-transform:initial;
3188
3554
  --_rs-typography-font-variant-numeric:initial;
3189
3555
  --_rs-typography-font-family:var(
@@ -3216,7 +3582,7 @@
3216
3582
  }
3217
3583
  @define-mixin rs-text-cn-h5{
3218
3584
  &:not(html){
3219
- --_rs-typography-letter-spacing:normal;
3585
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
3220
3586
  --_rs-typography-text-transform:initial;
3221
3587
  --_rs-typography-font-variant-numeric:initial;
3222
3588
  --_rs-typography-font-family:var(
@@ -3249,7 +3615,7 @@
3249
3615
  }
3250
3616
  @define-mixin rs-text-cn-overline{
3251
3617
  &:not(html){
3252
- --_rs-typography-letter-spacing:0.1em;
3618
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
3253
3619
  --_rs-typography-text-transform:uppercase;
3254
3620
  --_rs-typography-font-variant-numeric:initial;
3255
3621
  --_rs-typography-font-family:var(
@@ -3288,7 +3654,7 @@
3288
3654
  }
3289
3655
  @define-mixin rs-text-cn-text-1{
3290
3656
  &:not(html){
3291
- --_rs-typography-letter-spacing:normal;
3657
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
3292
3658
  --_rs-typography-text-transform:initial;
3293
3659
  --_rs-typography-font-variant-numeric:initial;
3294
3660
  --_rs-typography-font-family:var(
@@ -3316,20 +3682,23 @@
3316
3682
  --_rs-typography-text-auto-offset:32px;
3317
3683
  --_rs-typography-ul-list-li-padding-left:26px;
3318
3684
  --_rs-typography-ol-list-li-padding-left:32px;
3319
- --_rs-typography-list-li-margin-top-from-text:24px;
3685
+ --_rs-typography-list-li-margin-top-from-text:var(
3686
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
3687
+ 24px
3688
+ );
3320
3689
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3321
3690
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3322
3691
  --_rs-typography-link-border-bottom-width-from-text:1px;
3323
3692
  }
3324
3693
  @media screen and (max-width: 640px){
3325
3694
  &:not(html){
3326
- --_rs-typography-list-li-margin-top-from-text:16px;
3695
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
3327
3696
  }
3328
3697
  }
3329
3698
  }
3330
3699
  @define-mixin rs-text-cn-text-2{
3331
3700
  &:not(html){
3332
- --_rs-typography-letter-spacing:0.0015em;
3701
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
3333
3702
  --_rs-typography-text-transform:initial;
3334
3703
  --_rs-typography-font-variant-numeric:initial;
3335
3704
  --_rs-typography-font-family:var(
@@ -3357,20 +3726,23 @@
3357
3726
  --_rs-typography-text-auto-offset:16px;
3358
3727
  --_rs-typography-ul-list-li-padding-left:22px;
3359
3728
  --_rs-typography-ol-list-li-padding-left:26px;
3360
- --_rs-typography-list-li-margin-top-from-text:16px;
3729
+ --_rs-typography-list-li-margin-top-from-text:var(
3730
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
3731
+ 16px
3732
+ );
3361
3733
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3362
3734
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3363
3735
  --_rs-typography-link-border-bottom-width-from-text:1px;
3364
3736
  }
3365
3737
  @media screen and (max-width: 640px){
3366
3738
  &:not(html){
3367
- --_rs-typography-list-li-margin-top-from-text:12px;
3739
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
3368
3740
  }
3369
3741
  }
3370
3742
  }
3371
3743
  @define-mixin rs-text-cn-text-3{
3372
3744
  &:not(html){
3373
- --_rs-typography-letter-spacing:0.0045em;
3745
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
3374
3746
  --_rs-typography-text-transform:initial;
3375
3747
  --_rs-typography-font-variant-numeric:initial;
3376
3748
  --_rs-typography-font-family:var(
@@ -3474,21 +3846,27 @@
3474
3846
  }
3475
3847
  @define-mixin rs-text-cn-list-offset-items-16{
3476
3848
  &:not(html){
3477
- --_rs-typography-list-li-margin-top:16px;
3849
+ --_rs-typography-list-li-margin-top:var(
3850
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
3851
+ 16px
3852
+ );
3478
3853
  }
3479
3854
  @media screen and (max-width: 640px){
3480
3855
  &:not(html){
3481
- --_rs-typography-list-li-margin-top:12px;
3856
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
3482
3857
  }
3483
3858
  }
3484
3859
  }
3485
3860
  @define-mixin rs-text-cn-list-offset-items-24{
3486
3861
  &:not(html){
3487
- --_rs-typography-list-li-margin-top:24px;
3862
+ --_rs-typography-list-li-margin-top:var(
3863
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
3864
+ 24px
3865
+ );
3488
3866
  }
3489
3867
  @media screen and (max-width: 640px){
3490
3868
  &:not(html){
3491
- --_rs-typography-list-li-margin-top:16px;
3869
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
3492
3870
  }
3493
3871
  }
3494
3872
  }
@@ -3696,3 +4074,105 @@
3696
4074
  --_rs-typography-link-after-content-or-initial:initial;
3697
4075
  }
3698
4076
  }
4077
+ @define-mixin rs-typography-sm{
4078
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
4079
+ --_rs-typography-digits-1-sm-line-height:var(
4080
+ --rs-digits-2-line-height,
4081
+ 44px
4082
+ );
4083
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
4084
+ --_rs-typography-super-hero-sm-font-size:var(
4085
+ --rs-middle-hero-font-size-mobile,
4086
+ 58px
4087
+ );
4088
+ --_rs-typography-super-hero-sm-line-height:var(
4089
+ --rs-middle-hero-line-height-mobile,
4090
+ 62px
4091
+ );
4092
+ --_rs-typography-super-hero-sm-letter-spacing:var(
4093
+ --rs-middle-hero-letter-spacing-mobile,
4094
+ -0.0007em
4095
+ );
4096
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
4097
+ --_rs-typography-middle-hero-sm-font-size:var(
4098
+ --rs-middle-hero-font-size-mobile,
4099
+ 58px
4100
+ );
4101
+ --_rs-typography-middle-hero-sm-line-height:var(
4102
+ --rs-middle-hero-line-height-mobile,
4103
+ 62px
4104
+ );
4105
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
4106
+ --rs-middle-hero-letter-spacing-mobile,
4107
+ -0.0007em
4108
+ );
4109
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
4110
+ --_rs-typography-hero-sm-font-size:var(
4111
+ --rs-hero-font-size-mobile,
4112
+ 42px
4113
+ );
4114
+ --_rs-typography-hero-sm-line-height:var(
4115
+ --rs-hero-line-height-mobile,
4116
+ 50px
4117
+ );
4118
+ --_rs-typography-hero-sm-letter-spacing:var(
4119
+ --rs-hero-letter-spacing-mobile,
4120
+ -0.001em
4121
+ );
4122
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
4123
+ --_rs-typography-h1-sm-font-size:var(
4124
+ --rs-h1-font-size-mobile,
4125
+ 35px
4126
+ );
4127
+ --_rs-typography-h1-sm-line-height:var(
4128
+ --rs-h1-line-height-mobile,
4129
+ 39px
4130
+ );
4131
+ --_rs-typography-h1-sm-letter-spacing:var(
4132
+ --rs-h1-letter-spacing-mobile,
4133
+ normal
4134
+ );
4135
+ --_rs-typography-h2-sm-font-size:var(
4136
+ --rs-h2-font-size-mobile,
4137
+ 28px
4138
+ );
4139
+ --_rs-typography-h2-sm-line-height:var(
4140
+ --rs-h2-line-height-mobile,
4141
+ 32px
4142
+ );
4143
+ --_rs-typography-subtitle-1-sm-font-size:var(
4144
+ --rs-subtitle-2-font-size-mobile,
4145
+ 23px
4146
+ );
4147
+ --_rs-typography-subtitle-1-sm-line-height:var(
4148
+ --rs-subtitle-2-line-height-mobile,
4149
+ 30px
4150
+ );
4151
+ --_rs-typography-subtitle-2-sm-font-size:var(
4152
+ --rs-subtitle-2-font-size-mobile,
4153
+ 23px
4154
+ );
4155
+ --_rs-typography-subtitle-2-sm-line-height:var(
4156
+ --rs-subtitle-2-line-height-mobile,
4157
+ 30px
4158
+ );
4159
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
4160
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
4161
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
4162
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
4163
+ }
4164
+ @define-mixin rs-typography-md{
4165
+ --_rs-typography-super-hero-md-font-size:var(
4166
+ --rs-middle-hero-font-size,
4167
+ 92px
4168
+ );
4169
+ --_rs-typography-super-hero-md-line-height:var(
4170
+ --rs-middle-hero-line-height,
4171
+ 92px
4172
+ );
4173
+ --_rs-typography-super-hero-md-letter-spacing:var(
4174
+ --rs-middle-hero-letter-spacing,
4175
+ -0.008em
4176
+ );
4177
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
4178
+ }