@rescui/typography 0.21.1-RUI-230-Update-icons-0bd4e5fc.9 → 0.21.1-RUI-230-Update-icons-6919f9e4.29

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 (8) hide show
  1. package/lib/index-moduled.css +311 -252
  2. package/lib/index-moduled.p.module.css.js +120 -120
  3. package/lib/index.css +196 -137
  4. package/lib/mixins.p.css +401 -278
  5. package/lib/mixins.pcss +401 -278
  6. package/lib/public-api.p.css +821 -407
  7. package/lib/public-api.pcss +821 -407
  8. package/package.json +3 -3
package/lib/public-api.p.css CHANGED
@@ -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,14 +98,29 @@
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
125
  --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
111
126
  --_rs-typography-text-transform:initial;
@@ -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:var(--rs-super-hero-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,45 +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:var(
196
- --rs-middle-hero-letter-spacing,
197
- -0.008em
198
- );
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
+ );
199
216
 
200
- --_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;
201
231
  }
202
- @media screen and (max-width: 640px){
203
- --_rs-typography-font-size:var(
204
- --rs-middle-hero-font-size-mobile,
205
- 58px
206
- );
207
- --_rs-typography-line-height:var(
208
- --rs-middle-hero-line-height-mobile,
209
- 62px
210
- );
211
- --_rs-typography-letter-spacing:var(
212
- --rs-middle-hero-letter-spacing-mobile,
213
- -0.0007em
214
- );
215
232
 
216
- --_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;
217
247
  }
218
248
  }
219
- @define-mixin rs-typography-middle-hero{
220
- --_rs-typography-letter-spacing:var(
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(
221
259
  --rs-middle-hero-letter-spacing,
222
260
  -0.008em
223
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
+ }
281
+ @define-mixin rs-typography-middle-hero{
282
+ --_rs-typography-letter-spacing:var(
283
+ --_rs-typography-middle-hero-sm-letter-spacing,
284
+ var(--rs-middle-hero-letter-spacing, -0.008em)
285
+ );
224
286
  --_rs-typography-text-transform:initial;
225
287
  --_rs-typography-font-variant-numeric:initial;
226
288
  --_rs-typography-font-family:var(
@@ -230,16 +292,16 @@
230
292
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
231
293
  );
232
294
  --_rs-typography-font-size:var(
233
- --rs-middle-hero-font-size,
234
- 92px
295
+ --_rs-typography-middle-hero-sm-font-size,
296
+ var(--rs-middle-hero-font-size, 92px)
235
297
  );
236
298
  --_rs-typography-font-weight:var(
237
299
  --rs-font-weight-semi-bold,
238
300
  600
239
301
  );
240
302
  --_rs-typography-line-height:var(
241
- --rs-middle-hero-line-height,
242
- 92px
303
+ --_rs-typography-middle-hero-sm-line-height,
304
+ var(--rs-middle-hero-line-height, 92px)
243
305
  );
244
306
  --_rs-typography-base-color:var(
245
307
  --_rs-typography-heading-hardness-color,
@@ -256,26 +318,48 @@
256
318
 
257
319
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
258
320
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
259
- --_rs-typography-link-border-bottom-width-from-text:3px;
260
- @media screen and (max-width: 640px){
261
- --_rs-typography-font-size:var(
262
- --rs-middle-hero-font-size-mobile,
263
- 58px
264
- );
265
- --_rs-typography-line-height:var(
266
- --rs-middle-hero-line-height-mobile,
267
- 62px
268
- );
269
- --_rs-typography-letter-spacing:var(
270
- --rs-middle-hero-letter-spacing-mobile,
271
- -0.0007em
272
- );
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
+ );
273
325
 
274
- --_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;
275
340
  }
276
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
+ }
277
358
  @define-mixin rs-typography-hero{
278
- --_rs-typography-letter-spacing:var(--rs-hero-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
+ );
279
363
  --_rs-typography-text-transform:initial;
280
364
  --_rs-typography-font-variant-numeric:initial;
281
365
  --_rs-typography-font-family:var(
@@ -284,14 +368,17 @@
284
368
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
285
369
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
286
370
  );
287
- --_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
+ );
288
375
  --_rs-typography-font-weight:var(
289
376
  --rs-font-weight-semi-bold,
290
377
  600
291
378
  );
292
379
  --_rs-typography-line-height:var(
293
- --rs-hero-line-height,
294
- 72px
380
+ --_rs-typography-hero-sm-line-height,
381
+ var(--rs-hero-line-height, 72px)
295
382
  );
296
383
  --_rs-typography-base-color:var(
297
384
  --_rs-typography-heading-hardness-color,
@@ -308,24 +395,43 @@
308
395
 
309
396
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
310
397
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
311
- --_rs-typography-link-border-bottom-width-from-text:3px;
312
- @media screen and (max-width: 640px){
313
- --_rs-typography-font-size:var(
314
- --rs-hero-font-size-mobile,
315
- 42px
316
- );
317
- --_rs-typography-line-height:var(
318
- --rs-hero-line-height-mobile,
319
- 50px
320
- );
321
- --_rs-typography-letter-spacing:var(
322
- --rs-hero-letter-spacing-mobile,
323
- -0.001em
324
- );
398
+ --_rs-typography-link-border-bottom-width-from-text:var(
399
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
400
+ 3px
401
+ );
325
402
 
326
- --_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;
327
417
  }
328
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
+ }
329
435
  @define-mixin rs-typography-subtitle-1{
330
436
  --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
331
437
  --_rs-typography-text-transform:initial;
@@ -337,16 +443,16 @@
337
443
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
338
444
  );
339
445
  --_rs-typography-font-size:var(
340
- --rs-subtitle-1-font-size,
341
- 39px
446
+ --_rs-typography-subtitle-1-sm-font-size,
447
+ var(--rs-subtitle-1-font-size, 39px)
342
448
  );
343
449
  --_rs-typography-font-weight:var(
344
450
  --rs-font-weight-light,
345
451
  300
346
452
  );
347
453
  --_rs-typography-line-height:var(
348
- --rs-subtitle-1-line-height,
349
- 49px
454
+ --_rs-typography-subtitle-1-sm-line-height,
455
+ var(--rs-subtitle-1-line-height, 49px)
350
456
  );
351
457
  --_rs-typography-base-color:var(
352
458
  --_rs-typography-hardness-color,
@@ -364,17 +470,28 @@
364
470
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
365
471
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
366
472
  --_rs-typography-link-border-bottom-width-from-text:2px;
473
+
367
474
  @media screen and (max-width: 640px){
368
- --_rs-typography-font-size:var(
369
- --rs-subtitle-2-font-size-mobile,
370
- 23px
371
- );
372
- --_rs-typography-line-height:var(
373
- --rs-subtitle-2-line-height-mobile,
374
- 30px
375
- );
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
+ );
376
483
  }
377
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
+ }
378
495
  @define-mixin rs-typography-subtitle-2{
379
496
  --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
380
497
  --_rs-typography-text-transform:initial;
@@ -386,16 +503,16 @@
386
503
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
387
504
  );
388
505
  --_rs-typography-font-size:var(
389
- --rs-subtitle-2-font-size,
390
- 29px
506
+ --_rs-typography-subtitle-2-sm-font-size,
507
+ var(--rs-subtitle-2-font-size, 29px)
391
508
  );
392
509
  --_rs-typography-font-weight:var(
393
510
  --rs-font-weight-light,
394
511
  300
395
512
  );
396
513
  --_rs-typography-line-height:var(
397
- --rs-subtitle-2-line-height,
398
- 39px
514
+ --_rs-typography-subtitle-2-sm-line-height,
515
+ var(--rs-subtitle-2-line-height, 39px)
399
516
  );
400
517
  --_rs-typography-base-color:var(
401
518
  --_rs-typography-hardness-color,
@@ -413,19 +530,33 @@
413
530
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
414
531
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
415
532
  --_rs-typography-link-border-bottom-width-from-text:2px;
533
+
416
534
  @media screen and (max-width: 640px){
417
- --_rs-typography-font-size:var(
418
- --rs-subtitle-2-font-size-mobile,
419
- 23px
420
- );
421
- --_rs-typography-line-height:var(
422
- --rs-subtitle-2-line-height-mobile,
423
- 30px
424
- );
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
+ );
425
543
  }
426
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
+ }
427
555
  @define-mixin rs-typography-h1{
428
- --_rs-typography-letter-spacing:var(--rs-h1-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
+ );
429
560
  --_rs-typography-text-transform:initial;
430
561
  --_rs-typography-font-variant-numeric:initial;
431
562
  --_rs-typography-font-family:var(
@@ -434,12 +565,18 @@
434
565
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
435
566
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
436
567
  );
437
- --_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
+ );
438
572
  --_rs-typography-font-weight:var(
439
573
  --rs-font-weight-semi-bold,
440
574
  600
441
575
  );
