@rescui/typography 0.19.0 → 0.19.2-RUI-226-Update-card-cn-6e43cc89.60

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 (15) hide show
  1. package/lib/create-text-cn.js +18 -31
  2. package/lib/font-jb-sans-auto-cn-cdn.css +9 -9
  3. package/lib/font-jb-sans-auto.css +9 -9
  4. package/lib/font-jb-sans-cn-cdn.css +6 -6
  5. package/lib/font-jb-sans-variable-cn-cdn.css +3 -3
  6. package/lib/font-jb-sans-variable.css +3 -3
  7. package/lib/font-jb-sans.css +6 -6
  8. package/lib/index-moduled.css +342 -264
  9. package/lib/index-moduled.p.module.css.js +120 -120
  10. package/lib/index.css +227 -149
  11. package/lib/mixins.p.css +446 -320
  12. package/lib/mixins.pcss +446 -320
  13. package/lib/public-api.p.css +899 -453
  14. package/lib/public-api.pcss +899 -453
  15. package/package.json +8 -7
package/lib/public-api.pcss 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
  }
@@ -976,13 +1191,15 @@
976
1191
  line-height:var(--_rs-typography-line-height);
977
1192
 
978
1193
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
979
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
980
- font-feature-settings:'kern', 'liga', 'calt';
1194
+ font-feature-settings:'kern', 'liga', 'calt';
981
1195
  }
982
1196
  @define-mixin rs-typography-paragraph-auto-offset-styles{
983
1197
  & > p:not(:nth-child(1)),
984
1198
  & > pre:not(:nth-child(1)){
985
- 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
+ );
986
1203
  }
987
1204
  }
988
1205
  @define-mixin rs-typography-list-styles{
@@ -1013,17 +1230,22 @@
1013
1230
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1014
1231
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1015
1232
  );
1016
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1017
- font-feature-settings:'kern', 'liga', 'calt';
1233
+ font-feature-settings:'kern', 'liga', 'calt';
1018
1234
 
1019
1235
  > li{
1020
1236
  position:relative;
1021
1237
 
1022
1238
  margin-top:var(
1023
- --_rs-typography-list-li-margin-top,
1024
- 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)
1025
1248
  );
1026
- padding-left:var(--_rs-typography-list-li-padding-left);
1027
1249
 
1028
1250
  list-style-type:none;
1029
1251
  }
@@ -1054,9 +1276,7 @@
1054
1276
  0.1
1055
1277
  );
1056
1278
 
1057
- -webkit-box-sizing:border-box;
1058
-
1059
- box-sizing:border-box;
1279
+ box-sizing:border-box;
1060
1280
  padding:0.11111em 0.44444em;
1061
1281
 
1062
1282
  border-radius:4px;
@@ -1084,9 +1304,7 @@
1084
1304
 
1085
1305
  overflow:auto;
1086
1306
 
1087
- -webkit-box-sizing:border-box;
1088
-
1089
- box-sizing:border-box;
1307
+ box-sizing:border-box;
1090
1308
  width:100%;
1091
1309
 
1092
1310
  max-width:100%;
@@ -1284,12 +1502,10 @@
1284
1502
  background-repeat:repeat-x;
1285
1503
  background-position:left calc(100% + 4px);
1286
1504
  background-size:var(--_rs-typography-link-background-size-final);
1287
- -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
1288
- box-shadow:var(--_rs-typography-link-box-shadow-final);
1505
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
1289
1506
 
1290
1507
  font-size:inherit;
1291
1508
  line-height:inherit;
1292
- -webkit-transition:var(--_rs-typography-link-transition-wf);
1293
1509
  transition:var(--_rs-typography-link-transition-wf);
1294
1510
 
1295
1511
  &:active,
@@ -1331,9 +1547,8 @@
1331
1547
 
1332
1548
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1333
1549
 
1334
- -webkit-transition:margin-right 300ms, margin-left 300ms;
1335
-
1336
1550
  transition:margin-right 300ms, margin-left 300ms;
1551
+ font-feature-settings:"ss20" 1;
1337
1552
  }
1338
1553
 
1339
1554
  &:focus[data-focus-method='key']{
@@ -1357,7 +1572,7 @@
1357
1572
  --rs-theme-dark:1;
1358
1573
  }
1359
1574
  @define-mixin rs-typography-digits-1-full{
1360
- --_rs-typography-letter-spacing:-0.005em;
1575
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
1361
1576
  --_rs-typography-text-transform:initial;
1362
1577
  --_rs-typography-font-variant-numeric:tabular-nums;
1363
1578
  --_rs-typography-font-family:var(
@@ -1367,16 +1582,16 @@
1367
1582
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1368
1583
  );
1369
1584
  --_rs-typography-font-size:var(
1370
- --rs-digits-1-font-size,
1371
- 69px
1585
+ --_rs-typography-digits-1-sm-font-size,
1586
+ var(--rs-digits-1-font-size, 69px)
1372
1587
  );
1373
1588
  --_rs-typography-font-weight:var(
1374
1589
  --rs-font-weight-light,
1375
1590
  300
1376
1591
  );
1377
1592
  --_rs-typography-line-height:var(
1378
- --rs-digits-1-line-height,
1379
- 71px
1593
+ --_rs-typography-digits-1-sm-line-height,
1594
+ var(--rs-digits-1-line-height, 71px)
1380
1595
  );
1381
1596
  --_rs-typography-base-color:var(
1382
1597
  --_rs-typography-hardness-color,
@@ -1391,12 +1606,17 @@
1391
1606
  --_rs-typography-list-li-margin-top-from-text:initial;
1392
1607
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1393
1608
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1394
- --_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
+ );
1395
1613
  @media screen and (max-width: 640px){
1396
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
1397
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
1398
-
1399
- --_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;
1400
1620
  }
1401
1621
  --_rs-theme-dark:var(
1402
1622
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1415,12 +1635,11 @@
1415
1635
  font-weight:var(--_rs-typography-font-weight);
1416
1636
  line-height:var(--_rs-typography-line-height);
1417
1637
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1418
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1419
1638
  font-feature-settings:'kern', 'liga', 'calt';
1420
1639
  color:var(--_rs-typography-base-color);
1421
1640
  }
1422
1641
  @define-mixin rs-typography-digits-2-full{
1423
- --_rs-typography-letter-spacing:-0.005em;
1642
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
1424
1643
  --_rs-typography-text-transform:initial;
1425
1644
  --_rs-typography-font-variant-numeric:tabular-nums;
1426
1645
  --_rs-typography-font-family:var(
@@ -1472,12 +1691,17 @@
1472
1691
  font-weight:var(--_rs-typography-font-weight);
1473
1692
  line-height:var(--_rs-typography-line-height);
1474
1693
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1475
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1476
1694
  font-feature-settings:'kern', 'liga', 'calt';
1477
1695
  color:var(--_rs-typography-base-color);
1478
1696
  }
1479
1697
  @define-mixin rs-typography-super-hero-full{
1480
- --_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
+ );
1481
1705
  --_rs-typography-text-transform:initial;
1482
1706
  --_rs-typography-font-variant-numeric:initial;
1483
1707
  --_rs-typography-font-family:var(
@@ -1487,16 +1711,22 @@
1487
1711
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1488
1712
  );
1489
1713
  --_rs-typography-font-size:var(
1490
- --rs-super-hero-font-size,
1491
- 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
+ )
1492
1719
  );
1493
1720
  --_rs-typography-font-weight:var(
1494
1721
  --rs-font-weight-semi-bold,
1495
1722
  600
1496
1723
  );
1497
1724
  --_rs-typography-line-height:var(
1498
- --rs-super-hero-line-height,
1499
- 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
+ )
1500
1730
  );