442
- --_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
+ );
443
580
  --_rs-typography-base-color:var(
444
581
  --_rs-typography-heading-hardness-color,
445
582
  var(
@@ -456,18 +593,36 @@
456
593
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
457
594
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
458
595
  --_rs-typography-link-border-bottom-width-from-text:2px;
596
+
459
597
  @media screen and (max-width: 640px){
460
- --_rs-typography-font-size:var(
461
- --rs-h1-font-size-mobile,
462
- 35px
463
- );
464
- --_rs-typography-line-height:var(
465
- --rs-h1-line-height-mobile,
466
- 39px
467
- );
468
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, 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
+ );
469
610
  }
470
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
+ }
471
626
  @define-mixin rs-typography-h2{
472
627
  --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
473
628
  --_rs-typography-text-transform:initial;
@@ -478,12 +633,18 @@
478
633
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
479
634
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
480
635
  );
481
- --_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
+ );
482
640
  --_rs-typography-font-weight:var(
483
641
  --rs-font-weight-semi-bold,
484
642
  600
485
643
  );
486
- --_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
+ );
487
648
  --_rs-typography-base-color:var(
488
649
  --_rs-typography-heading-hardness-color,
489
650
  var(
@@ -500,17 +661,28 @@
500
661
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
501
662
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
502
663
  --_rs-typography-link-border-bottom-width-from-text:2px;
664
+
503
665
  @media screen and (max-width: 640px){
504
- --_rs-typography-font-size:var(
505
- --rs-h2-font-size-mobile,
506
- 28px
507
- );
508
- --_rs-typography-line-height:var(
509
- --rs-h2-line-height-mobile,
510
- 32px
511
- );
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
+ );
512
674
  }
513
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
+ }
514
686
  @define-mixin rs-typography-h3{
515
687
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
516
688
  --_rs-typography-text-transform:initial;
@@ -640,15 +812,22 @@
640
812
 
641
813
  --_rs-typography-ul-list-li-padding-left:26px;
642
814
  --_rs-typography-ol-list-li-padding-left:32px;
643
- --_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
+ );
644
819
 
645
820
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
646
821
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
647
822
  --_rs-typography-link-border-bottom-width-from-text:1px;
823
+
648
824
  @media screen and (max-width: 640px){
649
- --_rs-typography-list-li-margin-top-from-text:16px;
825
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
650
826
  }
651
827
  }
828
+ @define-mixin rs-typography-text-1-sm{
829
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
830
+ }
652
831
  @define-mixin rs-typography-text-2{
653
832
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
654
833
  --_rs-typography-text-transform:initial;
@@ -679,15 +858,22 @@
679
858
 
680
859
  --_rs-typography-ul-list-li-padding-left:22px;
681
860
  --_rs-typography-ol-list-li-padding-left:26px;
682
- --_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
+ );
683
865
 
684
866
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
685
867
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
686
868
  --_rs-typography-link-border-bottom-width-from-text:1px;
869
+
687
870
  @media screen and (max-width: 640px){
688
- --_rs-typography-list-li-margin-top-from-text:12px;
871
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
689
872
  }
690
873
  }
874
+ @define-mixin rs-typography-text-2-sm{
875
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
876
+ }
691
877
  @define-mixin rs-typography-text-3{
692
878
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
693
879
  --_rs-typography-text-transform:initial;
@@ -803,17 +989,31 @@
803
989
  --_rs-typography-list-li-margin-top:12px;
804
990
  }
805
991
  @define-mixin rs-typography-list-offset-items-16{
806
- --_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
+
807
997
  @media screen and (max-width: 640px){
808
- --_rs-typography-list-li-margin-top:12px;
998
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
809
999
  }
810
1000
  }
1001
+ @define-mixin rs-typography-list-offset-items-16-sm{
1002
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
1003
+ }
811
1004
  @define-mixin rs-typography-list-offset-items-24{
812
- --_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
+
813
1010
  @media screen and (max-width: 640px){
814
- --_rs-typography-list-li-margin-top:16px;
1011
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
815
1012
  }
816
1013
  }
1014
+ @define-mixin rs-typography-list-offset-items-24-sm{
1015
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
1016
+ }
817
1017
  @define-mixin rs-typography-list-offset-items-auto{
818
1018
  --_rs-typography-list-li-margin-top:initial;
819
1019
  }
@@ -1348,6 +1548,7 @@
1348
1548
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1349
1549
 
1350
1550
  transition:margin-right 300ms, margin-left 300ms;
1551
+ font-feature-settings:"ss20" 1;
1351
1552
  }
1352
1553
 
1353
1554
  &:focus[data-focus-method='key']{
@@ -1381,16 +1582,16 @@
1381
1582
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1382
1583
  );
1383
1584
  --_rs-typography-font-size:var(
1384
- --rs-digits-1-font-size,
1385
- 69px
1585
+ --_rs-typography-digits-1-sm-font-size,
1586
+ var(--rs-digits-1-font-size, 69px)
1386
1587
  );
1387
1588
  --_rs-typography-font-weight:var(
1388
1589
  --rs-font-weight-light,
1389
1590
  300
1390
1591
  );
1391
1592
  --_rs-typography-line-height:var(
1392
- --rs-digits-1-line-height,
1393
- 71px
1593
+ --_rs-typography-digits-1-sm-line-height,
1594
+ var(--rs-digits-1-line-height, 71px)
1394
1595
  );
1395
1596
  --_rs-typography-base-color:var(
1396
1597
  --_rs-typography-hardness-color,
@@ -1405,12 +1606,17 @@
1405
1606
  --_rs-typography-list-li-margin-top-from-text:initial;
1406
1607
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1407
1608
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1408
- --_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
+ );
1409
1613
  @media screen and (max-width: 640px){
1410
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
1411
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
1412
-
1413
- --_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;
1414
1620
  }
1415
1621
  --_rs-theme-dark:var(
1416
1622
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1489,7 +1695,13 @@
1489
1695
  color:var(--_rs-typography-base-color);
1490
1696
  }
1491
1697
  @define-mixin rs-typography-super-hero-full{
1492
- --_rs-typography-letter-spacing:var(--rs-super-hero-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
+ );
1493
1705
  --_rs-typography-text-transform:initial;
1494
1706
  --_rs-typography-font-variant-numeric:initial;
1495
1707
  --_rs-typography-font-family:var(
@@ -1499,16 +1711,22 @@
1499
1711
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1500
1712
  );
1501
1713
  --_rs-typography-font-size:var(
1502
- --rs-super-hero-font-size,
1503
- 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
+ )
1504
1719
  );
1505
1720
  --_rs-typography-font-weight:var(
1506
1721
  --rs-font-weight-semi-bold,
1507
1722
  600
1508
1723
  );
1509
1724
  --_rs-typography-line-height:var(
1510
- --rs-super-hero-line-height,
1511
- 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
+ )
1512
1730
  );
1513
1731
  --_rs-typography-base-color:var(
1514
1732
  --_rs-typography-heading-hardness-color,
@@ -1523,38 +1741,39 @@
1523
1741
  --_rs-typography-list-li-margin-top-from-text:initial;
1524
1742
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1525
1743
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1526
- --_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
+ );
1527
1748
  @media screen and (max-width: 1000px){
1528
- --_rs-typography-font-size:var(
1529
- --rs-middle-hero-font-size,
1530
- 92px
1531
- );
1532
- --_rs-typography-line-height:var(
1533
- --rs-middle-hero-line-height,
1534
- 92px
1535
- );
1536
- --_rs-typography-letter-spacing:var(
1537
- --rs-middle-hero-letter-spacing,
1538
- -0.008em
1539
- );
1540
-
1541
- --_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;
1542
1762
  }