1501
1731
  --_rs-typography-base-color:var(
1502
1732
  --_rs-typography-heading-hardness-color,
@@ -1511,32 +1741,39 @@
1511
1741
  --_rs-typography-list-li-margin-top-from-text:initial;
1512
1742
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1513
1743
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1514
- --_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
+ );
1515
1748
  @media screen and (max-width: 1000px){
1516
- --_rs-typography-font-size:var(
1517
- --rs-middle-hero-font-size,
1518
- 92px
1519
- );
1520
- --_rs-typography-line-height:var(
1521
- --rs-middle-hero-line-height,
1522
- 92px
1523
- );
1524
- --_rs-typography-letter-spacing:-0.008em;
1525
-
1526
- --_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;
1527
1762
  }
1528
1763
  @media screen and (max-width: 640px){
1529
- --_rs-typography-font-size:var(
1530
- --rs-middle-hero-font-size-mobile,
1531
- 58px
1532
- );
1533
- --_rs-typography-line-height:var(
1534
- --rs-middle-hero-line-height-mobile,
1535
- 62px
1536
- );
1537
- --_rs-typography-letter-spacing:-0.0007em;
1538
-
1539
- --_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;
1540
1777
  }
1541
1778
  --_rs-theme-dark:var(
1542
1779
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1555,12 +1792,14 @@
1555
1792
  font-weight:var(--_rs-typography-font-weight);
1556
1793
  line-height:var(--_rs-typography-line-height);
1557
1794
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1558
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1559
1795
  font-feature-settings:'kern', 'liga', 'calt';
1560
1796
  color:var(--_rs-typography-base-color);
1561
1797
  }
1562
1798
  @define-mixin rs-typography-middle-hero-full{
1563
- --_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
+ );
1564
1803
  --_rs-typography-text-transform:initial;
1565
1804
  --_rs-typography-font-variant-numeric:initial;
1566
1805
  --_rs-typography-font-family:var(
@@ -1570,16 +1809,16 @@
1570
1809
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1571
1810
  );
1572
1811
  --_rs-typography-font-size:var(
1573
- --rs-middle-hero-font-size,
1574
- 92px
1812
+ --_rs-typography-middle-hero-sm-font-size,
1813
+ var(--rs-middle-hero-font-size, 92px)
1575
1814
  );
1576
1815
  --_rs-typography-font-weight:var(
1577
1816
  --rs-font-weight-semi-bold,
1578
1817
  600
1579
1818
  );
1580
1819
  --_rs-typography-line-height:var(
1581
- --rs-middle-hero-line-height,
1582
- 92px
1820
+ --_rs-typography-middle-hero-sm-line-height,
1821
+ var(--rs-middle-hero-line-height, 92px)
1583
1822
  );
1584
1823
  --_rs-typography-base-color:var(
1585
1824
  --_rs-typography-heading-hardness-color,
@@ -1594,19 +1833,24 @@
1594
1833
  --_rs-typography-list-li-margin-top-from-text:initial;
1595
1834
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1596
1835
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1597
- --_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
+ );
1598
1840
  @media screen and (max-width: 640px){
1599
- --_rs-typography-font-size:var(
1600
- --rs-middle-hero-font-size-mobile,
1601
- 58px
1602
- );
1603
- --_rs-typography-line-height:var(
1604
- --rs-middle-hero-line-height-mobile,
1605
- 62px
1606
- );
1607
- --_rs-typography-letter-spacing:-0.0007em;
1608
-
1609
- --_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;
1610
1854
  }
1611
1855
  --_rs-theme-dark:var(
1612
1856
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1625,12 +1869,14 @@
1625
1869
  font-weight:var(--_rs-typography-font-weight);
1626
1870
  line-height:var(--_rs-typography-line-height);
1627
1871
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1628
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1629
1872
  font-feature-settings:'kern', 'liga', 'calt';
1630
1873
  color:var(--_rs-typography-base-color);
1631
1874
  }
1632
1875
  @define-mixin rs-typography-hero-full{
1633
- --_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
+ );
1634
1880
  --_rs-typography-text-transform:initial;
1635
1881
  --_rs-typography-font-variant-numeric:initial;
1636
1882
  --_rs-typography-font-family:var(
@@ -1639,14 +1885,17 @@
1639
1885
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1640
1886
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1641
1887
  );
1642
- --_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
+ );
1643
1892
  --_rs-typography-font-weight:var(
1644
1893
  --rs-font-weight-semi-bold,
1645
1894
  600
1646
1895
  );
1647
1896
  --_rs-typography-line-height:var(
1648
- --rs-hero-line-height,
1649
- 72px
1897
+ --_rs-typography-hero-sm-line-height,
1898
+ var(--rs-hero-line-height, 72px)
1650
1899
  );