1543
1763
  @media screen and (max-width: 640px){
1544
- --_rs-typography-font-size:var(
1545
- --rs-middle-hero-font-size-mobile,
1546
- 58px
1547
- );
1548
- --_rs-typography-line-height:var(
1549
- --rs-middle-hero-line-height-mobile,
1550
- 62px
1551
- );
1552
- --_rs-typography-letter-spacing:var(
1553
- --rs-middle-hero-letter-spacing-mobile,
1554
- -0.0007em
1555
- );
1556
-
1557
- --_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;
1558
1777
  }
1559
1778
  --_rs-theme-dark:var(
1560
1779
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1578,8 +1797,8 @@
1578
1797
  }
1579
1798
  @define-mixin rs-typography-middle-hero-full{
1580
1799
  --_rs-typography-letter-spacing:var(
1581
- --rs-middle-hero-letter-spacing,
1582
- -0.008em
1800
+ --_rs-typography-middle-hero-sm-letter-spacing,
1801
+ var(--rs-middle-hero-letter-spacing, -0.008em)
1583
1802
  );
1584
1803
  --_rs-typography-text-transform:initial;
1585
1804
  --_rs-typography-font-variant-numeric:initial;
@@ -1590,16 +1809,16 @@
1590
1809
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1591
1810
  );
1592
1811
  --_rs-typography-font-size:var(
1593
- --rs-middle-hero-font-size,
1594
- 92px
1812
+ --_rs-typography-middle-hero-sm-font-size,
1813
+ var(--rs-middle-hero-font-size, 92px)
1595
1814
  );
1596
1815
  --_rs-typography-font-weight:var(
1597
1816
  --rs-font-weight-semi-bold,
1598
1817
  600
1599
1818
  );
1600
1819
  --_rs-typography-line-height:var(
1601
- --rs-middle-hero-line-height,
1602
- 92px
1820
+ --_rs-typography-middle-hero-sm-line-height,
1821
+ var(--rs-middle-hero-line-height, 92px)
1603
1822
  );
1604
1823
  --_rs-typography-base-color:var(
1605
1824
  --_rs-typography-heading-hardness-color,
@@ -1614,22 +1833,24 @@
1614
1833
  --_rs-typography-list-li-margin-top-from-text:initial;
1615
1834
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1616
1835
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1617
- --_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
+ );
1618
1840
  @media screen and (max-width: 640px){
1619
- --_rs-typography-font-size:var(
1620
- --rs-middle-hero-font-size-mobile,
1621
- 58px
1622
- );
1623
- --_rs-typography-line-height:var(
1624
- --rs-middle-hero-line-height-mobile,
1625
- 62px
1626
- );
1627
- --_rs-typography-letter-spacing:var(
1628
- --rs-middle-hero-letter-spacing-mobile,
1629
- -0.0007em
1630
- );
1631
-
1632
- --_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;
1633
1854
  }
1634
1855
  --_rs-theme-dark:var(
1635
1856
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1652,7 +1873,10 @@
1652
1873
  color:var(--_rs-typography-base-color);
1653
1874
  }
1654
1875
  @define-mixin rs-typography-hero-full{
1655
- --_rs-typography-letter-spacing:var(--rs-hero-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
+ );
1656
1880
  --_rs-typography-text-transform:initial;
1657
1881
  --_rs-typography-font-variant-numeric:initial;
1658
1882
  --_rs-typography-font-family:var(
@@ -1661,14 +1885,17 @@
1661
1885
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1662
1886
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1663
1887
  );
1664
- --_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
+ );
1665
1892
  --_rs-typography-font-weight:var(
1666
1893
  --rs-font-weight-semi-bold,
1667
1894
  600
1668
1895
  );
1669
1896
  --_rs-typography-line-height:var(
1670
- --rs-hero-line-height,
1671
- 72px
1897
+ --_rs-typography-hero-sm-line-height,
1898
+ var(--rs-hero-line-height, 72px)
1672
1899
  );
1673
1900
  --_rs-typography-base-color:var(
1674
1901
  --_rs-typography-heading-hardness-color,
@@ -1683,22 +1910,24 @@
1683
1910
  --_rs-typography-list-li-margin-top-from-text:initial;
1684
1911
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1685
1912
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1686
- --_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
+ );
1687
1917
  @media screen and (max-width: 640px){
1688
- --_rs-typography-font-size:var(
1689
- --rs-hero-font-size-mobile,
1690
- 42px
1691
- );
1692
- --_rs-typography-line-height:var(
1693
- --rs-hero-line-height-mobile,
1694
- 50px
1695
- );
1696
- --_rs-typography-letter-spacing:var(
1697
- --rs-hero-letter-spacing-mobile,
1698
- -0.001em
1699
- );
1700
-
1701
- --_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;
1702
1931
  }
1703
1932
  --_rs-theme-dark:var(
1704
1933
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1721,7 +1950,10 @@
1721
1950
  color:var(--_rs-typography-base-color);
1722
1951
  }
1723
1952
  @define-mixin rs-typography-h1-full{
1724
- --_rs-typography-letter-spacing:var(--rs-h1-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
+ );
1725
1957
  --_rs-typography-text-transform:initial;
1726
1958
  --_rs-typography-font-variant-numeric:initial;
1727
1959
  --_rs-typography-font-family:var(
@@ -1730,12 +1962,18 @@
1730
1962
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1731
1963
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1732
1964
  );
1733
- --_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
+ );
1734
1969
  --_rs-typography-font-weight:var(
1735
1970
  --rs-font-weight-semi-bold,
1736
1971
  600
1737
1972
  );
1738
- --_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
+ );
1739
1977
  --_rs-typography-base-color:var(
1740
1978
  --_rs-typography-heading-hardness-color,
1741
1979
  var(
@@ -1751,15 +1989,18 @@
1751
1989
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1752
1990
  --_rs-typography-link-border-bottom-width-from-text:2px;
1753
1991
  @media screen and (max-width: 640px){
1754
- --_rs-typography-font-size:var(
1755
- --rs-h1-font-size-mobile,
1756
- 35px
1757
- );
1758
- --_rs-typography-line-height:var(
1759
- --rs-h1-line-height-mobile,
1760
- 39px
1761
- );
1762
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, 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
+ );
1763
2004
  }
1764
2005
  --_rs-theme-dark:var(
1765
2006
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1791,12 +2032,18 @@
1791
2032
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1792
2033
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1793
2034
  );
1794
- --_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
+ );
1795
2039
  --_rs-typography-font-weight:var(
1796
2040
  --rs-font-weight-semi-bold,
1797
2041
  600
1798
2042
  );
1799
- --_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
+ );
1800
2047
  --_rs-typography-base-color:var(
1801
2048
  --_rs-typography-heading-hardness-color,
1802
2049
  var(
@@ -1812,14 +2059,14 @@
1812
2059
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1813
2060
  --_rs-typography-link-border-bottom-width-from-text:2px;
1814
2061
  @media screen and (max-width: 640px){
1815
- --_rs-typography-font-size:var(
1816
- --rs-h2-font-size-mobile,
1817
- 28px
1818
- );
1819
- --_rs-typography-line-height:var(
1820
- --rs-h2-line-height-mobile,
1821
- 32px
1822
- );
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
+ );
1823
2070
  }
1824
2071
  --_rs-theme-dark:var(
1825
2072
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2002,16 +2249,16 @@
2002
2249
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2003
2250
  );
2004
2251
  --_rs-typography-font-size:var(
2005
- --rs-subtitle-1-font-size,
2006
- 39px
2252
+ --_rs-typography-subtitle-1-sm-font-size,
2253
+ var(--rs-subtitle-1-font-size, 39px)
2007
2254
  );
2008
2255
  --_rs-typography-font-weight:var(
2009
2256
  --rs-font-weight-light,
2010
2257
  300
2011
2258
  );
2012
2259
  --_rs-typography-line-height:var(
2013
- --rs-subtitle-1-line-height,
2014
- 49px
2260
+ --_rs-typography-subtitle-1-sm-line-height,
2261
+ var(--rs-subtitle-1-line-height, 49px)
2015
2262
  );
2016
2263
  --_rs-typography-base-color:var(
2017
2264
  --_rs-typography-hardness-color,
@@ -2028,14 +2275,14 @@
2028
2275
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2029
2276
  --_rs-typography-link-border-bottom-width-from-text:2px;
2030
2277
  @media screen and (max-width: 640px){
2031
- --_rs-typography-font-size:var(
2032
- --rs-subtitle-2-font-size-mobile,
2033
- 23px
2034
- );
2035
- --_rs-typography-line-height:var(
2036
- --rs-subtitle-2-line-height-mobile,
2037
- 30px
2038
- );
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
+ );
2039
2286
  }
2040
2287
  --_rs-theme-dark:var(
2041
2288
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2068,16 +2315,16 @@
2068
2315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2069
2316
  );
2070
2317
  --_rs-typography-font-size:var(
2071
- --rs-subtitle-2-font-size,
2072
- 29px
2318
+ --_rs-typography-subtitle-2-sm-font-size,
2319
+ var(--rs-subtitle-2-font-size, 29px)
2073
2320
  );
2074
2321
  --_rs-typography-font-weight:var(
2075
2322
  --rs-font-weight-light,
2076
2323
  300
2077
2324
  );
2078
2325
  --_rs-typography-line-height:var(
2079
- --rs-subtitle-2-line-height,
2080
- 39px
2326
+ --_rs-typography-subtitle-2-sm-line-height,
2327
+ var(--rs-subtitle-2-line-height, 39px)
2081
2328
  );
2082
2329
  --_rs-typography-base-color:var(
2083
2330
  --_rs-typography-hardness-color,
@@ -2094,14 +2341,14 @@
2094
2341
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2095
2342
  --_rs-typography-link-border-bottom-width-from-text:2px;
2096
2343
  @media screen and (max-width: 640px){
2097
- --_rs-typography-font-size:var(
2098
- --rs-subtitle-2-font-size-mobile,
2099
- 23px
2100
- );
2101
- --_rs-typography-line-height:var(
2102
- --rs-subtitle-2-line-height-mobile,
2103
- 30px
2104
- );
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
+ );
2105
2352
  }
2106
2353
  --_rs-theme-dark:var(
2107
2354
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2208,12 +2455,15 @@
2208
2455
  --_rs-typography-text-auto-offset:32px;
2209
2456
  --_rs-typography-ul-list-li-padding-left:26px;
2210
2457
  --_rs-typography-ol-list-li-padding-left:32px;
2211
- --_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
+ );
2212
2462
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2213
2463
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2214
2464
  --_rs-typography-link-border-bottom-width-from-text:1px;
2215
2465
  @media screen and (max-width: 640px){
2216
- --_rs-typography-list-li-margin-top-from-text:16px;
2466
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2217
2467
  }
2218
2468
  --_rs-theme-dark:var(
2219
2469
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2264,12 +2514,15 @@
2264
2514
  --_rs-typography-text-auto-offset:16px;
2265
2515
  --_rs-typography-ul-list-li-padding-left:22px;
2266
2516
  --_rs-typography-ol-list-li-padding-left:26px;
2267
- --_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
+ );
2268
2521
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2269
2522
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2270
2523
  --_rs-typography-link-border-bottom-width-from-text:1px;
2271
2524
  @media screen and (max-width: 640px){
2272
- --_rs-typography-list-li-margin-top-from-text:12px;
2525
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2273
2526
  }
2274
2527
  --_rs-theme-dark:var(
2275
2528
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2739,6 +2992,7 @@
2739
2992
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2740
2993
 
2741
2994
  transition:margin-right 300ms, margin-left 300ms;
2995
+ font-feature-settings:"ss20" 1;
2742
2996
  }
2743
2997
  &:focus[data-focus-method='key']{
2744
2998
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
@@ -2758,16 +3012,16 @@
2758
3012
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2759
3013
  );
2760
3014
  --_rs-typography-font-size:var(
2761
- --rs-digits-1-font-size,
2762
- 69px
3015
+ --_rs-typography-digits-1-sm-font-size,
3016
+ var(--rs-digits-1-font-size, 69px)
2763
3017
  );
2764
3018
  --_rs-typography-font-weight:var(
2765
3019
  --rs-font-weight-light,
2766
3020
  300
2767
3021
  );
2768
3022
  --_rs-typography-line-height:var(
2769
- --rs-digits-1-line-height,
2770
- 71px
3023
+ --_rs-typography-digits-1-sm-line-height,
3024
+ var(--rs-digits-1-line-height, 71px)
2771
3025
  );
2772
3026
  --_rs-typography-base-color:var(
2773
3027
  --_rs-typography-hardness-color,
@@ -2782,14 +3036,19 @@
2782
3036
  --_rs-typography-list-li-margin-top-from-text:initial;
2783
3037
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2784
3038
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2785
- --_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
+ );
2786
3043
  }