1651
1900
  --_rs-typography-base-color:var(
1652
1901
  --_rs-typography-heading-hardness-color,
@@ -1661,19 +1910,24 @@
1661
1910
  --_rs-typography-list-li-margin-top-from-text:initial;
1662
1911
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1663
1912
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1664
- --_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
+ );
1665
1917
  @media screen and (max-width: 640px){
1666
- --_rs-typography-font-size:var(
1667
- --rs-hero-font-size-mobile,
1668
- 42px
1669
- );
1670
- --_rs-typography-line-height:var(
1671
- --rs-hero-line-height-mobile,
1672
- 50px
1673
- );
1674
- --_rs-typography-letter-spacing:-0.001em;
1675
-
1676
- --_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;
1677
1931
  }
1678
1932
  --_rs-theme-dark:var(
1679
1933
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1692,12 +1946,14 @@
1692
1946
  font-weight:var(--_rs-typography-font-weight);
1693
1947
  line-height:var(--_rs-typography-line-height);
1694
1948
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1695
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1696
1949
  font-feature-settings:'kern', 'liga', 'calt';
1697
1950
  color:var(--_rs-typography-base-color);
1698
1951
  }
1699
1952
  @define-mixin rs-typography-h1-full{
1700
- --_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
+ );
1701
1957
  --_rs-typography-text-transform:initial;
1702
1958
  --_rs-typography-font-variant-numeric:initial;
1703
1959
  --_rs-typography-font-family:var(
@@ -1706,12 +1962,18 @@
1706
1962
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1707
1963
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1708
1964
  );
1709
- --_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
+ );
1710
1969
  --_rs-typography-font-weight:var(
1711
1970
  --rs-font-weight-semi-bold,
1712
1971
  600
1713
1972
  );
1714
- --_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
+ );
1715
1977
  --_rs-typography-base-color:var(
1716
1978
  --_rs-typography-heading-hardness-color,
1717
1979
  var(
@@ -1727,15 +1989,18 @@
1727
1989
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1728
1990
  --_rs-typography-link-border-bottom-width-from-text:2px;
1729
1991
  @media screen and (max-width: 640px){
1730
- --_rs-typography-font-size:var(
1731
- --rs-h1-font-size-mobile,
1732
- 35px
1733
- );
1734
- --_rs-typography-line-height:var(
1735
- --rs-h1-line-height-mobile,
1736
- 39px
1737
- );
1738
- --_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
+ );
1739
2004
  }
1740
2005
  --_rs-theme-dark:var(
1741
2006
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1754,12 +2019,11 @@
1754
2019
  font-weight:var(--_rs-typography-font-weight);
1755
2020
  line-height:var(--_rs-typography-line-height);
1756
2021
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1757
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1758
2022
  font-feature-settings:'kern', 'liga', 'calt';
1759
2023
  color:var(--_rs-typography-base-color);
1760
2024
  }
1761
2025
  @define-mixin rs-typography-h2-full{
1762
- --_rs-typography-letter-spacing:normal;
2026
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1763
2027
  --_rs-typography-text-transform:initial;
1764
2028
  --_rs-typography-font-variant-numeric:initial;
1765
2029
  --_rs-typography-font-family:var(
@@ -1768,12 +2032,18 @@
1768
2032
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1769
2033
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1770
2034
  );
1771
- --_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
+ );
1772
2039
  --_rs-typography-font-weight:var(
1773
2040
  --rs-font-weight-semi-bold,
1774
2041
  600
1775
2042
  );
1776
- --_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
+ );
1777
2047
  --_rs-typography-base-color:var(
1778
2048
  --_rs-typography-heading-hardness-color,
1779
2049
  var(
@@ -1789,14 +2059,14 @@
1789
2059
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1790
2060
  --_rs-typography-link-border-bottom-width-from-text:2px;
1791
2061
  @media screen and (max-width: 640px){
1792
- --_rs-typography-font-size:var(
1793
- --rs-h2-font-size-mobile,
1794
- 28px
1795
- );
1796
- --_rs-typography-line-height:var(
1797
- --rs-h2-line-height-mobile,
1798
- 32px
1799
- );
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
+ );
1800
2070
  }
1801
2071
  --_rs-theme-dark:var(
1802
2072
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1815,12 +2085,11 @@
1815
2085
  font-weight:var(--_rs-typography-font-weight);
1816
2086
  line-height:var(--_rs-typography-line-height);
1817
2087
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1818
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1819
2088
  font-feature-settings:'kern', 'liga', 'calt';
1820
2089
  color:var(--_rs-typography-base-color);
1821
2090
  }
1822
2091
  @define-mixin rs-typography-h3-full{
1823
- --_rs-typography-letter-spacing:normal;
2092
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1824
2093
  --_rs-typography-text-transform:initial;
1825
2094
  --_rs-typography-font-variant-numeric:initial;
1826
2095
  --_rs-typography-font-family:var(
@@ -1866,12 +2135,11 @@
1866
2135
  font-weight:var(--_rs-typography-font-weight);
1867
2136
  line-height:var(--_rs-typography-line-height);
1868
2137
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1869
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1870
2138
  font-feature-settings:'kern', 'liga', 'calt';
1871
2139
  color:var(--_rs-typography-base-color);
1872
2140
  }
1873
2141
  @define-mixin rs-typography-h4-full{
1874
- --_rs-typography-letter-spacing:normal;
2142
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1875
2143
  --_rs-typography-text-transform:initial;
1876
2144
  --_rs-typography-font-variant-numeric:initial;
1877
2145
  --_rs-typography-font-family:var(
@@ -1917,12 +2185,11 @@
1917
2185
  font-weight:var(--_rs-typography-font-weight);
1918
2186
  line-height:var(--_rs-typography-line-height);
1919
2187
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1920
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1921
2188
  font-feature-settings:'kern', 'liga', 'calt';
1922
2189
  color:var(--_rs-typography-base-color);
1923
2190
  }
1924
2191
  @define-mixin rs-typography-h5-full{
1925
- --_rs-typography-letter-spacing:normal;
2192
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1926
2193
  --_rs-typography-text-transform:initial;
1927
2194
  --_rs-typography-font-variant-numeric:initial;
1928
2195
  --_rs-typography-font-family:var(
@@ -1968,12 +2235,11 @@
1968
2235
  font-weight:var(--_rs-typography-font-weight);
1969
2236
  line-height:var(--_rs-typography-line-height);
1970
2237
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1971
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1972
2238
  font-feature-settings:'kern', 'liga', 'calt';
1973
2239
  color:var(--_rs-typography-base-color);
1974
2240
  }
1975
2241
  @define-mixin rs-typography-subtitle-1-full{
1976
- --_rs-typography-letter-spacing:normal;
2242
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
1977
2243
  --_rs-typography-text-transform:initial;
1978
2244
  --_rs-typography-font-variant-numeric:initial;
1979
2245
  --_rs-typography-font-family:var(
@@ -1983,16 +2249,16 @@
1983
2249
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1984
2250
  );
1985
2251
  --_rs-typography-font-size:var(
1986
- --rs-subtitle-1-font-size,
1987
- 39px
2252
+ --_rs-typography-subtitle-1-sm-font-size,
2253
+ var(--rs-subtitle-1-font-size, 39px)
1988
2254
  );
1989
2255
  --_rs-typography-font-weight:var(
1990
2256
  --rs-font-weight-light,
1991
2257
  300
1992
2258
  );
1993
2259
  --_rs-typography-line-height:var(
1994
- --rs-subtitle-1-line-height,
1995
- 49px
2260
+ --_rs-typography-subtitle-1-sm-line-height,
2261
+ var(--rs-subtitle-1-line-height, 49px)
1996
2262
  );
1997
2263
  --_rs-typography-base-color:var(
1998
2264
  --_rs-typography-hardness-color,
@@ -2009,14 +2275,14 @@
2009
2275
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2010
2276
  --_rs-typography-link-border-bottom-width-from-text:2px;
2011
2277
  @media screen and (max-width: 640px){
2012
- --_rs-typography-font-size:var(
2013
- --rs-subtitle-2-font-size-mobile,
2014
- 23px
2015
- );
2016
- --_rs-typography-line-height:var(
2017
- --rs-subtitle-2-line-height-mobile,
2018
- 30px
2019
- );
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
+ );
2020
2286
  }
2021
2287
  --_rs-theme-dark:var(
2022
2288
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2035,12 +2301,11 @@
2035
2301
  font-weight:var(--_rs-typography-font-weight);
2036
2302
  line-height:var(--_rs-typography-line-height);
2037
2303
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2038
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2039
2304
  font-feature-settings:'kern', 'liga', 'calt';
2040
2305
  color:var(--_rs-typography-base-color);
2041
2306
  }
2042
2307
  @define-mixin rs-typography-subtitle-2-full{
2043
- --_rs-typography-letter-spacing:normal;
2308
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
2044
2309
  --_rs-typography-text-transform:initial;
2045
2310
  --_rs-typography-font-variant-numeric:initial;
2046
2311
  --_rs-typography-font-family:var(
@@ -2050,16 +2315,16 @@
2050
2315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2051
2316
  );
2052
2317
  --_rs-typography-font-size:var(
2053
- --rs-subtitle-2-font-size,
2054
- 29px
2318
+ --_rs-typography-subtitle-2-sm-font-size,
2319
+ var(--rs-subtitle-2-font-size, 29px)
2055
2320
  );
2056
2321
  --_rs-typography-font-weight:var(
2057
2322
  --rs-font-weight-light,
2058
2323
  300
2059
2324
  );
2060
2325
  --_rs-typography-line-height:var(
2061
- --rs-subtitle-2-line-height,
2062
- 39px
2326
+ --_rs-typography-subtitle-2-sm-line-height,
2327
+ var(--rs-subtitle-2-line-height, 39px)
2063
2328
  );
2064
2329
  --_rs-typography-base-color:var(
2065
2330
  --_rs-typography-hardness-color,
@@ -2076,14 +2341,14 @@
2076
2341
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2077
2342
  --_rs-typography-link-border-bottom-width-from-text:2px;
2078
2343
  @media screen and (max-width: 640px){
2079
- --_rs-typography-font-size:var(
2080
- --rs-subtitle-2-font-size-mobile,
2081
- 23px
2082
- );
2083
- --_rs-typography-line-height:var(
2084
- --rs-subtitle-2-line-height-mobile,
2085
- 30px
2086
- );
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
+ );
2087
2352
  }
2088
2353
  --_rs-theme-dark:var(
2089
2354
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2102,12 +2367,11 @@
2102
2367
  font-weight:var(--_rs-typography-font-weight);
2103
2368
  line-height:var(--_rs-typography-line-height);
2104
2369
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2105
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2106
2370
  font-feature-settings:'kern', 'liga', 'calt';
2107
2371
  color:var(--_rs-typography-base-color);
2108
2372
  }
2109
2373
  @define-mixin rs-typography-overline-full{
2110
- --_rs-typography-letter-spacing:0.1em;
2374
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
2111
2375
  --_rs-typography-text-transform:uppercase;
2112
2376
  --_rs-typography-font-variant-numeric:initial;
2113
2377
  --_rs-typography-font-family:var(
@@ -2159,12 +2423,11 @@
2159
2423
  font-weight:var(--_rs-typography-font-weight);
2160
2424
  line-height:var(--_rs-typography-line-height);
2161
2425
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2162
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2163
2426
  font-feature-settings:'kern', 'liga', 'calt';
2164
2427
  color:var(--_rs-typography-base-color);
2165
2428
  }
2166
2429
  @define-mixin rs-typography-text-1-full{
2167
- --_rs-typography-letter-spacing:normal;
2430
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
2168
2431
  --_rs-typography-text-transform:initial;
2169
2432
  --_rs-typography-font-variant-numeric:initial;
2170
2433
  --_rs-typography-font-family:var(
@@ -2192,12 +2455,15 @@
2192
2455
  --_rs-typography-text-auto-offset:32px;
2193
2456
  --_rs-typography-ul-list-li-padding-left:26px;
2194
2457
  --_rs-typography-ol-list-li-padding-left:32px;
2195
- --_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
+ );
2196
2462
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2197
2463
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2198
2464
  --_rs-typography-link-border-bottom-width-from-text:1px;
2199
2465
  @media screen and (max-width: 640px){
2200
- --_rs-typography-list-li-margin-top-from-text:16px;
2466
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2201
2467
  }
2202
2468
  --_rs-theme-dark:var(
2203
2469
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2216,12 +2482,11 @@
2216
2482
  font-weight:var(--_rs-typography-font-weight);
2217
2483
  line-height:var(--_rs-typography-line-height);
2218
2484
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2219
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2220
2485
  font-feature-settings:'kern', 'liga', 'calt';
2221
2486
  color:var(--_rs-typography-base-color);
2222
2487
  }
2223
2488
  @define-mixin rs-typography-text-2-full{
2224
- --_rs-typography-letter-spacing:0.0015em;
2489
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2225
2490
  --_rs-typography-text-transform:initial;
2226
2491
  --_rs-typography-font-variant-numeric:initial;
2227
2492
  --_rs-typography-font-family:var(
@@ -2249,12 +2514,15 @@
2249
2514
  --_rs-typography-text-auto-offset:16px;
2250
2515
  --_rs-typography-ul-list-li-padding-left:22px;
2251
2516
  --_rs-typography-ol-list-li-padding-left:26px;
2252
- --_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
+ );
2253
2521
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2254
2522
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2255
2523
  --_rs-typography-link-border-bottom-width-from-text:1px;
2256
2524
  @media screen and (max-width: 640px){
2257
- --_rs-typography-list-li-margin-top-from-text:12px;
2525
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2258
2526
  }
2259
2527
  --_rs-theme-dark:var(
2260
2528
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2273,12 +2541,11 @@
2273
2541
  font-weight:var(--_rs-typography-font-weight);
2274
2542
  line-height:var(--_rs-typography-line-height);
2275
2543
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2276
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2277
2544
  font-feature-settings:'kern', 'liga', 'calt';
2278
2545
  color:var(--_rs-typography-base-color);
2279
2546
  }
2280
2547
  @define-mixin rs-typography-text-3-full{
2281
- --_rs-typography-letter-spacing:0.0045em;
2548
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2282
2549
  --_rs-typography-text-transform:initial;
2283
2550
  --_rs-typography-font-variant-numeric:initial;
2284
2551
  --_rs-typography-font-family:var(
@@ -2327,7 +2594,6 @@
2327
2594
  font-weight:var(--_rs-typography-font-weight);
2328
2595
  line-height:var(--_rs-typography-line-height);
2329
2596
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2330
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2331
2597
  font-feature-settings:'kern', 'liga', 'calt';
2332
2598
  color:var(--_rs-typography-base-color);
2333
2599
  }
@@ -2361,16 +2627,21 @@
2361
2627
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2362
2628
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2363
2629
  );
2364
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2365
2630
  font-feature-settings:'kern', 'liga', 'calt';
2366
2631
  > li{
2367
2632
  position:relative;
2368
2633
 
2369
2634
  margin-top:var(
2370
- --_rs-typography-list-li-margin-top,
2371
- 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)
2372
2644
  );
2373
- padding-left:var(--_rs-typography-list-li-padding-left);
2374
2645
 
2375
2646
  list-style-type:none;
2376
2647
  }
@@ -2421,16 +2692,21 @@
2421
2692
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2422
2693
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2423
2694
  );
2424
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2425
2695
  font-feature-settings:'kern', 'liga', 'calt';
2426
2696
  > li{
2427
2697
  position:relative;
2428
2698
 
2429
2699
  margin-top:var(
2430
- --_rs-typography-list-li-margin-top,
2431
- 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)
2432
2709
  );
2433
- padding-left:var(--_rs-typography-list-li-padding-left);
2434
2710
 
2435
2711
  list-style-type:none;
2436
2712
  }
@@ -2467,7 +2743,6 @@
2467
2743
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
2468
2744
  0.1
2469
2745
  );
2470
- -webkit-box-sizing:border-box;
2471
2746
  box-sizing:border-box;
2472
2747
  padding:0.11111em 0.44444em;
2473
2748
  border-radius:4px;
@@ -2496,7 +2771,6 @@
2496
2771
  );
2497
2772
  display:block;
2498
2773
  overflow:auto;
2499
- -webkit-box-sizing:border-box;
2500
2774
  box-sizing:border-box;
2501
2775
  width:100%;
2502
2776
  max-width:100%;
@@ -2676,11 +2950,9 @@
2676
2950
  background-repeat:repeat-x;
2677
2951
  background-position:left calc(100% + 4px);
2678
2952
  background-size:var(--_rs-typography-link-background-size-final);
2679
- -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
2680
2953
  box-shadow:var(--_rs-typography-link-box-shadow-final);
2681
2954
  font-size:inherit;
2682
2955
  line-height:inherit;
2683
- -webkit-transition:var(--_rs-typography-link-transition-wf);
2684
2956
  transition:var(--_rs-typography-link-transition-wf);
2685
2957
  &:active,
2686
2958
  &:focus{
@@ -2719,9 +2991,8 @@
2719
2991
 
2720
2992
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2721
2993
 
2722
- -webkit-transition:margin-right 300ms, margin-left 300ms;
2723
-
2724
2994
  transition:margin-right 300ms, margin-left 300ms;
2995
+ font-feature-settings:"ss20" 1;
2725
2996
  }
2726
2997
  &:focus[data-focus-method='key']{
2727
2998
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
@@ -2731,7 +3002,7 @@
2731
3002
  }
2732
3003
  @define-mixin rs-text-cn-digits-1{
2733
3004
  &:not(html){
2734
- --_rs-typography-letter-spacing:-0.005em;
3005
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
2735
3006
  --_rs-typography-text-transform:initial;
2736
3007
  --_rs-typography-font-variant-numeric:tabular-nums;
2737
3008
  --_rs-typography-font-family:var(
@@ -2741,16 +3012,16 @@
2741
3012
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2742
3013
  );
2743
3014
  --_rs-typography-font-size:var(
2744
- --rs-digits-1-font-size,
2745
- 69px
3015
+ --_rs-typography-digits-1-sm-font-size,
3016
+ var(--rs-digits-1-font-size, 69px)
2746
3017
  );
2747
3018
  --_rs-typography-font-weight:var(
2748
3019
  --rs-font-weight-light,
2749
3020
  300
2750
3021
  );
2751
3022
  --_rs-typography-line-height:var(
2752
- --rs-digits-1-line-height,
2753
- 71px
3023
+ --_rs-typography-digits-1-sm-line-height,
3024
+ var(--rs-digits-1-line-height, 71px)
2754
3025
  );
2755
3026
  --_rs-typography-base-color:var(
2756
3027
  --_rs-typography-hardness-color,
@@ -2765,20 +3036,25 @@
2765
3036
  --_rs-typography-list-li-margin-top-from-text:initial;
2766
3037
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2767
3038
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2768
- --_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
+ );
2769
3043
  }
2770
3044
  @media screen and (max-width: 640px){
2771
3045
  &:not(html){
2772
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
2773
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
2774
-
2775
- --_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;
2776
3052
  }
2777
3053
  }
2778
3054
  }
2779
3055
  @define-mixin rs-text-cn-digits-2{
2780
3056
  &:not(html){
2781
- --_rs-typography-letter-spacing:-0.005em;
3057
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
2782
3058
  --_rs-typography-text-transform:initial;
2783
3059
  --_rs-typography-font-variant-numeric:tabular-nums;
2784
3060
  --_rs-typography-font-family:var(
@@ -2817,7 +3093,13 @@
2817
3093
  }
2818
3094
  @define-mixin rs-text-cn-super-hero{
2819
3095
  &:not(html){
2820
- --_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
+ );
2821
3103
  --_rs-typography-text-transform:initial;
2822
3104
  --_rs-typography-font-variant-numeric:initial;
2823
3105
  --_rs-typography-font-family:var(
@@ -2827,16 +3109,22 @@
2827
3109
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2828
3110
  );
2829
3111
  --_rs-typography-font-size:var(
2830
- --rs-super-hero-font-size,
2831
- 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
+ )
2832
3117
  );
2833
3118
  --_rs-typography-font-weight:var(
2834
3119
  --rs-font-weight-semi-bold,
2835
3120
  600
2836
3121
  );
2837
3122
  --_rs-typography-line-height:var(
2838
- --rs-super-hero-line-height,
2839
- 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
+ )
2840
3128
  );
2841
3129
  --_rs-typography-base-color:var(
2842
3130
  --_rs-typography-heading-hardness-color,
@@ -2851,42 +3139,52 @@
2851
3139
  --_rs-typography-list-li-margin-top-from-text:initial;
2852
3140
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2853
3141
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2854
- --_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
+ );
2855
3146
  }
2856
3147
  @media screen and (max-width: 1000px){
2857
3148
  &:not(html){
2858
- --_rs-typography-font-size:var(
2859
- --rs-middle-hero-font-size,
2860
- 92px
2861
- );
2862
- --_rs-typography-line-height:var(
2863
- --rs-middle-hero-line-height,
2864
- 92px
2865
- );
2866
- --_rs-typography-letter-spacing:-0.008em;
2867
-
2868
- --_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;
2869
3162
  }
2870
3163
  }
2871
3164
  @media screen and (max-width: 640px){
2872
3165
  &:not(html){
2873
- --_rs-typography-font-size:var(
2874
- --rs-middle-hero-font-size-mobile,
2875
- 58px
2876
- );
2877
- --_rs-typography-line-height:var(
2878
- --rs-middle-hero-line-height-mobile,
2879
- 62px
2880
- );
2881
- --_rs-typography-letter-spacing:-0.0007em;
2882
-
2883
- --_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;
2884
3179
  }
2885
3180
  }
2886
3181
  }
2887
3182
  @define-mixin rs-text-cn-middle-hero{
2888
3183
  &:not(html){
2889
- --_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
+ );
2890
3188
  --_rs-typography-text-transform:initial;
2891
3189
  --_rs-typography-font-variant-numeric:initial;
2892
3190
  --_rs-typography-font-family:var(
@@ -2896,16 +3194,16 @@
2896
3194
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2897
3195
  );
2898
3196
  --_rs-typography-font-size:var(
2899
- --rs-middle-hero-font-size,
2900
- 92px
3197
+ --_rs-typography-middle-hero-sm-font-size,
3198
+ var(--rs-middle-hero-font-size, 92px)
2901
3199
  );
2902
3200
  --_rs-typography-font-weight:var(
2903
3201
  --rs-font-weight-semi-bold,
2904
3202
  600
2905
3203
  );
2906
3204
  --_rs-typography-line-height:var(
2907
- --rs-middle-hero-line-height,
2908
- 92px
3205
+ --_rs-typography-middle-hero-sm-line-height,
3206
+ var(--rs-middle-hero-line-height, 92px)
2909
3207
  );
2910
3208
  --_rs-typography-base-color:var(
2911
3209
  --_rs-typography-heading-hardness-color,
@@ -2920,27 +3218,35 @@
2920
3218
  --_rs-typography-list-li-margin-top-from-text:initial;
2921
3219
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2922
3220
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2923
- --_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
+ );
2924
3225
  }
2925
3226
  @media screen and (max-width: 640px){
2926
3227
  &:not(html){
2927
- --_rs-typography-font-size:var(
2928
- --rs-middle-hero-font-size-mobile,
2929
- 58px
2930
- );
2931
- --_rs-typography-line-height:var(
2932
- --rs-middle-hero-line-height-mobile,
2933
- 62px
2934
- );
2935
- --_rs-typography-letter-spacing:-0.0007em;
2936
-
2937
- --_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;
2938
3241
  }
2939
3242
  }
2940
3243
  }
2941
3244
  @define-mixin rs-text-cn-hero{
2942
3245
  &:not(html){
2943
- --_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
+ );
2944
3250
  --_rs-typography-text-transform:initial;
2945
3251
  --_rs-typography-font-variant-numeric:initial;
2946
3252
  --_rs-typography-font-family:var(
@@ -2949,14 +3255,17 @@
2949
3255
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2950
3256
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2951
3257
  );
2952
- --_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
+ );
2953
3262
  --_rs-typography-font-weight:var(
2954
3263
  --rs-font-weight-semi-bold,
2955
3264
  600
2956
3265
  );
2957
3266
  --_rs-typography-line-height:var(
2958
- --rs-hero-line-height,
2959
- 72px
3267
+ --_rs-typography-hero-sm-line-height,
3268
+ var(--rs-hero-line-height, 72px)
2960
3269
  );
2961
3270
  --_rs-typography-base-color:var(
2962
3271
  --_rs-typography-heading-hardness-color,
@@ -2971,27 +3280,32 @@
2971
3280
  --_rs-typography-list-li-margin-top-from-text:initial;
2972
3281
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2973
3282
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2974
- --_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
+ );
2975
3287
  }
2976
3288
  @media screen and (max-width: 640px){
2977
3289
  &:not(html){
2978
- --_rs-typography-font-size:var(
2979
- --rs-hero-font-size-mobile,
2980
- 42px
2981
- );
2982
- --_rs-typography-line-height:var(
2983
- --rs-hero-line-height-mobile,
2984
- 50px
2985
- );
2986
- --_rs-typography-letter-spacing:-0.001em;
2987
-
2988
- --_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;
2989
3303
  }
2990
3304
  }
2991
3305
  }