2787
3044
  @media screen and (max-width: 640px){
2788
3045
  &:not(html){
2789
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
2790
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
2791
-
2792
- --_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;
2793
3052
  }
2794
3053
  }
2795
3054
  }
@@ -2834,7 +3093,13 @@
2834
3093
  }
2835
3094
  @define-mixin rs-text-cn-super-hero{
2836
3095
  &:not(html){
2837
- --_rs-typography-letter-spacing:var(--rs-super-hero-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
+ );
2838
3103
  --_rs-typography-text-transform:initial;
2839
3104
  --_rs-typography-font-variant-numeric:initial;
2840
3105
  --_rs-typography-font-family:var(
@@ -2844,16 +3109,22 @@
2844
3109
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2845
3110
  );
2846
3111
  --_rs-typography-font-size:var(
2847
- --rs-super-hero-font-size,
2848
- 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
+ )
2849
3117
  );
2850
3118
  --_rs-typography-font-weight:var(
2851
3119
  --rs-font-weight-semi-bold,
2852
3120
  600
2853
3121
  );
2854
3122
  --_rs-typography-line-height:var(
2855
- --rs-super-hero-line-height,
2856
- 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
+ )
2857
3128
  );
2858
3129
  --_rs-typography-base-color:var(
2859
3130
  --_rs-typography-heading-hardness-color,
@@ -2868,50 +3139,51 @@
2868
3139
  --_rs-typography-list-li-margin-top-from-text:initial;
2869
3140
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2870
3141
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2871
- --_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
+ );
2872
3146
  }
2873
3147
  @media screen and (max-width: 1000px){
2874
3148
  &:not(html){
2875
- --_rs-typography-font-size:var(
2876
- --rs-middle-hero-font-size,
2877
- 92px
2878
- );
2879
- --_rs-typography-line-height:var(
2880
- --rs-middle-hero-line-height,
2881
- 92px
2882
- );
2883
- --_rs-typography-letter-spacing:var(
2884
- --rs-middle-hero-letter-spacing,
2885
- -0.008em
2886
- );
2887
-
2888
- --_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;
2889
3162
  }
2890
3163
  }
2891
3164
  @media screen and (max-width: 640px){
2892
3165
  &: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:var(
2902
- --rs-middle-hero-letter-spacing-mobile,
2903
- -0.0007em
2904
- );
2905
-
2906
- --_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;
2907
3179
  }
2908
3180
  }
2909
3181
  }
2910
3182
  @define-mixin rs-text-cn-middle-hero{
2911
3183
  &:not(html){
2912
3184
  --_rs-typography-letter-spacing:var(
2913
- --rs-middle-hero-letter-spacing,
2914
- -0.008em
3185
+ --_rs-typography-middle-hero-sm-letter-spacing,
3186
+ var(--rs-middle-hero-letter-spacing, -0.008em)
2915
3187
  );
2916
3188
  --_rs-typography-text-transform:initial;
2917
3189
  --_rs-typography-font-variant-numeric:initial;
@@ -2922,16 +3194,16 @@
2922
3194
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2923
3195
  );
2924
3196
  --_rs-typography-font-size:var(
2925
- --rs-middle-hero-font-size,
2926
- 92px
3197
+ --_rs-typography-middle-hero-sm-font-size,
3198
+ var(--rs-middle-hero-font-size, 92px)
2927
3199
  );
2928
3200
  --_rs-typography-font-weight:var(
2929
3201
  --rs-font-weight-semi-bold,
2930
3202
  600
2931
3203
  );
2932
3204
  --_rs-typography-line-height:var(
2933
- --rs-middle-hero-line-height,
2934
- 92px
3205
+ --_rs-typography-middle-hero-sm-line-height,
3206
+ var(--rs-middle-hero-line-height, 92px)
2935
3207
  );
2936
3208
  --_rs-typography-base-color:var(
2937
3209
  --_rs-typography-heading-hardness-color,
@@ -2946,30 +3218,35 @@
2946
3218
  --_rs-typography-list-li-margin-top-from-text:initial;
2947
3219
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2948
3220
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2949
- --_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
+ );
2950
3225
  }
2951
3226
  @media screen and (max-width: 640px){
2952
3227
  &:not(html){
2953
- --_rs-typography-font-size:var(
2954
- --rs-middle-hero-font-size-mobile,
2955
- 58px
2956
- );
2957
- --_rs-typography-line-height:var(
2958
- --rs-middle-hero-line-height-mobile,
2959
- 62px
2960
- );
2961
- --_rs-typography-letter-spacing:var(
2962
- --rs-middle-hero-letter-spacing-mobile,
2963
- -0.0007em
2964
- );
2965
-
2966
- --_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;
2967
3241
  }
2968
3242
  }
2969
3243
  }
2970
3244
  @define-mixin rs-text-cn-hero{
2971
3245
  &:not(html){
2972
- --_rs-typography-letter-spacing:var(--rs-hero-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
+ );
2973
3250
  --_rs-typography-text-transform:initial;
2974
3251
  --_rs-typography-font-variant-numeric:initial;
2975
3252
  --_rs-typography-font-family:var(
@@ -2978,14 +3255,17 @@
2978
3255
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2979
3256
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2980
3257
  );
2981
- --_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
+ );
2982
3262
  --_rs-typography-font-weight:var(
2983
3263
  --rs-font-weight-semi-bold,
2984
3264
  600
2985
3265
  );
2986
3266
  --_rs-typography-line-height:var(
2987
- --rs-hero-line-height,
2988
- 72px
3267
+ --_rs-typography-hero-sm-line-height,
3268
+ var(--rs-hero-line-height, 72px)
2989
3269
  );
2990
3270
  --_rs-typography-base-color:var(
2991
3271
  --_rs-typography-heading-hardness-color,
@@ -3000,24 +3280,26 @@
3000
3280
  --_rs-typography-list-li-margin-top-from-text:initial;
3001
3281
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3002
3282
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
3003
- --_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
+ );
3004
3287
  }
3005
3288
  @media screen and (max-width: 640px){
3006
3289
  &:not(html){
3007
- --_rs-typography-font-size:var(
3008
- --rs-hero-font-size-mobile,
3009
- 42px
3010
- );
3011
- --_rs-typography-line-height:var(
3012
- --rs-hero-line-height-mobile,
3013
- 50px
3014
- );
3015
- --_rs-typography-letter-spacing:var(
3016
- --rs-hero-letter-spacing-mobile,
3017
- -0.001em
3018
- );
3019
-
3020
- --_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;
3021
3303
  }
3022
3304
  }
3023
3305
  }
@@ -3033,16 +3315,16 @@
3033
3315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3034
3316
  );
3035
3317
  --_rs-typography-font-size:var(
3036
- --rs-subtitle-1-font-size,
3037
- 39px
3318
+ --_rs-typography-subtitle-1-sm-font-size,
3319
+ var(--rs-subtitle-1-font-size, 39px)
3038
3320
  );
3039
3321
  --_rs-typography-font-weight:var(
3040
3322
  --rs-font-weight-light,
3041
3323
  300
3042
3324
  );
3043
3325
  --_rs-typography-line-height:var(
3044
- --rs-subtitle-1-line-height,
3045
- 49px
3326
+ --_rs-typography-subtitle-1-sm-line-height,
3327
+ var(--rs-subtitle-1-line-height, 49px)
3046
3328
  );
3047
3329
  --_rs-typography-base-color:var(
3048
3330
  --_rs-typography-hardness-color,
@@ -3061,14 +3343,14 @@
3061
3343
  }
3062
3344
  @media screen and (max-width: 640px){
3063
3345
  &:not(html){
3064
- --_rs-typography-font-size:var(
3065
- --rs-subtitle-2-font-size-mobile,
3066
- 23px
3067
- );
3068
- --_rs-typography-line-height:var(
3069
- --rs-subtitle-2-line-height-mobile,
3070
- 30px
3071
- );
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
+ );
3072
3354
  }
3073
3355
  }
3074
3356
  }
@@ -3084,16 +3366,16 @@
3084
3366
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3085
3367
  );
3086
3368
  --_rs-typography-font-size:var(
3087
- --rs-subtitle-2-font-size,
3088
- 29px
3369
+ --_rs-typography-subtitle-2-sm-font-size,
3370
+ var(--rs-subtitle-2-font-size, 29px)
3089
3371
  );
3090
3372
  --_rs-typography-font-weight:var(
3091
3373
  --rs-font-weight-light,
3092
3374
  300
3093
3375
  );