2992
3306
  @define-mixin rs-text-cn-subtitle-1{
2993
3307
  &:not(html){
2994
- --_rs-typography-letter-spacing:normal;
3308
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
2995
3309
  --_rs-typography-text-transform:initial;
2996
3310
  --_rs-typography-font-variant-numeric:initial;
2997
3311
  --_rs-typography-font-family:var(
@@ -3001,16 +3315,16 @@
3001
3315
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3002
3316
  );
3003
3317
  --_rs-typography-font-size:var(
3004
- --rs-subtitle-1-font-size,
3005
- 39px
3318
+ --_rs-typography-subtitle-1-sm-font-size,
3319
+ var(--rs-subtitle-1-font-size, 39px)
3006
3320
  );
3007
3321
  --_rs-typography-font-weight:var(
3008
3322
  --rs-font-weight-light,
3009
3323
  300
3010
3324
  );
3011
3325
  --_rs-typography-line-height:var(
3012
- --rs-subtitle-1-line-height,
3013
- 49px
3326
+ --_rs-typography-subtitle-1-sm-line-height,
3327
+ var(--rs-subtitle-1-line-height, 49px)
3014
3328
  );
3015
3329
  --_rs-typography-base-color:var(
3016
3330
  --_rs-typography-hardness-color,
@@ -3029,20 +3343,20 @@
3029
3343
  }
3030
3344
  @media screen and (max-width: 640px){
3031
3345
  &:not(html){
3032
- --_rs-typography-font-size:var(
3033
- --rs-subtitle-2-font-size-mobile,
3034
- 23px
3035
- );
3036
- --_rs-typography-line-height:var(
3037
- --rs-subtitle-2-line-height-mobile,
3038
- 30px
3039
- );
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
+ );
3040
3354
  }
3041
3355
  }
3042
3356
  }
3043
3357
  @define-mixin rs-text-cn-subtitle-2{
3044
3358
  &:not(html){
3045
- --_rs-typography-letter-spacing:normal;
3359
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
3046
3360
  --_rs-typography-text-transform:initial;
3047
3361
  --_rs-typography-font-variant-numeric:initial;
3048
3362
  --_rs-typography-font-family:var(
@@ -3052,16 +3366,16 @@
3052
3366
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3053
3367
  );
3054
3368
  --_rs-typography-font-size:var(
3055
- --rs-subtitle-2-font-size,
3056
- 29px
3369
+ --_rs-typography-subtitle-2-sm-font-size,
3370
+ var(--rs-subtitle-2-font-size, 29px)
3057
3371
  );
3058
3372
  --_rs-typography-font-weight:var(
3059
3373
  --rs-font-weight-light,
3060
3374
  300
3061
3375
  );
3062
3376
  --_rs-typography-line-height:var(
3063
- --rs-subtitle-2-line-height,
3064
- 39px
3377
+ --_rs-typography-subtitle-2-sm-line-height,
3378
+ var(--rs-subtitle-2-line-height, 39px)
3065
3379
  );
3066
3380
  --_rs-typography-base-color:var(
3067
3381
  --_rs-typography-hardness-color,
@@ -3080,20 +3394,23 @@
3080
3394
  }
3081
3395
  @media screen and (max-width: 640px){
3082
3396
  &:not(html){
3083
- --_rs-typography-font-size:var(
3084
- --rs-subtitle-2-font-size-mobile,
3085
- 23px
3086
- );
3087
- --_rs-typography-line-height:var(
3088
- --rs-subtitle-2-line-height-mobile,
3089
- 30px
3090
- );
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
+ );
3091
3405
  }
3092
3406
  }
3093
3407
  }