3094
3376
  --_rs-typography-line-height:var(
3095
- --rs-subtitle-2-line-height,
3096
- 39px
3377
+ --_rs-typography-subtitle-2-sm-line-height,
3378
+ var(--rs-subtitle-2-line-height, 39px)
3097
3379
  );
3098
3380
  --_rs-typography-base-color:var(
3099
3381
  --_rs-typography-hardness-color,
@@ -3112,20 +3394,23 @@
3112
3394
  }
3113
3395
  @media screen and (max-width: 640px){
3114
3396
  &:not(html){
3115
- --_rs-typography-font-size:var(
3116
- --rs-subtitle-2-font-size-mobile,
3117
- 23px
3118
- );
3119
- --_rs-typography-line-height:var(
3120
- --rs-subtitle-2-line-height-mobile,
3121
- 30px
3122
- );
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
+ );
3123
3405
  }
3124
3406
  }
3125
3407
  }
3126
3408
  @define-mixin rs-text-cn-h1{
3127
3409
  &:not(html){
3128
- --_rs-typography-letter-spacing:var(--rs-h1-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
+ );
3129
3414
  --_rs-typography-text-transform:initial;
3130
3415
  --_rs-typography-font-variant-numeric:initial;
3131
3416
  --_rs-typography-font-family:var(
@@ -3134,12 +3419,18 @@
3134
3419
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3135
3420
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3136
3421
  );
3137
- --_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
+ );
3138
3426
  --_rs-typography-font-weight:var(
3139
3427
  --rs-font-weight-semi-bold,
3140
3428
  600
3141
3429
  );
3142
- --_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
+ );
3143
3434
  --_rs-typography-base-color:var(
3144
3435
  --_rs-typography-heading-hardness-color,
3145
3436
  var(
@@ -3157,15 +3448,18 @@
3157
3448
  }
3158
3449
  @media screen and (max-width: 640px){
3159
3450
  &:not(html){
3160
- --_rs-typography-font-size:var(
3161
- --rs-h1-font-size-mobile,
3162
- 35px
3163
- );
3164
- --_rs-typography-line-height:var(
3165
- --rs-h1-line-height-mobile,
3166
- 39px
3167
- );
3168
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, 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
+ );
3169
3463
  }
3170
3464
  }
3171
3465
  }
@@ -3180,12 +3474,18 @@
3180
3474
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3181
3475
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3182
3476
  );
3183
- --_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
+ );
3184
3481
  --_rs-typography-font-weight:var(
3185
3482
  --rs-font-weight-semi-bold,
3186
3483
  600
3187
3484
  );
3188
- --_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
+ );
3189
3489
  --_rs-typography-base-color:var(
3190
3490
  --_rs-typography-heading-hardness-color,
3191
3491
  var(
@@ -3203,14 +3503,14 @@
3203
3503
  }
3204
3504
  @media screen and (max-width: 640px){
3205
3505
  &:not(html){
3206
- --_rs-typography-font-size:var(
3207
- --rs-h2-font-size-mobile,
3208
- 28px
3209
- );
3210
- --_rs-typography-line-height:var(
3211
- --rs-h2-line-height-mobile,
3212
- 32px
3213
- );
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
+ );
3214
3514
  }
3215
3515
  }
3216
3516
  }
@@ -3382,14 +3682,17 @@
3382
3682
  --_rs-typography-text-auto-offset:32px;
3383
3683
  --_rs-typography-ul-list-li-padding-left:26px;
3384
3684
  --_rs-typography-ol-list-li-padding-left:32px;
3385
- --_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
+ );
3386
3689
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3387
3690
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3388
3691
  --_rs-typography-link-border-bottom-width-from-text:1px;
3389
3692
  }
3390
3693
  @media screen and (max-width: 640px){
3391
3694
  &:not(html){
3392
- --_rs-typography-list-li-margin-top-from-text:16px;
3695
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
3393
3696
  }
3394
3697
  }
3395
3698
  }
@@ -3423,14 +3726,17 @@
3423
3726
  --_rs-typography-text-auto-offset:16px;
3424
3727
  --_rs-typography-ul-list-li-padding-left:22px;
3425
3728
  --_rs-typography-ol-list-li-padding-left:26px;
3426
- --_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
+ );
3427
3733
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3428
3734
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3429
3735
  --_rs-typography-link-border-bottom-width-from-text:1px;
3430
3736
  }
3431
3737
  @media screen and (max-width: 640px){
3432
3738
  &:not(html){
3433
- --_rs-typography-list-li-margin-top-from-text:12px;
3739
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
3434
3740
  }
3435
3741
  }
3436
3742
  }
@@ -3540,21 +3846,27 @@
3540
3846
  }
3541
3847
  @define-mixin rs-text-cn-list-offset-items-16{
3542
3848
  &:not(html){
3543
- --_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
+ );
3544
3853
  }
3545
3854
  @media screen and (max-width: 640px){
3546
3855
  &:not(html){
3547
- --_rs-typography-list-li-margin-top:12px;
3856
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
3548
3857
  }
3549
3858
  }
3550
3859
  }
3551
3860
  @define-mixin rs-text-cn-list-offset-items-24{
3552
3861
  &:not(html){
3553
- --_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
+ );
3554
3866
  }
3555
3867
  @media screen and (max-width: 640px){
3556
3868
  &:not(html){
3557
- --_rs-typography-list-li-margin-top:16px;
3869
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
3558
3870
  }
3559
3871
  }
3560
3872
  }
@@ -3762,3 +4074,105 @@
3762
4074
  --_rs-typography-link-after-content-or-initial:initial;
3763
4075
  }
3764
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
+ }