3094
3408
  @define-mixin rs-text-cn-h1{
3095
3409
  &:not(html){
3096
- --_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
+ );
3097
3414
  --_rs-typography-text-transform:initial;
3098
3415
  --_rs-typography-font-variant-numeric:initial;
3099
3416
  --_rs-typography-font-family:var(
@@ -3102,12 +3419,18 @@
3102
3419
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3103
3420
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3104
3421
  );
3105
- --_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
+ );
3106
3426
  --_rs-typography-font-weight:var(
3107
3427
  --rs-font-weight-semi-bold,
3108
3428
  600
3109
3429
  );
3110
- --_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
+ );
3111
3434
  --_rs-typography-base-color:var(
3112
3435
  --_rs-typography-heading-hardness-color,
3113
3436
  var(
@@ -3125,21 +3448,24 @@
3125
3448
  }
3126
3449
  @media screen and (max-width: 640px){
3127
3450
  &:not(html){
3128
- --_rs-typography-font-size:var(
3129
- --rs-h1-font-size-mobile,
3130
- 35px
3131
- );
3132
- --_rs-typography-line-height:var(
3133
- --rs-h1-line-height-mobile,
3134
- 39px
3135
- );
3136
- --_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
+ );
3137
3463
  }
3138
3464
  }
3139
3465
  }
3140
3466
  @define-mixin rs-text-cn-h2{
3141
3467
  &:not(html){
3142
- --_rs-typography-letter-spacing:normal;
3468
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
3143
3469
  --_rs-typography-text-transform:initial;
3144
3470
  --_rs-typography-font-variant-numeric:initial;
3145
3471
  --_rs-typography-font-family:var(
@@ -3148,12 +3474,18 @@
3148
3474
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3149
3475
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3150
3476
  );
3151
- --_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
+ );
3152
3481
  --_rs-typography-font-weight:var(
3153
3482
  --rs-font-weight-semi-bold,
3154
3483
  600
3155
3484
  );
3156
- --_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
+ );
3157
3489
  --_rs-typography-base-color:var(
3158
3490
  --_rs-typography-heading-hardness-color,
3159
3491
  var(
@@ -3171,20 +3503,20 @@
3171
3503
  }
3172
3504
  @media screen and (max-width: 640px){
3173
3505
  &:not(html){
3174
- --_rs-typography-font-size:var(
3175
- --rs-h2-font-size-mobile,
3176
- 28px
3177
- );
3178
- --_rs-typography-line-height:var(
3179
- --rs-h2-line-height-mobile,
3180
- 32px
3181
- );
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
+ );
3182
3514
  }
3183
3515
  }
3184
3516
  }
3185
3517
  @define-mixin rs-text-cn-h3{
3186
3518
  &:not(html){
3187
- --_rs-typography-letter-spacing:normal;
3519
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
3188
3520
  --_rs-typography-text-transform:initial;
3189
3521
  --_rs-typography-font-variant-numeric:initial;
3190
3522
  --_rs-typography-font-family:var(
@@ -3217,7 +3549,7 @@
3217
3549
  }
3218
3550
  @define-mixin rs-text-cn-h4{
3219
3551
  &:not(html){
3220
- --_rs-typography-letter-spacing:normal;
3552
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
3221
3553
  --_rs-typography-text-transform:initial;
3222
3554
  --_rs-typography-font-variant-numeric:initial;
3223
3555
  --_rs-typography-font-family:var(
@@ -3250,7 +3582,7 @@
3250
3582
  }
3251
3583
  @define-mixin rs-text-cn-h5{
3252
3584
  &:not(html){
3253
- --_rs-typography-letter-spacing:normal;
3585
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
3254
3586
  --_rs-typography-text-transform:initial;
3255
3587
  --_rs-typography-font-variant-numeric:initial;
3256
3588
  --_rs-typography-font-family:var(
@@ -3283,7 +3615,7 @@
3283
3615
  }
3284
3616
  @define-mixin rs-text-cn-overline{
3285
3617
  &:not(html){
3286
- --_rs-typography-letter-spacing:0.1em;
3618
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
3287
3619
  --_rs-typography-text-transform:uppercase;
3288
3620
  --_rs-typography-font-variant-numeric:initial;
3289
3621
  --_rs-typography-font-family:var(
@@ -3322,7 +3654,7 @@
3322
3654
  }
3323
3655
  @define-mixin rs-text-cn-text-1{
3324
3656
  &:not(html){
3325
- --_rs-typography-letter-spacing:normal;
3657
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
3326
3658
  --_rs-typography-text-transform:initial;
3327
3659
  --_rs-typography-font-variant-numeric:initial;
3328
3660
  --_rs-typography-font-family:var(
@@ -3350,20 +3682,23 @@
3350
3682
  --_rs-typography-text-auto-offset:32px;
3351
3683
  --_rs-typography-ul-list-li-padding-left:26px;
3352
3684
  --_rs-typography-ol-list-li-padding-left:32px;
3353
- --_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
+ );
3354
3689
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3355
3690
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3356
3691
  --_rs-typography-link-border-bottom-width-from-text:1px;
3357
3692
  }
3358
3693
  @media screen and (max-width: 640px){
3359
3694
  &:not(html){
3360
- --_rs-typography-list-li-margin-top-from-text:16px;
3695
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
3361
3696
  }
3362
3697
  }
3363
3698
  }
3364
3699
  @define-mixin rs-text-cn-text-2{
3365
3700
  &:not(html){
3366
- --_rs-typography-letter-spacing:0.0015em;
3701
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
3367
3702
  --_rs-typography-text-transform:initial;
3368
3703
  --_rs-typography-font-variant-numeric:initial;
3369
3704
  --_rs-typography-font-family:var(
@@ -3391,20 +3726,23 @@
3391
3726
  --_rs-typography-text-auto-offset:16px;
3392
3727
  --_rs-typography-ul-list-li-padding-left:22px;
3393
3728
  --_rs-typography-ol-list-li-padding-left:26px;
3394
- --_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
+ );
3395
3733
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3396
3734
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3397
3735
  --_rs-typography-link-border-bottom-width-from-text:1px;
3398
3736
  }
3399
3737
  @media screen and (max-width: 640px){
3400
3738
  &:not(html){
3401
- --_rs-typography-list-li-margin-top-from-text:12px;
3739
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
3402
3740
  }
3403
3741
  }
3404
3742
  }
3405
3743
  @define-mixin rs-text-cn-text-3{
3406
3744
  &:not(html){
3407
- --_rs-typography-letter-spacing:0.0045em;
3745
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
3408
3746
  --_rs-typography-text-transform:initial;
3409
3747
  --_rs-typography-font-variant-numeric:initial;
3410
3748
  --_rs-typography-font-family:var(
@@ -3508,21 +3846,27 @@
3508
3846
  }
3509
3847
  @define-mixin rs-text-cn-list-offset-items-16{
3510
3848
  &:not(html){
3511
- --_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
+ );
3512
3853
  }
3513
3854
  @media screen and (max-width: 640px){
3514
3855
  &:not(html){
3515
- --_rs-typography-list-li-margin-top:12px;
3856
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
3516
3857
  }
3517
3858
  }
3518
3859
  }
3519
3860
  @define-mixin rs-text-cn-list-offset-items-24{
3520
3861
  &:not(html){
3521
- --_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
+ );
3522
3866
  }
3523
3867
  @media screen and (max-width: 640px){
3524
3868
  &:not(html){
3525
- --_rs-typography-list-li-margin-top:16px;
3869
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
3526
3870
  }
3527
3871
  }
3528
3872
  }
@@ -3730,3 +4074,105 @@
3730
4074
  --_rs-typography-link-after-content-or-initial:initial;
3731
4075
  }
3732
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
+ }