@rescui/typography 0.15.0 → 0.16.0

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.
package/lib/mixins.pcss CHANGED
@@ -1,1225 +1,2962 @@
1
- @define-mixin rs-typography-light{
2
- --rs-typography-color-hard:#19191C;
3
- --rs-typography-color-average:rgba(25,25,28,0.7);
4
- --rs-typography-color-pale:rgba(25,25,28,0.5);
5
- --rs-typography-pre-color:#19191C;
6
- --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
7
- --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
8
- --rs-typography-rock-link-hover-color:#FFFFFF;
9
- }
10
- @define-mixin rs-typography-dark{
11
- --rs-typography-color-hard:#FFFFFF;
12
- --rs-typography-color-average:rgba(255,255,255,0.7);
13
- --rs-typography-color-pale:rgba(255,255,255,0.5);
14
- --rs-typography-pre-color:rgba(255,255,255,0.7);
15
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
16
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
17
- --rs-typography-rock-link-hover-color:#19191C;
18
- }
19
- @define-mixin rs-text-hardness-hard{
20
- color:#19191C;
21
- color:var(--rs-typography-color-hard, #19191C);
22
- }
23
- @define-mixin rs-text-hardness-average{
24
- color:rgba(25,25,28,0.7);
25
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
26
- }
27
- @define-mixin rs-text-hardness-pale{
28
- color:rgba(25,25,28,0.5);
29
- color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
30
- }
31
- @define-mixin rs-text-hardness-hard-theme-dark{
32
- color:#FFFFFF;
33
- color:var(--rs-typography-color-hard, #FFFFFF);
34
- }
35
- @define-mixin rs-text-hardness-average-theme-dark{
36
- color:rgba(255,255,255,0.7);
37
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
38
- }
39
- @define-mixin rs-text-hardness-pale-theme-dark{
40
- color:rgba(255,255,255,0.5);
41
- color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
42
- }
43
1
  @define-mixin rs-font-smoothing{
44
2
  text-rendering:optimizeLegibility;
45
3
  -webkit-font-smoothing:antialiased;
46
4
  -moz-osx-font-smoothing:grayscale;
47
5
  }
6
+ @define-mixin rs-typography-light{
7
+ }
8
+ @define-mixin rs-typography-dark{
9
+ }
48
10
  @define-mixin rs-super-hero-base{
49
- letter-spacing:-0.02em;
50
-
51
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
52
-
53
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
54
- -webkit-font-feature-settings:"kern", "liga", "calt";
55
- font-feature-settings:"kern", "liga", "calt";
56
-
57
- font-size:142px;
58
-
59
- font-size:var(--rs-super-hero-font-size, 142px);
60
- font-weight:600;
61
- font-weight:var(--rs-font-weight-semi-bold, 600);
62
-
63
- line-height:142px;
64
-
65
- line-height:var(--rs-super-hero-line-height, 142px);
66
-
11
+ --_rs-typography-letter-spacing:-0.02em;
12
+ --_rs-typography-text-transform:initial;
13
+ --_rs-typography-font-variant-numeric:initial;
14
+ --_rs-typography-font-family:var(
15
+ --rs-font-family-headers,
16
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
17
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
18
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
19
+ );
20
+ --_rs-typography-font-size:var(
21
+ --rs-super-hero-font-size,
22
+ 142px
23
+ );
24
+ --_rs-typography-font-weight:var(
25
+ --rs-font-weight-semi-bold,
26
+ 600
27
+ );
28
+ --_rs-typography-line-height:var(
29
+ --rs-super-hero-line-height,
30
+ 142px
31
+ );
32
+ --_rs-typography-base-color:var(
33
+ --rs-color-hard,
34
+ rgb(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))
35
+ );
36
+ --_rs-typography-text-auto-offset:0;
37
+ --_rs-typography-ul-list-li-padding-left:initial;
38
+ --_rs-typography-ol-list-li-padding-left:initial;
39
+ --_rs-typography-list-li-margin-top-from-text:initial;
40
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
41
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
42
+ --_rs-typography-link-border-bottom-width-from-text:4px;
67
43
  @media screen and (max-width: 1000px){
68
- --rs-super-hero-font-size:var(--rs-middle-hero-font-size, 92px);
69
- --rs-super-hero-line-height:var(--rs-middle-hero-line-height, 92px);
70
- letter-spacing:-0.008em;
44
+ --_rs-typography-font-size:var(
45
+ --rs-middle-hero-font-size,
46
+ 92px
47
+ );
48
+ --_rs-typography-line-height:var(
49
+ --rs-middle-hero-line-height,
50
+ 92px
51
+ );
52
+ --_rs-typography-letter-spacing:-0.008em;
53
+
54
+ --_rs-typography-link-border-bottom-width-from-text:3px;
71
55
  }
72
-
73
56
  @media screen and (max-width: 640px){
74
- --rs-super-hero-font-size:var(--rs-middle-hero-font-size-mobile, 58px);
75
- --rs-super-hero-line-height:var(--rs-middle-hero-line-height-mobile, 62px);
76
- letter-spacing:-0.0007em;
77
- }
78
-
79
- .rs-reset-letter-spacing &{
80
- letter-spacing:normal;
57
+ --_rs-typography-font-size:var(
58
+ --rs-middle-hero-font-size-mobile,
59
+ 58px
60
+ );
61
+ --_rs-typography-line-height:var(
62
+ --rs-middle-hero-line-height-mobile,
63
+ 62px
64
+ );
65
+ --_rs-typography-letter-spacing:-0.0007em;
66
+
67
+ --_rs-typography-link-border-bottom-width-from-text:2px;
68
+ }
69
+ letter-spacing:var(
70
+ --rs-text-base-letter-spacing,
71
+ var(--_rs-typography-letter-spacing)
72
+ );
73
+ text-transform:var(--_rs-typography-text-transform);
74
+ font-family:var(--_rs-typography-font-family);
75
+ font-size:var(--_rs-typography-font-size);
76
+ font-weight:var(--_rs-typography-font-weight);
77
+ line-height:var(--_rs-typography-line-height);
78
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
79
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
80
+ font-feature-settings:'kern', 'liga', 'calt';
81
+ & > p:not(:nth-child(1)),
82
+ & > pre:not(:nth-child(1)){
83
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
81
84
  }
82
85
  }
83
86
  @define-mixin rs-super-hero{
84
- @mixin rs-super-hero-base;
85
- @mixin rs-text-hardness-hard;
87
+ --_rs-typography-letter-spacing:-0.02em;
88
+ --_rs-typography-text-transform:initial;
89
+ --_rs-typography-font-variant-numeric:initial;
90
+ --_rs-typography-font-family:var(
91
+ --rs-font-family-headers,
92
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
93
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
94
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
95
+ );
96
+ --_rs-typography-font-size:var(
97
+ --rs-super-hero-font-size,
98
+ 142px
99
+ );
100
+ --_rs-typography-font-weight:var(
101
+ --rs-font-weight-semi-bold,
102
+ 600
103
+ );
104
+ --_rs-typography-line-height:var(
105
+ --rs-super-hero-line-height,
106
+ 142px
107
+ );
108
+ --_rs-typography-base-color:var(
109
+ --rs-color-hard,
110
+ rgb(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))
111
+ );
112
+ --_rs-typography-text-auto-offset:0;
113
+ --_rs-typography-ul-list-li-padding-left:initial;
114
+ --_rs-typography-ol-list-li-padding-left:initial;
115
+ --_rs-typography-list-li-margin-top-from-text:initial;
116
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
117
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
118
+ --_rs-typography-link-border-bottom-width-from-text:4px;
119
+ @media screen and (max-width: 1000px){
120
+ --_rs-typography-font-size:var(
121
+ --rs-middle-hero-font-size,
122
+ 92px
123
+ );
124
+ --_rs-typography-line-height:var(
125
+ --rs-middle-hero-line-height,
126
+ 92px
127
+ );
128
+ --_rs-typography-letter-spacing:-0.008em;
129
+
130
+ --_rs-typography-link-border-bottom-width-from-text:3px;
131
+ }
132
+ @media screen and (max-width: 640px){
133
+ --_rs-typography-font-size:var(
134
+ --rs-middle-hero-font-size-mobile,
135
+ 58px
136
+ );
137
+ --_rs-typography-line-height:var(
138
+ --rs-middle-hero-line-height-mobile,
139
+ 62px
140
+ );
141
+ --_rs-typography-letter-spacing:-0.0007em;
142
+
143
+ --_rs-typography-link-border-bottom-width-from-text:2px;
144
+ }
145
+ letter-spacing:var(
146
+ --rs-text-base-letter-spacing,
147
+ var(--_rs-typography-letter-spacing)
148
+ );
149
+ text-transform:var(--_rs-typography-text-transform);
150
+ font-family:var(--_rs-typography-font-family);
151
+ font-size:var(--_rs-typography-font-size);
152
+ font-weight:var(--_rs-typography-font-weight);
153
+ line-height:var(--_rs-typography-line-height);
154
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
155
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
156
+ font-feature-settings:'kern', 'liga', 'calt';
157
+ & > p:not(:nth-child(1)),
158
+ & > pre:not(:nth-child(1)){
159
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
160
+ }
161
+ --rs-theme-dark:0;
162
+ --_rs-typography-hardness-color:var(
163
+ --rs-color-hard,
164
+ rgb(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))
165
+ );
166
+ --_rs-theme-dark:var(
167
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
168
+ var(--rs-theme-dark, 0)
169
+ );
170
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
171
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
172
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
173
+ color:var(--_rs-typography-base-color);
86
174
  }
87
175
  @define-mixin rs-super-hero-theme-dark{
88
- @mixin rs-text-hardness-hard-theme-dark;
176
+ --rs-theme-dark:1;
177
+ --_rs-typography-hardness-color:var(
178
+ --rs-color-hard,
179
+ rgb(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))
180
+ );
181
+ --_rs-theme-dark:var(
182
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
+ var(--rs-theme-dark, 0)
184
+ );
185
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
186
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
187
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
+ color:var(--_rs-typography-base-color);
89
189
  }
90
190
  @define-mixin rs-super-hero-offset-top{
91
- margin-top:96px;
92
191
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
93
192
  }
94
193
  @define-mixin rs-middle-hero-base{
95
- letter-spacing:-0.008em;
96
-
97
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
98
-
99
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
100
- -webkit-font-feature-settings:"kern", "liga", "calt";
101
- font-feature-settings:"kern", "liga", "calt";
102
-
103
- font-size:92px;
104
-
105
- font-size:var(--rs-middle-hero-font-size, 92px);
106
- font-weight:600;
107
- font-weight:var(--rs-font-weight-semi-bold, 600);
108
-
109
- line-height:92px;
110
-
111
- line-height:var(--rs-middle-hero-line-height, 92px);
112
-
194
+ --_rs-typography-letter-spacing:-0.008em;
195
+ --_rs-typography-text-transform:initial;
196
+ --_rs-typography-font-variant-numeric:initial;
197
+ --_rs-typography-font-family:var(
198
+ --rs-font-family-headers,
199
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
200
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
201
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
202
+ );
203
+ --_rs-typography-font-size:var(
204
+ --rs-middle-hero-font-size,
205
+ 92px
206
+ );
207
+ --_rs-typography-font-weight:var(
208
+ --rs-font-weight-semi-bold,
209
+ 600
210
+ );
211
+ --_rs-typography-line-height:var(
212
+ --rs-middle-hero-line-height,
213
+ 92px
214
+ );
215
+ --_rs-typography-base-color:var(
216
+ --rs-color-hard,
217
+ rgb(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))
218
+ );
219
+ --_rs-typography-text-auto-offset:0;
220
+ --_rs-typography-ul-list-li-padding-left:initial;
221
+ --_rs-typography-ol-list-li-padding-left:initial;
222
+ --_rs-typography-list-li-margin-top-from-text:initial;
223
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
224
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
225
+ --_rs-typography-link-border-bottom-width-from-text:3px;
113
226
  @media screen and (max-width: 640px){
114
- --rs-middle-hero-font-size:var(--rs-middle-hero-font-size-mobile, 58px);
115
- --rs-middle-hero-line-height:var(--rs-middle-hero-line-height-mobile, 62px);
116
- letter-spacing:-0.0007em;
117
- }
118
-
119
- .rs-reset-letter-spacing &{
120
- letter-spacing:normal;
227
+ --_rs-typography-font-size:var(
228
+ --rs-middle-hero-font-size-mobile,
229
+ 58px
230
+ );
231
+ --_rs-typography-line-height:var(
232
+ --rs-middle-hero-line-height-mobile,
233
+ 62px
234
+ );
235
+ --_rs-typography-letter-spacing:-0.0007em;
236
+
237
+ --_rs-typography-link-border-bottom-width-from-text:2px;
238
+ }
239
+ letter-spacing:var(
240
+ --rs-text-base-letter-spacing,
241
+ var(--_rs-typography-letter-spacing)
242
+ );
243
+ text-transform:var(--_rs-typography-text-transform);
244
+ font-family:var(--_rs-typography-font-family);
245
+ font-size:var(--_rs-typography-font-size);
246
+ font-weight:var(--_rs-typography-font-weight);
247
+ line-height:var(--_rs-typography-line-height);
248
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
249
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
250
+ font-feature-settings:'kern', 'liga', 'calt';
251
+ & > p:not(:nth-child(1)),
252
+ & > pre:not(:nth-child(1)){
253
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
121
254
  }
122
255
  }
123
256
  @define-mixin rs-middle-hero{
124
- @mixin rs-middle-hero-base;
125
- @mixin rs-text-hardness-hard;
257
+ --_rs-typography-letter-spacing:-0.008em;
258
+ --_rs-typography-text-transform:initial;
259
+ --_rs-typography-font-variant-numeric:initial;
260
+ --_rs-typography-font-family:var(
261
+ --rs-font-family-headers,
262
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
263
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
264
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
265
+ );
266
+ --_rs-typography-font-size:var(
267
+ --rs-middle-hero-font-size,
268
+ 92px
269
+ );
270
+ --_rs-typography-font-weight:var(
271
+ --rs-font-weight-semi-bold,
272
+ 600
273
+ );
274
+ --_rs-typography-line-height:var(
275
+ --rs-middle-hero-line-height,
276
+ 92px
277
+ );
278
+ --_rs-typography-base-color:var(
279
+ --rs-color-hard,
280
+ rgb(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))
281
+ );
282
+ --_rs-typography-text-auto-offset:0;
283
+ --_rs-typography-ul-list-li-padding-left:initial;
284
+ --_rs-typography-ol-list-li-padding-left:initial;
285
+ --_rs-typography-list-li-margin-top-from-text:initial;
286
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
287
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
288
+ --_rs-typography-link-border-bottom-width-from-text:3px;
289
+ @media screen and (max-width: 640px){
290
+ --_rs-typography-font-size:var(
291
+ --rs-middle-hero-font-size-mobile,
292
+ 58px
293
+ );
294
+ --_rs-typography-line-height:var(
295
+ --rs-middle-hero-line-height-mobile,
296
+ 62px
297
+ );
298
+ --_rs-typography-letter-spacing:-0.0007em;
299
+
300
+ --_rs-typography-link-border-bottom-width-from-text:2px;
301
+ }
302
+ letter-spacing:var(
303
+ --rs-text-base-letter-spacing,
304
+ var(--_rs-typography-letter-spacing)
305
+ );
306
+ text-transform:var(--_rs-typography-text-transform);
307
+ font-family:var(--_rs-typography-font-family);
308
+ font-size:var(--_rs-typography-font-size);
309
+ font-weight:var(--_rs-typography-font-weight);
310
+ line-height:var(--_rs-typography-line-height);
311
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
312
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
313
+ font-feature-settings:'kern', 'liga', 'calt';
314
+ & > p:not(:nth-child(1)),
315
+ & > pre:not(:nth-child(1)){
316
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
317
+ }
318
+ --rs-theme-dark:0;
319
+ --_rs-typography-hardness-color:var(
320
+ --rs-color-hard,
321
+ rgb(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))
322
+ );
323
+ --_rs-theme-dark:var(
324
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
325
+ var(--rs-theme-dark, 0)
326
+ );
327
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
328
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
329
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
330
+ color:var(--_rs-typography-base-color);
126
331
  }
127
332
  @define-mixin rs-middle-hero-theme-dark{
128
- @mixin rs-text-hardness-hard-theme-dark;
333
+ --rs-theme-dark:1;
334
+ --_rs-typography-hardness-color:var(
335
+ --rs-color-hard,
336
+ rgb(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))
337
+ );
338
+ --_rs-theme-dark:var(
339
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
340
+ var(--rs-theme-dark, 0)
341
+ );
342
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
343
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
344
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
345
+ color:var(--_rs-typography-base-color);
129
346
  }
130
347
  @define-mixin rs-middle-hero-offset-top{
131
- margin-top:96px;
132
348
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
133
349
  }
350
+ @define-mixin rs-text-hardness-hard{
351
+ --rs-theme-dark:0;
352
+ --_rs-typography-hardness-color:var(
353
+ --rs-color-hard,
354
+ rgb(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))
355
+ );
356
+ --_rs-theme-dark:var(
357
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
358
+ var(--rs-theme-dark, 0)
359
+ );
360
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
361
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
362
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
363
+
364
+ color:var(--_rs-typography-base-color);
365
+ }
366
+ @define-mixin rs-text-hardness-average{
367
+ --rs-theme-dark:0;
368
+ --_rs-typography-hardness-color:var(
369
+ --rs-color-average,
370
+ rgba(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), 0.7)
371
+ );
372
+ --_rs-theme-dark:var(
373
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
374
+ var(--rs-theme-dark, 0)
375
+ );
376
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
377
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
378
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
379
+
380
+ color:var(--_rs-typography-base-color);
381
+ }
382
+ @define-mixin rs-text-hardness-pale{
383
+ --rs-theme-dark:0;
384
+ --_rs-typography-hardness-color:var(
385
+ --rs-color-pale,
386
+ rgba(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), 0.5)
387
+ );
388
+ --_rs-theme-dark:var(
389
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
390
+ var(--rs-theme-dark, 0)
391
+ );
392
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
393
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
394
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
395
+
396
+ color:var(--_rs-typography-base-color);
397
+ }
398
+ @define-mixin rs-text-hardness-hard-theme-dark{
399
+ --rs-theme-dark:1;
400
+ --_rs-typography-hardness-color:var(
401
+ --rs-color-hard,
402
+ rgb(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))
403
+ );
404
+ --_rs-theme-dark:var(
405
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
406
+ var(--rs-theme-dark, 0)
407
+ );
408
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
409
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
410
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
411
+
412
+ color:var(--_rs-typography-base-color);
413
+ }
414
+ @define-mixin rs-text-hardness-average-theme-dark{
415
+ --rs-theme-dark:1;
416
+ --_rs-typography-hardness-color:var(
417
+ --rs-color-average,
418
+ rgba(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), 0.7)
419
+ );
420
+ --_rs-theme-dark:var(
421
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
422
+ var(--rs-theme-dark, 0)
423
+ );
424
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
425
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
426
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
427
+
428
+ color:var(--_rs-typography-base-color);
429
+ }
430
+ @define-mixin rs-text-hardness-pale-theme-dark{
431
+ --rs-theme-dark:1;
432
+ --_rs-typography-hardness-color:var(
433
+ --rs-color-pale,
434
+ rgba(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), 0.5)
435
+ );
436
+ --_rs-theme-dark:var(
437
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
438
+ var(--rs-theme-dark, 0)
439
+ );
440
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
441
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
442
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
443
+
444
+ color:var(--_rs-typography-base-color);
445
+ }
134
446
  @define-mixin rs-digits-1-base{
135
- letter-spacing:-0.005em;
136
-
137
- font-variant-numeric:tabular-nums;
138
-
139
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
140
-
141
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
142
- -webkit-font-feature-settings:"kern", "liga", "calt";
143
- font-feature-settings:"kern", "liga", "calt";
144
-
145
- font-size:69px;
146
-
147
- font-size:var(--rs-digits-1-font-size, 69px);
148
- font-weight:300;
149
- font-weight:var(--rs-font-weight-light, 300);
150
- line-height:71px;
151
- line-height:var(--rs-digits-1-line-height, 71px);
152
-
447
+ --_rs-typography-letter-spacing:-0.005em;
448
+ --_rs-typography-text-transform:initial;
449
+ --_rs-typography-font-variant-numeric:tabular-nums;
450
+ --_rs-typography-font-family:var(
451
+ --rs-font-family-headers,
452
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
453
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
454
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
455
+ );
456
+ --_rs-typography-font-size:var(
457
+ --rs-digits-1-font-size,
458
+ 69px
459
+ );
460
+ --_rs-typography-font-weight:var(
461
+ --rs-font-weight-light,
462
+ 300
463
+ );
464
+ --_rs-typography-line-height:var(
465
+ --rs-digits-1-line-height,
466
+ 71px
467
+ );
468
+ --_rs-typography-base-color:var(
469
+ --rs-color-hard,
470
+ rgb(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))
471
+ );
472
+ --_rs-typography-text-auto-offset:0;
473
+ --_rs-typography-ul-list-li-padding-left:initial;
474
+ --_rs-typography-ol-list-li-padding-left:initial;
475
+ --_rs-typography-list-li-margin-top-from-text:initial;
476
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
477
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
478
+ --_rs-typography-link-border-bottom-width-from-text:3px;
153
479
  @media screen and (max-width: 640px){
154
- --rs-digits-1-font-size:var(--rs-digits-2-font-size, 40px);
155
- --rs-digits-1-line-height:var(--rs-digits-2-line-height, 44px);
156
- }
157
-
158
- .rs-reset-letter-spacing &{
159
- letter-spacing:normal;
480
+ --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
481
+ --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
482
+
483
+ --_rs-typography-link-border-bottom-width-from-text:2px;
484
+ }
485
+ letter-spacing:var(
486
+ --rs-text-base-letter-spacing,
487
+ var(--_rs-typography-letter-spacing)
488
+ );
489
+ text-transform:var(--_rs-typography-text-transform);
490
+ font-family:var(--_rs-typography-font-family);
491
+ font-size:var(--_rs-typography-font-size);
492
+ font-weight:var(--_rs-typography-font-weight);
493
+ line-height:var(--_rs-typography-line-height);
494
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
495
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
496
+ font-feature-settings:'kern', 'liga', 'calt';
497
+ & > p:not(:nth-child(1)),
498
+ & > pre:not(:nth-child(1)){
499
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
160
500
  }
161
501
  }
162
502
  @define-mixin rs-digits-1{
163
- @mixin rs-digits-1-base;
164
- @mixin rs-text-hardness-hard;
503
+ --_rs-typography-letter-spacing:-0.005em;
504
+ --_rs-typography-text-transform:initial;
505
+ --_rs-typography-font-variant-numeric:tabular-nums;
506
+ --_rs-typography-font-family:var(
507
+ --rs-font-family-headers,
508
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
509
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
510
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
511
+ );
512
+ --_rs-typography-font-size:var(
513
+ --rs-digits-1-font-size,
514
+ 69px
515
+ );
516
+ --_rs-typography-font-weight:var(
517
+ --rs-font-weight-light,
518
+ 300
519
+ );
520
+ --_rs-typography-line-height:var(
521
+ --rs-digits-1-line-height,
522
+ 71px
523
+ );
524
+ --_rs-typography-base-color:var(
525
+ --rs-color-hard,
526
+ rgb(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))
527
+ );
528
+ --_rs-typography-text-auto-offset:0;
529
+ --_rs-typography-ul-list-li-padding-left:initial;
530
+ --_rs-typography-ol-list-li-padding-left:initial;
531
+ --_rs-typography-list-li-margin-top-from-text:initial;
532
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
533
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
534
+ --_rs-typography-link-border-bottom-width-from-text:3px;
535
+ @media screen and (max-width: 640px){
536
+ --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
537
+ --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
538
+
539
+ --_rs-typography-link-border-bottom-width-from-text:2px;
540
+ }
541
+ letter-spacing:var(
542
+ --rs-text-base-letter-spacing,
543
+ var(--_rs-typography-letter-spacing)
544
+ );
545
+ text-transform:var(--_rs-typography-text-transform);
546
+ font-family:var(--_rs-typography-font-family);
547
+ font-size:var(--_rs-typography-font-size);
548
+ font-weight:var(--_rs-typography-font-weight);
549
+ line-height:var(--_rs-typography-line-height);
550
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
551
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
552
+ font-feature-settings:'kern', 'liga', 'calt';
553
+ & > p:not(:nth-child(1)),
554
+ & > pre:not(:nth-child(1)){
555
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
556
+ }
557
+ --rs-theme-dark:0;
558
+ --_rs-typography-hardness-color:var(
559
+ --rs-color-hard,
560
+ rgb(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))
561
+ );
562
+ --_rs-theme-dark:var(
563
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
564
+ var(--rs-theme-dark, 0)
565
+ );
566
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
567
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
568
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
569
+ color:var(--_rs-typography-base-color);
165
570
  }
166
571
  @define-mixin rs-digits-1-theme-dark{
167
- @mixin rs-text-hardness-hard-theme-dark;
572
+ --rs-theme-dark:1;
573
+ --_rs-typography-hardness-color:var(
574
+ --rs-color-hard,
575
+ rgb(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))
576
+ );
577
+ --_rs-theme-dark:var(
578
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
579
+ var(--rs-theme-dark, 0)
580
+ );
581
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
582
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
583
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
584
+ color:var(--_rs-typography-base-color);
168
585
  }
169
586
  @define-mixin rs-digits-1-offset-top{
170
- margin-top:32px;
171
587
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
172
588
  }
173
589
  @define-mixin rs-digits-2-base{
174
- letter-spacing:-0.005em;
175
-
176
- font-variant-numeric:tabular-nums;
177
-
178
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
179
-
180
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
181
- -webkit-font-feature-settings:"kern", "liga", "calt";
182
- font-feature-settings:"kern", "liga", "calt";
183
-
184
- font-size:40px;
185
-
186
- font-size:var(--rs-digits-2-font-size, 40px);
187
- font-weight:300;
188
- font-weight:var(--rs-font-weight-light, 300);
189
- line-height:44px;
190
- line-height:var(--rs-digits-2-line-height, 44px);
191
-
192
- .rs-reset-letter-spacing &{
193
- letter-spacing:normal;
590
+ --_rs-typography-letter-spacing:-0.005em;
591
+ --_rs-typography-text-transform:initial;
592
+ --_rs-typography-font-variant-numeric:tabular-nums;
593
+ --_rs-typography-font-family:var(
594
+ --rs-font-family-headers,
595
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
596
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
597
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
598
+ );
599
+ --_rs-typography-font-size:var(
600
+ --rs-digits-2-font-size,
601
+ 40px
602
+ );
603
+ --_rs-typography-font-weight:var(
604
+ --rs-font-weight-light,
605
+ 300
606
+ );
607
+ --_rs-typography-line-height:var(
608
+ --rs-digits-2-line-height,
609
+ 44px
610
+ );
611
+ --_rs-typography-base-color:var(
612
+ --rs-color-hard,
613
+ rgb(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))
614
+ );
615
+ --_rs-typography-text-auto-offset:0;
616
+ --_rs-typography-ul-list-li-padding-left:initial;
617
+ --_rs-typography-ol-list-li-padding-left:initial;
618
+ --_rs-typography-list-li-margin-top-from-text:initial;
619
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
620
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
621
+ --_rs-typography-link-border-bottom-width-from-text:2px;
622
+ letter-spacing:var(
623
+ --rs-text-base-letter-spacing,
624
+ var(--_rs-typography-letter-spacing)
625
+ );
626
+ text-transform:var(--_rs-typography-text-transform);
627
+ font-family:var(--_rs-typography-font-family);
628
+ font-size:var(--_rs-typography-font-size);
629
+ font-weight:var(--_rs-typography-font-weight);
630
+ line-height:var(--_rs-typography-line-height);
631
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
632
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
633
+ font-feature-settings:'kern', 'liga', 'calt';
634
+ & > p:not(:nth-child(1)),
635
+ & > pre:not(:nth-child(1)){
636
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
194
637
  }
195
638
  }
196
639
  @define-mixin rs-digits-2{
197
- @mixin rs-digits-2-base;
198
- @mixin rs-text-hardness-hard;
640
+ --_rs-typography-letter-spacing:-0.005em;
641
+ --_rs-typography-text-transform:initial;
642
+ --_rs-typography-font-variant-numeric:tabular-nums;
643
+ --_rs-typography-font-family:var(
644
+ --rs-font-family-headers,
645
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
646
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
647
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
648
+ );
649
+ --_rs-typography-font-size:var(
650
+ --rs-digits-2-font-size,
651
+ 40px
652
+ );
653
+ --_rs-typography-font-weight:var(
654
+ --rs-font-weight-light,
655
+ 300
656
+ );
657
+ --_rs-typography-line-height:var(
658
+ --rs-digits-2-line-height,
659
+ 44px
660
+ );
661
+ --_rs-typography-base-color:var(
662
+ --rs-color-hard,
663
+ rgb(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))
664
+ );
665
+ --_rs-typography-text-auto-offset:0;
666
+ --_rs-typography-ul-list-li-padding-left:initial;
667
+ --_rs-typography-ol-list-li-padding-left:initial;
668
+ --_rs-typography-list-li-margin-top-from-text:initial;
669
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
670
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
671
+ --_rs-typography-link-border-bottom-width-from-text:2px;
672
+ letter-spacing:var(
673
+ --rs-text-base-letter-spacing,
674
+ var(--_rs-typography-letter-spacing)
675
+ );
676
+ text-transform:var(--_rs-typography-text-transform);
677
+ font-family:var(--_rs-typography-font-family);
678
+ font-size:var(--_rs-typography-font-size);
679
+ font-weight:var(--_rs-typography-font-weight);
680
+ line-height:var(--_rs-typography-line-height);
681
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
682
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
683
+ font-feature-settings:'kern', 'liga', 'calt';
684
+ & > p:not(:nth-child(1)),
685
+ & > pre:not(:nth-child(1)){
686
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
687
+ }
688
+ --rs-theme-dark:0;
689
+ --_rs-typography-hardness-color:var(
690
+ --rs-color-hard,
691
+ rgb(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))
692
+ );
693
+ --_rs-theme-dark:var(
694
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
695
+ var(--rs-theme-dark, 0)
696
+ );
697
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
698
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
699
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
700
+ color:var(--_rs-typography-base-color);
199
701
  }
200
702
  @define-mixin rs-digits-2-theme-dark{
201
- @mixin rs-text-hardness-hard-theme-dark;
703
+ --rs-theme-dark:1;
704
+ --_rs-typography-hardness-color:var(
705
+ --rs-color-hard,
706
+ rgb(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))
707
+ );
708
+ --_rs-theme-dark:var(
709
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
710
+ var(--rs-theme-dark, 0)
711
+ );
712
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
713
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
714
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
715
+ color:var(--_rs-typography-base-color);
202
716
  }
203
717
  @define-mixin rs-digits-2-offset-top{
204
- margin-top:32px;
205
718
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
206
719
  }
207
720
  @define-mixin rs-hero-base{
208
- letter-spacing:-0.005em;
209
-
210
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
211
-
212
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
213
- -webkit-font-feature-settings:"kern", "liga", "calt";
214
- font-feature-settings:"kern", "liga", "calt";
215
-
216
- font-size:72px;
217
-
218
- font-size:var(--rs-hero-font-size, 72px);
219
- font-weight:600;
220
- font-weight:var(--rs-font-weight-semi-bold, 600);
221
-
222
- line-height:72px;
223
-
224
- line-height:var(--rs-hero-line-height, 72px);
225
-
721
+ --_rs-typography-letter-spacing:-0.005em;
722
+ --_rs-typography-text-transform:initial;
723
+ --_rs-typography-font-variant-numeric:initial;
724
+ --_rs-typography-font-family:var(
725
+ --rs-font-family-headers,
726
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
727
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
728
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
729
+ );
730
+ --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
731
+ --_rs-typography-font-weight:var(
732
+ --rs-font-weight-semi-bold,
733
+ 600
734
+ );
735
+ --_rs-typography-line-height:var(
736
+ --rs-hero-line-height,
737
+ 72px
738
+ );
739
+ --_rs-typography-base-color:var(
740
+ --rs-color-hard,
741
+ rgb(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))
742
+ );
743
+ --_rs-typography-text-auto-offset:0;
744
+ --_rs-typography-ul-list-li-padding-left:initial;
745
+ --_rs-typography-ol-list-li-padding-left:initial;
746
+ --_rs-typography-list-li-margin-top-from-text:initial;
747
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
748
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
749
+ --_rs-typography-link-border-bottom-width-from-text:3px;
226
750
  @media screen and (max-width: 640px){
227
- --rs-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
228
- --rs-hero-line-height:var(--rs-hero-font-size-mobile, 50px);
229
- letter-spacing:-0.001em;
230
- }
231
-
232
- .rs-reset-letter-spacing &{
233
- letter-spacing:normal;
751
+ --_rs-typography-font-size:var(
752
+ --rs-hero-font-size-mobile,
753
+ 42px
754
+ );
755
+ --_rs-typography-line-height:var(
756
+ --rs-hero-line-height-mobile,
757
+ 50px
758
+ );
759
+ --_rs-typography-letter-spacing:-0.001em;
760
+
761
+ --_rs-typography-link-border-bottom-width-from-text:2px;
762
+ }
763
+ letter-spacing:var(
764
+ --rs-text-base-letter-spacing,
765
+ var(--_rs-typography-letter-spacing)
766
+ );
767
+ text-transform:var(--_rs-typography-text-transform);
768
+ font-family:var(--_rs-typography-font-family);
769
+ font-size:var(--_rs-typography-font-size);
770
+ font-weight:var(--_rs-typography-font-weight);
771
+ line-height:var(--_rs-typography-line-height);
772
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
773
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
774
+ font-feature-settings:'kern', 'liga', 'calt';
775
+ & > p:not(:nth-child(1)),
776
+ & > pre:not(:nth-child(1)){
777
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
234
778
  }
235
779
  }
236
780
  @define-mixin rs-hero{
237
- @mixin rs-hero-base;
238
- @mixin rs-text-hardness-hard;
781
+ --_rs-typography-letter-spacing:-0.005em;
782
+ --_rs-typography-text-transform:initial;
783
+ --_rs-typography-font-variant-numeric:initial;
784
+ --_rs-typography-font-family:var(
785
+ --rs-font-family-headers,
786
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
787
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
788
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
789
+ );
790
+ --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
791
+ --_rs-typography-font-weight:var(
792
+ --rs-font-weight-semi-bold,
793
+ 600
794
+ );
795
+ --_rs-typography-line-height:var(
796
+ --rs-hero-line-height,
797
+ 72px
798
+ );
799
+ --_rs-typography-base-color:var(
800
+ --rs-color-hard,
801
+ rgb(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))
802
+ );
803
+ --_rs-typography-text-auto-offset:0;
804
+ --_rs-typography-ul-list-li-padding-left:initial;
805
+ --_rs-typography-ol-list-li-padding-left:initial;
806
+ --_rs-typography-list-li-margin-top-from-text:initial;
807
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
808
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
809
+ --_rs-typography-link-border-bottom-width-from-text:3px;
810
+ @media screen and (max-width: 640px){
811
+ --_rs-typography-font-size:var(
812
+ --rs-hero-font-size-mobile,
813
+ 42px
814
+ );
815
+ --_rs-typography-line-height:var(
816
+ --rs-hero-line-height-mobile,
817
+ 50px
818
+ );
819
+ --_rs-typography-letter-spacing:-0.001em;
820
+
821
+ --_rs-typography-link-border-bottom-width-from-text:2px;
822
+ }
823
+ letter-spacing:var(
824
+ --rs-text-base-letter-spacing,
825
+ var(--_rs-typography-letter-spacing)
826
+ );
827
+ text-transform:var(--_rs-typography-text-transform);
828
+ font-family:var(--_rs-typography-font-family);
829
+ font-size:var(--_rs-typography-font-size);
830
+ font-weight:var(--_rs-typography-font-weight);
831
+ line-height:var(--_rs-typography-line-height);
832
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
833
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
834
+ font-feature-settings:'kern', 'liga', 'calt';
835
+ & > p:not(:nth-child(1)),
836
+ & > pre:not(:nth-child(1)){
837
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
838
+ }
839
+ --rs-theme-dark:0;
840
+ --_rs-typography-hardness-color:var(
841
+ --rs-color-hard,
842
+ rgb(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))
843
+ );
844
+ --_rs-theme-dark:var(
845
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
846
+ var(--rs-theme-dark, 0)
847
+ );
848
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
849
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
850
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
851
+ color:var(--_rs-typography-base-color);
239
852
  }
240
853
  @define-mixin rs-hero-theme-dark{
241
- @mixin rs-text-hardness-hard-theme-dark;
854
+ --rs-theme-dark:1;
855
+ --_rs-typography-hardness-color:var(
856
+ --rs-color-hard,
857
+ rgb(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))
858
+ );
859
+ --_rs-theme-dark:var(
860
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
861
+ var(--rs-theme-dark, 0)
862
+ );
863
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
864
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
865
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
866
+ color:var(--_rs-typography-base-color);
242
867
  }
243
868
  @define-mixin rs-hero-offset-top{
244
- margin-top:96px;
245
869
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
246
870
  }
247
871
  @define-mixin rs-subtitle-1-base{
248
- letter-spacing:normal;
249
-
250
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
251
-
252
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
253
- -webkit-font-feature-settings:"kern", "liga", "calt";
254
- font-feature-settings:"kern", "liga", "calt";
255
-
256
- font-size:39px;
257
-
258
- font-size:var(--rs-subtitle-1-font-size, 39px);
259
- font-weight:300;
260
- font-weight:var(--rs-font-weight-light, 300);
261
- line-height:49px;
262
- line-height:var(--rs-subtitle-1-line-height, 49px);
263
-
872
+ --_rs-typography-letter-spacing:normal;
873
+ --_rs-typography-text-transform:initial;
874
+ --_rs-typography-font-variant-numeric:initial;
875
+ --_rs-typography-font-family:var(
876
+ --rs-font-family-headers,
877
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
878
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
879
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
880
+ );
881
+ --_rs-typography-font-size:var(
882
+ --rs-subtitle-1-font-size,
883
+ 39px
884
+ );
885
+ --_rs-typography-font-weight:var(
886
+ --rs-font-weight-light,
887
+ 300
888
+ );
889
+ --_rs-typography-line-height:var(
890
+ --rs-subtitle-1-line-height,
891
+ 49px
892
+ );
893
+ --_rs-typography-base-color:var(
894
+ --rs-color-hard,
895
+ rgb(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))
896
+ );
897
+ --_rs-typography-text-auto-offset:0;
898
+ --_rs-typography-ul-list-li-padding-left:initial;
899
+ --_rs-typography-ol-list-li-padding-left:initial;
900
+ --_rs-typography-list-li-margin-top-from-text:initial;
901
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
902
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
903
+ --_rs-typography-link-border-bottom-width-from-text:2px;
264
904
  @media screen and (max-width: 640px){
265
- --rs-subtitle-1-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
266
- --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
905
+ --_rs-typography-font-size:var(
906
+ --rs-subtitle-2-font-size-mobile,
907
+ 23px
908
+ );
909
+ --_rs-typography-line-height:var(
910
+ --rs-subtitle-2-line-height-mobile,
911
+ 30px
912
+ );
913
+ }
914
+ letter-spacing:var(
915
+ --rs-text-base-letter-spacing,
916
+ var(--_rs-typography-letter-spacing)
917
+ );
918
+ text-transform:var(--_rs-typography-text-transform);
919
+ font-family:var(--_rs-typography-font-family);
920
+ font-size:var(--_rs-typography-font-size);
921
+ font-weight:var(--_rs-typography-font-weight);
922
+ line-height:var(--_rs-typography-line-height);
923
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
924
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
925
+ font-feature-settings:'kern', 'liga', 'calt';
926
+ & > p:not(:nth-child(1)),
927
+ & > pre:not(:nth-child(1)){
928
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
267
929
  }
268
930
  }
269
931
  @define-mixin rs-subtitle-1{
270
- @mixin rs-subtitle-1-base;
271
- @mixin rs-text-hardness-hard;
932
+ --_rs-typography-letter-spacing:normal;
933
+ --_rs-typography-text-transform:initial;
934
+ --_rs-typography-font-variant-numeric:initial;
935
+ --_rs-typography-font-family:var(
936
+ --rs-font-family-headers,
937
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
938
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
939
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
940
+ );
941
+ --_rs-typography-font-size:var(
942
+ --rs-subtitle-1-font-size,
943
+ 39px
944
+ );
945
+ --_rs-typography-font-weight:var(
946
+ --rs-font-weight-light,
947
+ 300
948
+ );
949
+ --_rs-typography-line-height:var(
950
+ --rs-subtitle-1-line-height,
951
+ 49px
952
+ );
953
+ --_rs-typography-base-color:var(
954
+ --rs-color-hard,
955
+ rgb(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))
956
+ );
957
+ --_rs-typography-text-auto-offset:0;
958
+ --_rs-typography-ul-list-li-padding-left:initial;
959
+ --_rs-typography-ol-list-li-padding-left:initial;
960
+ --_rs-typography-list-li-margin-top-from-text:initial;
961
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
962
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
963
+ --_rs-typography-link-border-bottom-width-from-text:2px;
964
+ @media screen and (max-width: 640px){
965
+ --_rs-typography-font-size:var(
966
+ --rs-subtitle-2-font-size-mobile,
967
+ 23px
968
+ );
969
+ --_rs-typography-line-height:var(
970
+ --rs-subtitle-2-line-height-mobile,
971
+ 30px
972
+ );
973
+ }
974
+ letter-spacing:var(
975
+ --rs-text-base-letter-spacing,
976
+ var(--_rs-typography-letter-spacing)
977
+ );
978
+ text-transform:var(--_rs-typography-text-transform);
979
+ font-family:var(--_rs-typography-font-family);
980
+ font-size:var(--_rs-typography-font-size);
981
+ font-weight:var(--_rs-typography-font-weight);
982
+ line-height:var(--_rs-typography-line-height);
983
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
984
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
985
+ font-feature-settings:'kern', 'liga', 'calt';
986
+ & > p:not(:nth-child(1)),
987
+ & > pre:not(:nth-child(1)){
988
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
989
+ }
990
+ --rs-theme-dark:0;
991
+ --_rs-typography-hardness-color:var(
992
+ --rs-color-hard,
993
+ rgb(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))
994
+ );
995
+ --_rs-theme-dark:var(
996
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
997
+ var(--rs-theme-dark, 0)
998
+ );
999
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1000
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1001
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1002
+ color:var(--_rs-typography-base-color);
272
1003
  }
273
1004
  @define-mixin rs-subtitle-1-theme-dark{
274
- @mixin rs-text-hardness-hard-theme-dark;
1005
+ --rs-theme-dark:1;
1006
+ --_rs-typography-hardness-color:var(
1007
+ --rs-color-hard,
1008
+ rgb(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))
1009
+ );
1010
+ --_rs-theme-dark:var(
1011
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1012
+ var(--rs-theme-dark, 0)
1013
+ );
1014
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1015
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1016
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1017
+ color:var(--_rs-typography-base-color);
275
1018
  }
276
1019
  @define-mixin rs-subtitle-1-offset-top{
277
- margin-top:32px;
278
1020
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
279
1021
  }
280
1022
  @define-mixin rs-h1-base{
281
- letter-spacing:-0.001em;
282
-
283
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
284
-
285
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
286
- -webkit-font-feature-settings:"kern", "liga", "calt";
287
- font-feature-settings:"kern", "liga", "calt";
288
-
289
- font-size:43px;
290
-
291
- font-size:var(--rs-h1-font-size, 43px);
292
- font-weight:600;
293
- font-weight:var(--rs-font-weight-semi-bold, 600);
294
-
295
- line-height:49px;
296
-
297
- line-height:var(--rs-h1-line-height, 49px);
298
-
1023
+ --_rs-typography-letter-spacing:-0.001em;
1024
+ --_rs-typography-text-transform:initial;
1025
+ --_rs-typography-font-variant-numeric:initial;
1026
+ --_rs-typography-font-family:var(
1027
+ --rs-font-family-headers,
1028
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1029
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1030
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1031
+ );
1032
+ --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1033
+ --_rs-typography-font-weight:var(
1034
+ --rs-font-weight-semi-bold,
1035
+ 600
1036
+ );
1037
+ --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1038
+ --_rs-typography-base-color:var(
1039
+ --rs-color-hard,
1040
+ rgb(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))
1041
+ );
1042
+ --_rs-typography-text-auto-offset:0;
1043
+ --_rs-typography-ul-list-li-padding-left:initial;
1044
+ --_rs-typography-ol-list-li-padding-left:initial;
1045
+ --_rs-typography-list-li-margin-top-from-text:initial;
1046
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1047
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1048
+ --_rs-typography-link-border-bottom-width-from-text:2px;
299
1049
  @media screen and (max-width: 640px){
300
- --rs-h1-font-size:var(--rs-h1-font-size-mobile, 35px);
301
- --rs-h1-line-height:var(--rs-h1-line-height-mobile, 39px);
302
- letter-spacing:normal;
1050
+ --_rs-typography-font-size:var(
1051
+ --rs-h1-font-size-mobile,
1052
+ 35px
1053
+ );
1054
+ --_rs-typography-line-height:var(
1055
+ --rs-h1-line-height-mobile,
1056
+ 39px
1057
+ );
1058
+ --_rs-typography-letter-spacing:normal;
1059
+ }
1060
+ letter-spacing:var(
1061
+ --rs-text-base-letter-spacing,
1062
+ var(--_rs-typography-letter-spacing)
1063
+ );
1064
+ text-transform:var(--_rs-typography-text-transform);
1065
+ font-family:var(--_rs-typography-font-family);
1066
+ font-size:var(--_rs-typography-font-size);
1067
+ font-weight:var(--_rs-typography-font-weight);
1068
+ line-height:var(--_rs-typography-line-height);
1069
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1070
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1071
+ font-feature-settings:'kern', 'liga', 'calt';
1072
+ & > p:not(:nth-child(1)),
1073
+ & > pre:not(:nth-child(1)){
1074
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
303
1075
  }
304
1076
  }
305
1077
  @define-mixin rs-h1{
306
- @mixin rs-h1-base;
307
- @mixin rs-text-hardness-hard;
1078
+ --_rs-typography-letter-spacing:-0.001em;
1079
+ --_rs-typography-text-transform:initial;
1080
+ --_rs-typography-font-variant-numeric:initial;
1081
+ --_rs-typography-font-family:var(
1082
+ --rs-font-family-headers,
1083
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1084
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1085
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1086
+ );
1087
+ --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1088
+ --_rs-typography-font-weight:var(
1089
+ --rs-font-weight-semi-bold,
1090
+ 600
1091
+ );
1092
+ --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1093
+ --_rs-typography-base-color:var(
1094
+ --rs-color-hard,
1095
+ rgb(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))
1096
+ );
1097
+ --_rs-typography-text-auto-offset:0;
1098
+ --_rs-typography-ul-list-li-padding-left:initial;
1099
+ --_rs-typography-ol-list-li-padding-left:initial;
1100
+ --_rs-typography-list-li-margin-top-from-text:initial;
1101
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1102
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1103
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1104
+ @media screen and (max-width: 640px){
1105
+ --_rs-typography-font-size:var(
1106
+ --rs-h1-font-size-mobile,
1107
+ 35px
1108
+ );
1109
+ --_rs-typography-line-height:var(
1110
+ --rs-h1-line-height-mobile,
1111
+ 39px
1112
+ );
1113
+ --_rs-typography-letter-spacing:normal;
1114
+ }
1115
+ letter-spacing:var(
1116
+ --rs-text-base-letter-spacing,
1117
+ var(--_rs-typography-letter-spacing)
1118
+ );
1119
+ text-transform:var(--_rs-typography-text-transform);
1120
+ font-family:var(--_rs-typography-font-family);
1121
+ font-size:var(--_rs-typography-font-size);
1122
+ font-weight:var(--_rs-typography-font-weight);
1123
+ line-height:var(--_rs-typography-line-height);
1124
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1125
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1126
+ font-feature-settings:'kern', 'liga', 'calt';
1127
+ & > p:not(:nth-child(1)),
1128
+ & > pre:not(:nth-child(1)){
1129
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1130
+ }
1131
+ --rs-theme-dark:0;
1132
+ --_rs-typography-hardness-color:var(
1133
+ --rs-color-hard,
1134
+ rgb(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))
1135
+ );
1136
+ --_rs-theme-dark:var(
1137
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1138
+ var(--rs-theme-dark, 0)
1139
+ );
1140
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1141
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1142
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1143
+ color:var(--_rs-typography-base-color);
308
1144
  }
309
1145
  @define-mixin rs-h1-theme-dark{
310
- @mixin rs-text-hardness-hard-theme-dark;
1146
+ --rs-theme-dark:1;
1147
+ --_rs-typography-hardness-color:var(
1148
+ --rs-color-hard,
1149
+ rgb(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))
1150
+ );
1151
+ --_rs-theme-dark:var(
1152
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1153
+ var(--rs-theme-dark, 0)
1154
+ );
1155
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1156
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1157
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1158
+ color:var(--_rs-typography-base-color);
311
1159
  }
312
1160
  @define-mixin rs-h1-offset-top{
313
- margin-top:64px;
314
1161
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
315
1162
  }
316
1163
  @define-mixin rs-subtitle-2-base{
317
- letter-spacing:normal;
318
-
319
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
320
-
321
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
322
- -webkit-font-feature-settings:"kern", "liga", "calt";
323
- font-feature-settings:"kern", "liga", "calt";
324
-
325
- font-size:29px;
326
-
327
- font-size:var(--rs-subtitle-2-font-size, 29px);
328
- font-weight:300;
329
- font-weight:var(--rs-font-weight-light, 300);
330
- line-height:39px;
331
- line-height:var(--rs-subtitle-2-line-height, 39px);
332
-
1164
+ --_rs-typography-letter-spacing:normal;
1165
+ --_rs-typography-text-transform:initial;
1166
+ --_rs-typography-font-variant-numeric:initial;
1167
+ --_rs-typography-font-family:var(
1168
+ --rs-font-family-headers,
1169
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1170
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1171
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1172
+ );
1173
+ --_rs-typography-font-size:var(
1174
+ --rs-subtitle-2-font-size,
1175
+ 29px
1176
+ );
1177
+ --_rs-typography-font-weight:var(
1178
+ --rs-font-weight-light,
1179
+ 300
1180
+ );
1181
+ --_rs-typography-line-height:var(
1182
+ --rs-subtitle-2-line-height,
1183
+ 39px
1184
+ );
1185
+ --_rs-typography-base-color:var(
1186
+ --rs-color-hard,
1187
+ rgb(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))
1188
+ );
1189
+ --_rs-typography-text-auto-offset:0;
1190
+ --_rs-typography-ul-list-li-padding-left:initial;
1191
+ --_rs-typography-ol-list-li-padding-left:initial;
1192
+ --_rs-typography-list-li-margin-top-from-text:initial;
1193
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1194
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1195
+ --_rs-typography-link-border-bottom-width-from-text:2px;
333
1196
  @media screen and (max-width: 640px){
334
- --rs-subtitle-2-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
335
- --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
1197
+ --_rs-typography-font-size:var(
1198
+ --rs-subtitle-2-font-size-mobile,
1199
+ 23px
1200
+ );
1201
+ --_rs-typography-line-height:var(
1202
+ --rs-subtitle-2-line-height-mobile,
1203
+ 30px
1204
+ );
1205
+ }
1206
+ letter-spacing:var(
1207
+ --rs-text-base-letter-spacing,
1208
+ var(--_rs-typography-letter-spacing)
1209
+ );
1210
+ text-transform:var(--_rs-typography-text-transform);
1211
+ font-family:var(--_rs-typography-font-family);
1212
+ font-size:var(--_rs-typography-font-size);
1213
+ font-weight:var(--_rs-typography-font-weight);
1214
+ line-height:var(--_rs-typography-line-height);
1215
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1216
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1217
+ font-feature-settings:'kern', 'liga', 'calt';
1218
+ & > p:not(:nth-child(1)),
1219
+ & > pre:not(:nth-child(1)){
1220
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
336
1221
  }
337
1222
  }
338
1223
  @define-mixin rs-subtitle-2{
339
- @mixin rs-subtitle-2-base;
340
- @mixin rs-text-hardness-hard;
1224
+ --_rs-typography-letter-spacing:normal;
1225
+ --_rs-typography-text-transform:initial;
1226
+ --_rs-typography-font-variant-numeric:initial;
1227
+ --_rs-typography-font-family:var(
1228
+ --rs-font-family-headers,
1229
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1230
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1231
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1232
+ );
1233
+ --_rs-typography-font-size:var(
1234
+ --rs-subtitle-2-font-size,
1235
+ 29px
1236
+ );
1237
+ --_rs-typography-font-weight:var(
1238
+ --rs-font-weight-light,
1239
+ 300
1240
+ );
1241
+ --_rs-typography-line-height:var(
1242
+ --rs-subtitle-2-line-height,
1243
+ 39px
1244
+ );
1245
+ --_rs-typography-base-color:var(
1246
+ --rs-color-hard,
1247
+ rgb(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))
1248
+ );
1249
+ --_rs-typography-text-auto-offset:0;
1250
+ --_rs-typography-ul-list-li-padding-left:initial;
1251
+ --_rs-typography-ol-list-li-padding-left:initial;
1252
+ --_rs-typography-list-li-margin-top-from-text:initial;
1253
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1254
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1255
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1256
+ @media screen and (max-width: 640px){
1257
+ --_rs-typography-font-size:var(
1258
+ --rs-subtitle-2-font-size-mobile,
1259
+ 23px
1260
+ );
1261
+ --_rs-typography-line-height:var(
1262
+ --rs-subtitle-2-line-height-mobile,
1263
+ 30px
1264
+ );
1265
+ }
1266
+ letter-spacing:var(
1267
+ --rs-text-base-letter-spacing,
1268
+ var(--_rs-typography-letter-spacing)
1269
+ );
1270
+ text-transform:var(--_rs-typography-text-transform);
1271
+ font-family:var(--_rs-typography-font-family);
1272
+ font-size:var(--_rs-typography-font-size);
1273
+ font-weight:var(--_rs-typography-font-weight);
1274
+ line-height:var(--_rs-typography-line-height);
1275
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1276
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1277
+ font-feature-settings:'kern', 'liga', 'calt';
1278
+ & > p:not(:nth-child(1)),
1279
+ & > pre:not(:nth-child(1)){
1280
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1281
+ }
1282
+ --rs-theme-dark:0;
1283
+ --_rs-typography-hardness-color:var(
1284
+ --rs-color-hard,
1285
+ rgb(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))
1286
+ );
1287
+ --_rs-theme-dark:var(
1288
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1289
+ var(--rs-theme-dark, 0)
1290
+ );
1291
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1292
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1293
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1294
+ color:var(--_rs-typography-base-color);
341
1295
  }
342
1296
  @define-mixin rs-subtitle-2-theme-dark{
343
- @mixin rs-text-hardness-hard-theme-dark;
1297
+ --rs-theme-dark:1;
1298
+ --_rs-typography-hardness-color:var(
1299
+ --rs-color-hard,
1300
+ rgb(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))
1301
+ );
1302
+ --_rs-theme-dark:var(
1303
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1304
+ var(--rs-theme-dark, 0)
1305
+ );
1306
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1307
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1308
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1309
+ color:var(--_rs-typography-base-color);
344
1310
  }
345
1311
  @define-mixin rs-subtitle-2-offset-top{
346
- margin-top:32px;
347
1312
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
348
1313
  }
349
1314
  @define-mixin rs-h2-base{
350
- letter-spacing:normal;
351
-
352
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
353
-
354
- font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
355
- -webkit-font-feature-settings:"kern", "liga", "calt";
356
- font-feature-settings:"kern", "liga", "calt";
357
-
358
- font-size:35px;
359
-
360
- font-size:var(--rs-h2-font-size, 35px);
361
- font-weight:600;
362
- font-weight:var(--rs-font-weight-semi-bold, 600);
363
-
364
- line-height:42px;
365
-
366
- line-height:var(--rs-h2-line-height, 42px);
367
-
1315
+ --_rs-typography-letter-spacing:normal;
1316
+ --_rs-typography-text-transform:initial;
1317
+ --_rs-typography-font-variant-numeric:initial;
1318
+ --_rs-typography-font-family:var(
1319
+ --rs-font-family-headers,
1320
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1321
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1322
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1323
+ );
1324
+ --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
1325
+ --_rs-typography-font-weight:var(
1326
+ --rs-font-weight-semi-bold,
1327
+ 600
1328
+ );
1329
+ --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1330
+ --_rs-typography-base-color:var(
1331
+ --rs-color-hard,
1332
+ rgb(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))
1333
+ );
1334
+ --_rs-typography-text-auto-offset:0;
1335
+ --_rs-typography-ul-list-li-padding-left:initial;
1336
+ --_rs-typography-ol-list-li-padding-left:initial;
1337
+ --_rs-typography-list-li-margin-top-from-text:initial;
1338
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1339
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1340
+ --_rs-typography-link-border-bottom-width-from-text:2px;
368
1341
  @media screen and (max-width: 640px){
369
- --rs-h2-font-size:var(--rs-h2-font-size-mobile, 28px);
370
- --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
1342
+ --_rs-typography-font-size:var(
1343
+ --rs-h2-font-size-mobile,
1344
+ 28px
1345
+ );
1346
+ --_rs-typography-line-height:var(
1347
+ --rs-h2-line-height-mobile,
1348
+ 32px
1349
+ );
1350
+ }
1351
+ letter-spacing:var(
1352
+ --rs-text-base-letter-spacing,
1353
+ var(--_rs-typography-letter-spacing)
1354
+ );
1355
+ text-transform:var(--_rs-typography-text-transform);
1356
+ font-family:var(--_rs-typography-font-family);
1357
+ font-size:var(--_rs-typography-font-size);
1358
+ font-weight:var(--_rs-typography-font-weight);
1359
+ line-height:var(--_rs-typography-line-height);
1360
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1361
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1362
+ font-feature-settings:'kern', 'liga', 'calt';
1363
+ & > p:not(:nth-child(1)),
1364
+ & > pre:not(:nth-child(1)){
1365
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
371
1366
  }
372
1367
  }
373
1368
  @define-mixin rs-h2{
374
- @mixin rs-h2-base;
375
- @mixin rs-text-hardness-hard;
1369
+ --_rs-typography-letter-spacing:normal;
1370
+ --_rs-typography-text-transform:initial;
1371
+ --_rs-typography-font-variant-numeric:initial;
1372
+ --_rs-typography-font-family:var(
1373
+ --rs-font-family-headers,
1374
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1375
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1376
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1377
+ );
1378
+ --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
1379
+ --_rs-typography-font-weight:var(
1380
+ --rs-font-weight-semi-bold,
1381
+ 600
1382
+ );
1383
+ --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1384
+ --_rs-typography-base-color:var(
1385
+ --rs-color-hard,
1386
+ rgb(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))
1387
+ );
1388
+ --_rs-typography-text-auto-offset:0;
1389
+ --_rs-typography-ul-list-li-padding-left:initial;
1390
+ --_rs-typography-ol-list-li-padding-left:initial;
1391
+ --_rs-typography-list-li-margin-top-from-text:initial;
1392
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1393
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1394
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1395
+ @media screen and (max-width: 640px){
1396
+ --_rs-typography-font-size:var(
1397
+ --rs-h2-font-size-mobile,
1398
+ 28px
1399
+ );
1400
+ --_rs-typography-line-height:var(
1401
+ --rs-h2-line-height-mobile,
1402
+ 32px
1403
+ );
1404
+ }
1405
+ letter-spacing:var(
1406
+ --rs-text-base-letter-spacing,
1407
+ var(--_rs-typography-letter-spacing)
1408
+ );
1409
+ text-transform:var(--_rs-typography-text-transform);
1410
+ font-family:var(--_rs-typography-font-family);
1411
+ font-size:var(--_rs-typography-font-size);
1412
+ font-weight:var(--_rs-typography-font-weight);
1413
+ line-height:var(--_rs-typography-line-height);
1414
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1415
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1416
+ font-feature-settings:'kern', 'liga', 'calt';
1417
+ & > p:not(:nth-child(1)),
1418
+ & > pre:not(:nth-child(1)){
1419
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1420
+ }
1421
+ --rs-theme-dark:0;
1422
+ --_rs-typography-hardness-color:var(
1423
+ --rs-color-hard,
1424
+ rgb(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))
1425
+ );
1426
+ --_rs-theme-dark:var(
1427
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1428
+ var(--rs-theme-dark, 0)
1429
+ );
1430
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1431
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1432
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1433
+ color:var(--_rs-typography-base-color);
376
1434
  }
377
1435
  @define-mixin rs-h2-theme-dark{
378
- @mixin rs-text-hardness-hard-theme-dark;
1436
+ --rs-theme-dark:1;
1437
+ --_rs-typography-hardness-color:var(
1438
+ --rs-color-hard,
1439
+ rgb(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))
1440
+ );
1441
+ --_rs-theme-dark:var(
1442
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1443
+ var(--rs-theme-dark, 0)
1444
+ );
1445
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1446
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1447
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1448
+ color:var(--_rs-typography-base-color);
379
1449
  }
380
1450
  @define-mixin rs-h2-offset-top{
381
- margin-top:48px;
382
1451
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
383
1452
  }
384
1453
  @define-mixin rs-h3-base{
385
- letter-spacing:normal;
386
-
387
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
388
-
389
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
390
- -webkit-font-feature-settings:"kern", "liga", "calt";
391
- font-feature-settings:"kern", "liga", "calt";
392
-
393
- font-size:20px;
394
-
395
- font-size:var(--rs-h3-font-size, 20px);
396
- font-weight:600;
397
- font-weight:var(--rs-font-weight-semi-bold, 600);
398
- line-height:28px;
399
- line-height:var(--rs-h3-line-height, 28px);
1454
+ --_rs-typography-letter-spacing:normal;
1455
+ --_rs-typography-text-transform:initial;
1456
+ --_rs-typography-font-variant-numeric:initial;
1457
+ --_rs-typography-font-family:var(
1458
+ --rs-font-family-ui,
1459
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1460
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1461
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1462
+ );
1463
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1464
+ --_rs-typography-font-weight:var(
1465
+ --rs-font-weight-semi-bold,
1466
+ 600
1467
+ );
1468
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1469
+ --_rs-typography-base-color:var(
1470
+ --rs-color-hard,
1471
+ rgb(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))
1472
+ );
1473
+ --_rs-typography-text-auto-offset:0;
1474
+ --_rs-typography-ul-list-li-padding-left:initial;
1475
+ --_rs-typography-ol-list-li-padding-left:initial;
1476
+ --_rs-typography-list-li-margin-top-from-text:initial;
1477
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1478
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1479
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1480
+ letter-spacing:var(
1481
+ --rs-text-base-letter-spacing,
1482
+ var(--_rs-typography-letter-spacing)
1483
+ );
1484
+ text-transform:var(--_rs-typography-text-transform);
1485
+ font-family:var(--_rs-typography-font-family);
1486
+ font-size:var(--_rs-typography-font-size);
1487
+ font-weight:var(--_rs-typography-font-weight);
1488
+ line-height:var(--_rs-typography-line-height);
1489
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1490
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1491
+ font-feature-settings:'kern', 'liga', 'calt';
1492
+ & > p:not(:nth-child(1)),
1493
+ & > pre:not(:nth-child(1)){
1494
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1495
+ }
400
1496
  }
401
1497
  @define-mixin rs-h3{
402
- @mixin rs-h3-base;
403
- @mixin rs-text-hardness-hard;
1498
+ --_rs-typography-letter-spacing:normal;
1499
+ --_rs-typography-text-transform:initial;
1500
+ --_rs-typography-font-variant-numeric:initial;
1501
+ --_rs-typography-font-family:var(
1502
+ --rs-font-family-ui,
1503
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1504
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1505
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1506
+ );
1507
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1508
+ --_rs-typography-font-weight:var(
1509
+ --rs-font-weight-semi-bold,
1510
+ 600
1511
+ );
1512
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1513
+ --_rs-typography-base-color:var(
1514
+ --rs-color-hard,
1515
+ rgb(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))
1516
+ );
1517
+ --_rs-typography-text-auto-offset:0;
1518
+ --_rs-typography-ul-list-li-padding-left:initial;
1519
+ --_rs-typography-ol-list-li-padding-left:initial;
1520
+ --_rs-typography-list-li-margin-top-from-text:initial;
1521
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1522
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1523
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1524
+ letter-spacing:var(
1525
+ --rs-text-base-letter-spacing,
1526
+ var(--_rs-typography-letter-spacing)
1527
+ );
1528
+ text-transform:var(--_rs-typography-text-transform);
1529
+ font-family:var(--_rs-typography-font-family);
1530
+ font-size:var(--_rs-typography-font-size);
1531
+ font-weight:var(--_rs-typography-font-weight);
1532
+ line-height:var(--_rs-typography-line-height);
1533
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1534
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1535
+ font-feature-settings:'kern', 'liga', 'calt';
1536
+ & > p:not(:nth-child(1)),
1537
+ & > pre:not(:nth-child(1)){
1538
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1539
+ }
1540
+ --rs-theme-dark:0;
1541
+ --_rs-typography-hardness-color:var(
1542
+ --rs-color-hard,
1543
+ rgb(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))
1544
+ );
1545
+ --_rs-theme-dark:var(
1546
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1547
+ var(--rs-theme-dark, 0)
1548
+ );
1549
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1550
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1551
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1552
+ color:var(--_rs-typography-base-color);
404
1553
  }
405
1554
  @define-mixin rs-h3-theme-dark{
406
- @mixin rs-text-hardness-hard-theme-dark;
1555
+ --rs-theme-dark:1;
1556
+ --_rs-typography-hardness-color:var(
1557
+ --rs-color-hard,
1558
+ rgb(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))
1559
+ );
1560
+ --_rs-theme-dark:var(
1561
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1562
+ var(--rs-theme-dark, 0)
1563
+ );
1564
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1565
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1566
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1567
+ color:var(--_rs-typography-base-color);
407
1568
  }
408
1569
  @define-mixin rs-h3-offset-top{
409
- margin-top:32px;
410
1570
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
411
1571
  }
412
1572
  @define-mixin rs-text-1-base{
413
- letter-spacing:normal;
414
-
415
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
416
-
417
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
418
- -webkit-font-feature-settings:"kern", "liga", "calt";
419
- font-feature-settings:"kern", "liga", "calt";
420
-
421
- font-size:20px;
422
-
423
- font-size:var(--rs-text-1-font-size, 20px);
424
- font-weight:normal;
425
- line-height:28px;
426
- line-height:var(--rs-text-1-line-height, 28px);
1573
+ --_rs-typography-letter-spacing:normal;
1574
+ --_rs-typography-text-transform:initial;
1575
+ --_rs-typography-font-variant-numeric:initial;
1576
+ --_rs-typography-font-family:var(
1577
+ --rs-font-family-ui,
1578
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1579
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1580
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1581
+ );
1582
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1583
+ --_rs-typography-font-weight:var(
1584
+ --rs-font-weight-regular,
1585
+ 400
1586
+ );
1587
+ --_rs-typography-line-height:var(
1588
+ --rs-text-1-line-height,
1589
+ 28px
1590
+ );
1591
+ --_rs-typography-base-color:var(
1592
+ --_rs-typography-hardness-color,
1593
+ var(
1594
+ --rs-color-average,
1595
+ rgba(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), 0.7)
1596
+ )
1597
+ );
1598
+ --_rs-typography-text-auto-offset:32px;
1599
+ --_rs-typography-ul-list-li-padding-left:26px;
1600
+ --_rs-typography-ol-list-li-padding-left:32px;
1601
+ --_rs-typography-list-li-margin-top-from-text:24px;
1602
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1603
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1604
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1605
+ @media screen and (max-width: 640px){
1606
+ --_rs-typography-list-li-margin-top-from-text:16px;
1607
+ }
1608
+ letter-spacing:var(
1609
+ --rs-text-base-letter-spacing,
1610
+ var(--_rs-typography-letter-spacing)
1611
+ );
1612
+ text-transform:var(--_rs-typography-text-transform);
1613
+ font-family:var(--_rs-typography-font-family);
1614
+ font-size:var(--_rs-typography-font-size);
1615
+ font-weight:var(--_rs-typography-font-weight);
1616
+ line-height:var(--_rs-typography-line-height);
1617
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1618
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1619
+ font-feature-settings:'kern', 'liga', 'calt';
1620
+ & > p:not(:nth-child(1)),
1621
+ & > pre:not(:nth-child(1)){
1622
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1623
+ }
427
1624
  }
428
1625
  @define-mixin rs-text-1{
429
- @mixin rs-text-1-base;
430
- @mixin rs-text-hardness-average;
1626
+ --_rs-typography-letter-spacing:normal;
1627
+ --_rs-typography-text-transform:initial;
1628
+ --_rs-typography-font-variant-numeric:initial;
1629
+ --_rs-typography-font-family:var(
1630
+ --rs-font-family-ui,
1631
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1632
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1633
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1634
+ );
1635
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1636
+ --_rs-typography-font-weight:var(
1637
+ --rs-font-weight-regular,
1638
+ 400
1639
+ );
1640
+ --_rs-typography-line-height:var(
1641
+ --rs-text-1-line-height,
1642
+ 28px
1643
+ );
1644
+ --_rs-typography-base-color:var(
1645
+ --_rs-typography-hardness-color,
1646
+ var(
1647
+ --rs-color-average,
1648
+ rgba(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), 0.7)
1649
+ )
1650
+ );
1651
+ --_rs-typography-text-auto-offset:32px;
1652
+ --_rs-typography-ul-list-li-padding-left:26px;
1653
+ --_rs-typography-ol-list-li-padding-left:32px;
1654
+ --_rs-typography-list-li-margin-top-from-text:24px;
1655
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1656
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1657
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1658
+ @media screen and (max-width: 640px){
1659
+ --_rs-typography-list-li-margin-top-from-text:16px;
1660
+ }
1661
+ letter-spacing:var(
1662
+ --rs-text-base-letter-spacing,
1663
+ var(--_rs-typography-letter-spacing)
1664
+ );
1665
+ text-transform:var(--_rs-typography-text-transform);
1666
+ font-family:var(--_rs-typography-font-family);
1667
+ font-size:var(--_rs-typography-font-size);
1668
+ font-weight:var(--_rs-typography-font-weight);
1669
+ line-height:var(--_rs-typography-line-height);
1670
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1671
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1672
+ font-feature-settings:'kern', 'liga', 'calt';
1673
+ & > p:not(:nth-child(1)),
1674
+ & > pre:not(:nth-child(1)){
1675
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1676
+ }
1677
+ --rs-theme-dark:0;
1678
+ --_rs-typography-hardness-color:var(
1679
+ --rs-color-average,
1680
+ rgba(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), 0.7)
1681
+ );
1682
+ --_rs-theme-dark:var(
1683
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1684
+ var(--rs-theme-dark, 0)
1685
+ );
1686
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1687
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1688
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1689
+ color:var(--_rs-typography-base-color);
431
1690
  }
432
1691
  @define-mixin rs-text-1-theme-dark{
433
- @mixin rs-text-hardness-average-theme-dark;
1692
+ --rs-theme-dark:1;
1693
+ --_rs-typography-hardness-color:var(
1694
+ --rs-color-average,
1695
+ rgba(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), 0.7)
1696
+ );
1697
+ --_rs-theme-dark:var(
1698
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1699
+ var(--rs-theme-dark, 0)
1700
+ );
1701
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1702
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1703
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1704
+ color:var(--_rs-typography-base-color);
434
1705
  }
435
1706
  @define-mixin rs-text-1-offset-top{
436
- margin-top:32px;
437
1707
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
438
1708
  }
439
1709
  @define-mixin rs-h4-base{
440
- letter-spacing:normal;
441
-
442
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
443
-
444
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
445
- -webkit-font-feature-settings:"kern", "liga", "calt";
446
- font-feature-settings:"kern", "liga", "calt";
447
-
448
- font-size:16px;
449
-
450
- font-size:var(--rs-h4-font-size, 16px);
451
- font-weight:600;
452
- font-weight:var(--rs-font-weight-semi-bold, 600);
453
-
454
- line-height:24px;
455
-
456
- line-height:var(--rs-h4-line-height, 24px);
1710
+ --_rs-typography-letter-spacing:normal;
1711
+ --_rs-typography-text-transform:initial;
1712
+ --_rs-typography-font-variant-numeric:initial;
1713
+ --_rs-typography-font-family:var(
1714
+ --rs-font-family-ui,
1715
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1716
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1717
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1718
+ );
1719
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1720
+ --_rs-typography-font-weight:var(
1721
+ --rs-font-weight-semi-bold,
1722
+ 600
1723
+ );
1724
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1725
+ --_rs-typography-base-color:var(
1726
+ --rs-color-hard,
1727
+ rgb(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))
1728
+ );
1729
+ --_rs-typography-text-auto-offset:0;
1730
+ --_rs-typography-ul-list-li-padding-left:initial;
1731
+ --_rs-typography-ol-list-li-padding-left:initial;
1732
+ --_rs-typography-list-li-margin-top-from-text:initial;
1733
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1734
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1735
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1736
+ letter-spacing:var(
1737
+ --rs-text-base-letter-spacing,
1738
+ var(--_rs-typography-letter-spacing)
1739
+ );
1740
+ text-transform:var(--_rs-typography-text-transform);
1741
+ font-family:var(--_rs-typography-font-family);
1742
+ font-size:var(--_rs-typography-font-size);
1743
+ font-weight:var(--_rs-typography-font-weight);
1744
+ line-height:var(--_rs-typography-line-height);
1745
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1746
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1747
+ font-feature-settings:'kern', 'liga', 'calt';
1748
+ & > p:not(:nth-child(1)),
1749
+ & > pre:not(:nth-child(1)){
1750
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1751
+ }
457
1752
  }
458
1753
  @define-mixin rs-h4{
459
- @mixin rs-h4-base;
460
- @mixin rs-text-hardness-hard;
1754
+ --_rs-typography-letter-spacing:normal;
1755
+ --_rs-typography-text-transform:initial;
1756
+ --_rs-typography-font-variant-numeric:initial;
1757
+ --_rs-typography-font-family:var(
1758
+ --rs-font-family-ui,
1759
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1760
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1761
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1762
+ );
1763
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1764
+ --_rs-typography-font-weight:var(
1765
+ --rs-font-weight-semi-bold,
1766
+ 600
1767
+ );
1768
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1769
+ --_rs-typography-base-color:var(
1770
+ --rs-color-hard,
1771
+ rgb(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))
1772
+ );
1773
+ --_rs-typography-text-auto-offset:0;
1774
+ --_rs-typography-ul-list-li-padding-left:initial;
1775
+ --_rs-typography-ol-list-li-padding-left:initial;
1776
+ --_rs-typography-list-li-margin-top-from-text:initial;
1777
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1778
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1779
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1780
+ letter-spacing:var(
1781
+ --rs-text-base-letter-spacing,
1782
+ var(--_rs-typography-letter-spacing)
1783
+ );
1784
+ text-transform:var(--_rs-typography-text-transform);
1785
+ font-family:var(--_rs-typography-font-family);
1786
+ font-size:var(--_rs-typography-font-size);
1787
+ font-weight:var(--_rs-typography-font-weight);
1788
+ line-height:var(--_rs-typography-line-height);
1789
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1790
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1791
+ font-feature-settings:'kern', 'liga', 'calt';
1792
+ & > p:not(:nth-child(1)),
1793
+ & > pre:not(:nth-child(1)){
1794
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1795
+ }
1796
+ --rs-theme-dark:0;
1797
+ --_rs-typography-hardness-color:var(
1798
+ --rs-color-hard,
1799
+ rgb(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))
1800
+ );
1801
+ --_rs-theme-dark:var(
1802
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1803
+ var(--rs-theme-dark, 0)
1804
+ );
1805
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1806
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1807
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1808
+ color:var(--_rs-typography-base-color);
461
1809
  }
462
1810
  @define-mixin rs-h4-theme-dark{
463
- @mixin rs-text-hardness-hard-theme-dark;
1811
+ --rs-theme-dark:1;
1812
+ --_rs-typography-hardness-color:var(
1813
+ --rs-color-hard,
1814
+ rgb(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))
1815
+ );
1816
+ --_rs-theme-dark:var(
1817
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1818
+ var(--rs-theme-dark, 0)
1819
+ );
1820
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1821
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1822
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1823
+ color:var(--_rs-typography-base-color);
464
1824
  }
465
1825
  @define-mixin rs-h4-offset-top{
466
- margin-top:16px;
467
1826
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
468
1827
  }
469
1828
  @define-mixin rs-text-2-base{
470
- letter-spacing:0.0015em;
471
-
472
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
473
-
474
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
475
- -webkit-font-feature-settings:"kern", "liga", "calt";
476
- font-feature-settings:"kern", "liga", "calt";
477
-
478
- font-size:16px;
479
-
480
- font-size:var(--rs-text-2-font-size, 16px);
481
- font-weight:400;
482
- line-height:24px;
483
- line-height:var(--rs-text-2-line-height, 24px);
484
-
485
- .rs-reset-letter-spacing &{
486
- letter-spacing:normal;
1829
+ --_rs-typography-letter-spacing:0.0015em;
1830
+ --_rs-typography-text-transform:initial;
1831
+ --_rs-typography-font-variant-numeric:initial;
1832
+ --_rs-typography-font-family:var(
1833
+ --rs-font-family-ui,
1834
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1835
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1836
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1837
+ );
1838
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1839
+ --_rs-typography-font-weight:var(
1840
+ --rs-font-weight-regular,
1841
+ 400
1842
+ );
1843
+ --_rs-typography-line-height:var(
1844
+ --rs-text-2-line-height,
1845
+ 24px
1846
+ );
1847
+ --_rs-typography-base-color:var(
1848
+ --_rs-typography-hardness-color,
1849
+ var(
1850
+ --rs-color-average,
1851
+ rgba(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), 0.7)
1852
+ )
1853
+ );
1854
+ --_rs-typography-text-auto-offset:16px;
1855
+ --_rs-typography-ul-list-li-padding-left:22px;
1856
+ --_rs-typography-ol-list-li-padding-left:26px;
1857
+ --_rs-typography-list-li-margin-top-from-text:16px;
1858
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1859
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1860
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1861
+ @media screen and (max-width: 640px){
1862
+ --_rs-typography-list-li-margin-top-from-text:12px;
1863
+ }
1864
+ letter-spacing:var(
1865
+ --rs-text-base-letter-spacing,
1866
+ var(--_rs-typography-letter-spacing)
1867
+ );
1868
+ text-transform:var(--_rs-typography-text-transform);
1869
+ font-family:var(--_rs-typography-font-family);
1870
+ font-size:var(--_rs-typography-font-size);
1871
+ font-weight:var(--_rs-typography-font-weight);
1872
+ line-height:var(--_rs-typography-line-height);
1873
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1874
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1875
+ font-feature-settings:'kern', 'liga', 'calt';
1876
+ & > p:not(:nth-child(1)),
1877
+ & > pre:not(:nth-child(1)){
1878
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
487
1879
  }
488
1880
  }
489
1881
  @define-mixin rs-text-2{
490
- @mixin rs-text-2-base;
491
- @mixin rs-text-hardness-average;
1882
+ --_rs-typography-letter-spacing:0.0015em;
1883
+ --_rs-typography-text-transform:initial;
1884
+ --_rs-typography-font-variant-numeric:initial;
1885
+ --_rs-typography-font-family:var(
1886
+ --rs-font-family-ui,
1887
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1888
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1889
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1890
+ );
1891
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1892
+ --_rs-typography-font-weight:var(
1893
+ --rs-font-weight-regular,
1894
+ 400
1895
+ );
1896
+ --_rs-typography-line-height:var(
1897
+ --rs-text-2-line-height,
1898
+ 24px
1899
+ );
1900
+ --_rs-typography-base-color:var(
1901
+ --_rs-typography-hardness-color,
1902
+ var(
1903
+ --rs-color-average,
1904
+ rgba(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), 0.7)
1905
+ )
1906
+ );
1907
+ --_rs-typography-text-auto-offset:16px;
1908
+ --_rs-typography-ul-list-li-padding-left:22px;
1909
+ --_rs-typography-ol-list-li-padding-left:26px;
1910
+ --_rs-typography-list-li-margin-top-from-text:16px;
1911
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1912
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1913
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1914
+ @media screen and (max-width: 640px){
1915
+ --_rs-typography-list-li-margin-top-from-text:12px;
1916
+ }
1917
+ letter-spacing:var(
1918
+ --rs-text-base-letter-spacing,
1919
+ var(--_rs-typography-letter-spacing)
1920
+ );
1921
+ text-transform:var(--_rs-typography-text-transform);
1922
+ font-family:var(--_rs-typography-font-family);
1923
+ font-size:var(--_rs-typography-font-size);
1924
+ font-weight:var(--_rs-typography-font-weight);
1925
+ line-height:var(--_rs-typography-line-height);
1926
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1927
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
1928
+ font-feature-settings:'kern', 'liga', 'calt';
1929
+ & > p:not(:nth-child(1)),
1930
+ & > pre:not(:nth-child(1)){
1931
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
1932
+ }
1933
+ --rs-theme-dark:0;
1934
+ --_rs-typography-hardness-color:var(
1935
+ --rs-color-average,
1936
+ rgba(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), 0.7)
1937
+ );
1938
+ --_rs-theme-dark:var(
1939
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1940
+ var(--rs-theme-dark, 0)
1941
+ );
1942
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1943
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1944
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1945
+ color:var(--_rs-typography-base-color);
492
1946
  }
493
1947
  @define-mixin rs-text-2-theme-dark{
494
- @mixin rs-text-hardness-average-theme-dark;
1948
+ --rs-theme-dark:1;
1949
+ --_rs-typography-hardness-color:var(
1950
+ --rs-color-average,
1951
+ rgba(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), 0.7)
1952
+ );
1953
+ --_rs-theme-dark:var(
1954
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
1955
+ var(--rs-theme-dark, 0)
1956
+ );
1957
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
1958
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1959
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1960
+ color:var(--_rs-typography-base-color);
495
1961
  }
496
1962
  @define-mixin rs-text-2-offset-top{
497
- margin-top:16px;
498
1963
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
499
1964
  }
500
1965
  @define-mixin rs-h5-base{
501
- letter-spacing:normal;
502
-
503
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
504
-
505
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
506
- -webkit-font-feature-settings:"kern", "liga", "calt";
507
- font-feature-settings:"kern", "liga", "calt";
508
-
509
- font-size:13px;
510
-
511
- font-size:var(--rs-h5-font-size, 13px);
512
- font-weight:600;
513
- font-weight:var(--rs-font-weight-semi-bold, 600);
514
-
515
- line-height:20px;
516
-
517
- line-height:var(--rs-h5-line-height, 20px);
1966
+ --_rs-typography-letter-spacing:normal;
1967
+ --_rs-typography-text-transform:initial;
1968
+ --_rs-typography-font-variant-numeric:initial;
1969
+ --_rs-typography-font-family:var(
1970
+ --rs-font-family-ui,
1971
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1972
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1973
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1974
+ );
1975
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1976
+ --_rs-typography-font-weight:var(
1977
+ --rs-font-weight-semi-bold,
1978
+ 600
1979
+ );
1980
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1981
+ --_rs-typography-base-color:var(
1982
+ --rs-color-hard,
1983
+ rgb(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))
1984
+ );
1985
+ --_rs-typography-text-auto-offset:0;
1986
+ --_rs-typography-ul-list-li-padding-left:initial;
1987
+ --_rs-typography-ol-list-li-padding-left:initial;
1988
+ --_rs-typography-list-li-margin-top-from-text:initial;
1989
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1990
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1991
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1992
+ letter-spacing:var(
1993
+ --rs-text-base-letter-spacing,
1994
+ var(--_rs-typography-letter-spacing)
1995
+ );
1996
+ text-transform:var(--_rs-typography-text-transform);
1997
+ font-family:var(--_rs-typography-font-family);
1998
+ font-size:var(--_rs-typography-font-size);
1999
+ font-weight:var(--_rs-typography-font-weight);
2000
+ line-height:var(--_rs-typography-line-height);
2001
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2002
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2003
+ font-feature-settings:'kern', 'liga', 'calt';
2004
+ & > p:not(:nth-child(1)),
2005
+ & > pre:not(:nth-child(1)){
2006
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
2007
+ }
518
2008
  }
519
2009
  @define-mixin rs-h5{
520
- @mixin rs-h5-base;
521
- @mixin rs-text-hardness-hard;
2010
+ --_rs-typography-letter-spacing:normal;
2011
+ --_rs-typography-text-transform:initial;
2012
+ --_rs-typography-font-variant-numeric:initial;
2013
+ --_rs-typography-font-family:var(
2014
+ --rs-font-family-ui,
2015
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2016
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2017
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2018
+ );
2019
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
2020
+ --_rs-typography-font-weight:var(
2021
+ --rs-font-weight-semi-bold,
2022
+ 600
2023
+ );
2024
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
2025
+ --_rs-typography-base-color:var(
2026
+ --rs-color-hard,
2027
+ rgb(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))
2028
+ );
2029
+ --_rs-typography-text-auto-offset:0;
2030
+ --_rs-typography-ul-list-li-padding-left:initial;
2031
+ --_rs-typography-ol-list-li-padding-left:initial;
2032
+ --_rs-typography-list-li-margin-top-from-text:initial;
2033
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2034
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2035
+ --_rs-typography-link-border-bottom-width-from-text:2px;
2036
+ letter-spacing:var(
2037
+ --rs-text-base-letter-spacing,
2038
+ var(--_rs-typography-letter-spacing)
2039
+ );
2040
+ text-transform:var(--_rs-typography-text-transform);
2041
+ font-family:var(--_rs-typography-font-family);
2042
+ font-size:var(--_rs-typography-font-size);
2043
+ font-weight:var(--_rs-typography-font-weight);
2044
+ line-height:var(--_rs-typography-line-height);
2045
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2046
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2047
+ font-feature-settings:'kern', 'liga', 'calt';
2048
+ & > p:not(:nth-child(1)),
2049
+ & > pre:not(:nth-child(1)){
2050
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
2051
+ }
2052
+ --rs-theme-dark:0;
2053
+ --_rs-typography-hardness-color:var(
2054
+ --rs-color-hard,
2055
+ rgb(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))
2056
+ );
2057
+ --_rs-theme-dark:var(
2058
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2059
+ var(--rs-theme-dark, 0)
2060
+ );
2061
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2062
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2063
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2064
+ color:var(--_rs-typography-base-color);
522
2065
  }
523
2066
  @define-mixin rs-h5-theme-dark{
524
- @mixin rs-text-hardness-hard-theme-dark;
2067
+ --rs-theme-dark:1;
2068
+ --_rs-typography-hardness-color:var(
2069
+ --rs-color-hard,
2070
+ rgb(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))
2071
+ );
2072
+ --_rs-theme-dark:var(
2073
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2074
+ var(--rs-theme-dark, 0)
2075
+ );
2076
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2077
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2078
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2079
+ color:var(--_rs-typography-base-color);
525
2080
  }
526
2081
  @define-mixin rs-h5-offset-top{
527
- margin-top:16px;
528
2082
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
529
2083
  }
530
2084
  @define-mixin rs-overline{
531
- letter-spacing:0.1em;
532
-
533
- text-transform:uppercase;
534
-
535
- color:#19191C;
536
-
537
- color:var(--rs-typography-color-hard, #19191C);
538
-
539
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
540
-
541
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
542
- -webkit-font-feature-settings:"kern", "liga", "calt";
543
- font-feature-settings:"kern", "liga", "calt";
544
-
545
- font-size:13px;
546
-
547
- font-size:var(--rs-overline-font-size, 13px);
548
- font-weight:600;
549
- font-weight:var(--rs-font-weight-semi-bold, 600);
550
-
551
- line-height:18px;
552
-
553
- line-height:var(--rs-overline-line-height, 18px);
2085
+ --_rs-typography-letter-spacing:0.1em;
2086
+ --_rs-typography-text-transform:uppercase;
2087
+ --_rs-typography-font-variant-numeric:initial;
2088
+ --_rs-typography-font-family:var(
2089
+ --rs-font-family-ui,
2090
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2091
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2092
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2093
+ );
2094
+ --_rs-typography-font-size:var(
2095
+ --rs-overline-font-size,
2096
+ 13px
2097
+ );
2098
+ --_rs-typography-font-weight:var(
2099
+ --rs-font-weight-semi-bold,
2100
+ 600
2101
+ );
2102
+ --_rs-typography-line-height:var(
2103
+ --rs-overline-line-height,
2104
+ 18px
2105
+ );
2106
+ --_rs-typography-base-color:var(
2107
+ --rs-color-hard,
2108
+ rgb(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))
2109
+ );
2110
+ --_rs-typography-text-auto-offset:0px;
2111
+ --_rs-typography-ul-list-li-padding-left:initial;
2112
+ --_rs-typography-ol-list-li-padding-left:initial;
2113
+ --_rs-typography-list-li-margin-top-from-text:initial;
2114
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.3em;
2115
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.15em;
2116
+ --_rs-typography-link-border-bottom-width-from-text:2px;
2117
+ letter-spacing:var(
2118
+ --rs-text-base-letter-spacing,
2119
+ var(--_rs-typography-letter-spacing)
2120
+ );
2121
+ text-transform:var(--_rs-typography-text-transform);
2122
+ font-family:var(--_rs-typography-font-family);
2123
+ font-size:var(--_rs-typography-font-size);
2124
+ font-weight:var(--_rs-typography-font-weight);
2125
+ line-height:var(--_rs-typography-line-height);
2126
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2127
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2128
+ font-feature-settings:'kern', 'liga', 'calt';
2129
+ & > p:not(:nth-child(1)),
2130
+ & > pre:not(:nth-child(1)){
2131
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
2132
+ }
2133
+ --rs-theme-dark:0;
2134
+ --_rs-typography-hardness-color:var(
2135
+ --rs-color-hard,
2136
+ rgb(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))
2137
+ );
2138
+ --_rs-theme-dark:var(
2139
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2140
+ var(--rs-theme-dark, 0)
2141
+ );
2142
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2143
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2144
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2145
+ color:var(--_rs-typography-base-color);
554
2146
  }
555
2147
  @define-mixin rs-overline-theme-dark{
556
- color:#FFFFFF;
557
- color:var(--rs-typography-color-hard, #FFFFFF);
2148
+ --rs-theme-dark:1;
2149
+ --_rs-typography-hardness-color:var(
2150
+ --rs-color-hard,
2151
+ rgb(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))
2152
+ );
2153
+ --_rs-theme-dark:var(
2154
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2155
+ var(--rs-theme-dark, 0)
2156
+ );
2157
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2158
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2159
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2160
+ color:var(--_rs-typography-base-color);
558
2161
  }
559
2162
  @define-mixin rs-overline-offset-top{
560
- margin-top:16px;
561
2163
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
562
2164
  }
563
2165
  @define-mixin rs-text-3-base{
564
- letter-spacing:0.0045em;
565
-
566
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
567
-
568
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
569
- -webkit-font-feature-settings:"kern", "liga", "calt";
570
- font-feature-settings:"kern", "liga", "calt";
571
-
572
- font-size:13px;
573
-
574
- font-size:var(--rs-text-3-font-size, 13px);
575
- line-height:20px;
576
- line-height:var(--rs-text-3-line-height, 20px);
577
-
578
- .rs-reset-letter-spacing &{
579
- letter-spacing:normal;
2166
+ --_rs-typography-letter-spacing:0.0045em;
2167
+ --_rs-typography-text-transform:initial;
2168
+ --_rs-typography-font-variant-numeric:initial;
2169
+ --_rs-typography-font-family:var(
2170
+ --rs-font-family-ui,
2171
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2172
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2173
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2174
+ );
2175
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
2176
+ --_rs-typography-font-weight:var(
2177
+ --rs-font-weight-regular,
2178
+ 400
2179
+ );
2180
+ --_rs-typography-line-height:var(
2181
+ --rs-text-3-line-height,
2182
+ 20px
2183
+ );
2184
+ --_rs-typography-base-color:var(
2185
+ --_rs-typography-hardness-color,
2186
+ var(
2187
+ --rs-color-average,
2188
+ rgba(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), 0.7)
2189
+ )
2190
+ );
2191
+ --_rs-typography-text-auto-offset:8px;
2192
+ --_rs-typography-ul-list-li-padding-left:28px;
2193
+ --_rs-typography-ol-list-li-padding-left:21px;
2194
+ --_rs-typography-list-li-margin-top-from-text:8px;
2195
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2196
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2197
+ --_rs-typography-link-border-bottom-width-from-text:1px;
2198
+ letter-spacing:var(
2199
+ --rs-text-base-letter-spacing,
2200
+ var(--_rs-typography-letter-spacing)
2201
+ );
2202
+ text-transform:var(--_rs-typography-text-transform);
2203
+ font-family:var(--_rs-typography-font-family);
2204
+ font-size:var(--_rs-typography-font-size);
2205
+ font-weight:var(--_rs-typography-font-weight);
2206
+ line-height:var(--_rs-typography-line-height);
2207
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2208
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2209
+ font-feature-settings:'kern', 'liga', 'calt';
2210
+ & > p:not(:nth-child(1)),
2211
+ & > pre:not(:nth-child(1)){
2212
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
580
2213
  }
581
2214
  }
582
2215
  @define-mixin rs-text-3{
583
- @mixin rs-text-3-base;
584
- @mixin rs-text-hardness-average;
2216
+ --_rs-typography-letter-spacing:0.0045em;
2217
+ --_rs-typography-text-transform:initial;
2218
+ --_rs-typography-font-variant-numeric:initial;
2219
+ --_rs-typography-font-family:var(
2220
+ --rs-font-family-ui,
2221
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2222
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2223
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2224
+ );
2225
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
2226
+ --_rs-typography-font-weight:var(
2227
+ --rs-font-weight-regular,
2228
+ 400
2229
+ );
2230
+ --_rs-typography-line-height:var(
2231
+ --rs-text-3-line-height,
2232
+ 20px
2233
+ );
2234
+ --_rs-typography-base-color:var(
2235
+ --_rs-typography-hardness-color,
2236
+ var(
2237
+ --rs-color-average,
2238
+ rgba(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), 0.7)
2239
+ )
2240
+ );
2241
+ --_rs-typography-text-auto-offset:8px;
2242
+ --_rs-typography-ul-list-li-padding-left:28px;
2243
+ --_rs-typography-ol-list-li-padding-left:21px;
2244
+ --_rs-typography-list-li-margin-top-from-text:8px;
2245
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2246
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2247
+ --_rs-typography-link-border-bottom-width-from-text:1px;
2248
+ letter-spacing:var(
2249
+ --rs-text-base-letter-spacing,
2250
+ var(--_rs-typography-letter-spacing)
2251
+ );
2252
+ text-transform:var(--_rs-typography-text-transform);
2253
+ font-family:var(--_rs-typography-font-family);
2254
+ font-size:var(--_rs-typography-font-size);
2255
+ font-weight:var(--_rs-typography-font-weight);
2256
+ line-height:var(--_rs-typography-line-height);
2257
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2258
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2259
+ font-feature-settings:'kern', 'liga', 'calt';
2260
+ & > p:not(:nth-child(1)),
2261
+ & > pre:not(:nth-child(1)){
2262
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
2263
+ }
2264
+ --rs-theme-dark:0;
2265
+ --_rs-typography-hardness-color:var(
2266
+ --rs-color-average,
2267
+ rgba(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), 0.7)
2268
+ );
2269
+ --_rs-theme-dark:var(
2270
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2271
+ var(--rs-theme-dark, 0)
2272
+ );
2273
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2274
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2275
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2276
+ color:var(--_rs-typography-base-color);
585
2277
  }
586
2278
  @define-mixin rs-text-3-theme-dark{
587
- @mixin rs-text-hardness-average-theme-dark;
2279
+ --rs-theme-dark:1;
2280
+ --_rs-typography-hardness-color:var(
2281
+ --rs-color-average,
2282
+ rgba(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), 0.7)
2283
+ );
2284
+ --_rs-theme-dark:var(
2285
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2286
+ var(--rs-theme-dark, 0)
2287
+ );
2288
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2289
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2290
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2291
+ color:var(--_rs-typography-base-color);
588
2292
  }
589
2293
  @define-mixin rs-text-3-offset-top{
590
- margin-top:8px;
591
2294
  margin-top:var(--rs-flow-unit, 8px);
592
2295
  }
593
2296
  @define-mixin rs-core-list-offset-items-8{
594
- & > li{
595
- margin-top:8px;
596
- }
597
-
598
- @media screen and (max-width: 640px){
599
- & > li{
600
- margin-top:8px
601
- }
602
- }
2297
+ --_rs-typography-list-li-margin-top:8px;
603
2298
  }
604
2299
  @define-mixin rs-core-list-offset-items-12{
605
- & > li{
606
- margin-top:12px;
607
- }
608
-
609
- @media screen and (max-width: 640px){
610
- & > li{
611
- margin-top:12px
612
- }
613
- }
2300
+ --_rs-typography-list-li-margin-top:12px;
614
2301
  }
615
2302
  @define-mixin rs-core-list-offset-items-16{
616
- & > li{
617
- margin-top:16px;
618
- }
619
-
620
- @media screen and (max-width: 640px){
621
- & > li{
622
- margin-top:12px
2303
+ --_rs-typography-list-li-margin-top:16px;
2304
+ @media screen and (max-width: 640px){
2305
+ --_rs-typography-list-li-margin-top:12px;
623
2306
  }
624
- }
625
2307
  }
626
2308
  @define-mixin rs-core-list-offset-items-24{
627
- & > li{
628
- margin-top:24px;
629
- }
630
-
631
- @media screen and (max-width: 640px){
632
- & > li{
633
- margin-top:16px
634
- }
635
- }
636
- }
637
- @define-mixin rs-ul-text-1{
638
- & > li{
639
- padding-left:26px;
640
- }
641
- }
642
- @define-mixin rs-ul-text-2{
643
- & > li{
644
- padding-left:22px;
2309
+ --_rs-typography-list-li-margin-top:24px;
2310
+ @media screen and (max-width: 640px){
2311
+ --_rs-typography-list-li-margin-top:16px;
645
2312
  }
646
2313
  }
647
- @define-mixin rs-ul-text-3{
648
- & > li{
649
- padding-left:28px;
2314
+ @define-mixin rs-ul{
2315
+ --_rs-typography-list-li-content-base:'\2022';
2316
+ --_rs-typography-list-counter:initial;
2317
+ --_rs-typography-list-li-padding-left:var(
2318
+ --_rs-typography-ul-list-li-padding-left,
2319
+ 22px
2320
+ );
2321
+ --_rs-typography-list-li-margin-top-fallback:var(
2322
+ --_rs-typography-list-li-margin-top-from-text,
2323
+ 16px
2324
+ );
2325
+ --_rs-typography-list-li-content:var(
2326
+ --_rs-typography-list-li-content-from-alpha-or-initial,
2327
+ var(--_rs-typography-list-li-content-base)
2328
+ );
2329
+ @media screen and (max-width: 640px){
2330
+ --_rs-typography-list-li-margin-top-fallback:var(
2331
+ --_rs-typography-list-li-margin-top-from-text,
2332
+ 12px
2333
+ );
650
2334
  }
651
- }
652
- @define-mixin rs-core-list{
653
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
654
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
655
- -webkit-font-feature-settings:"kern", "liga", "calt";
656
- font-feature-settings:"kern", "liga", "calt";
657
- list-style-type:none;
658
2335
  padding-left:0;
659
- @mixin rs-core-list-offset-items-16;
660
- @mixin rs-ul-text-2;
661
-
2336
+ list-style-type:none;
2337
+ counter-reset:var(--_rs-typography-list-counter);
2338
+ font-family:var(
2339
+ --rs-font-family-ui,
2340
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2341
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2342
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2343
+ );
2344
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2345
+ font-feature-settings:'kern', 'liga', 'calt';
662
2346
  > li{
663
2347
  position:relative;
664
2348
 
2349
+ margin-top:var(
2350
+ --_rs-typography-list-li-margin-top,
2351
+ var(--_rs-typography-list-li-margin-top-fallback)
2352
+ );
2353
+ padding-left:var(--_rs-typography-list-li-padding-left);
2354
+
665
2355
  list-style-type:none;
666
2356
  }
667
2357
 
668
2358
  > li::before{
669
2359
  position:absolute;
670
-
671
2360
  top:0;
2361
+ left:0;
672
2362
 
673
2363
  display:block;
674
2364
 
675
- line-height:inherit;
2365
+ content:var(--_rs-typography-list-li-content);
2366
+ counter-increment:var(--_rs-typography-list-counter);
2367
+ text-align:left;
676
2368
 
677
2369
  color:inherit;
678
2370
 
679
- left:0;
680
- text-align:left;
2371
+ line-height:inherit;
681
2372
  }
2373
+
682
2374
  &_offset-items_8{
683
- @mixin rs-core-list-offset-items-8;
2375
+ --_rs-typography-list-li-margin-top:8px;
684
2376
  }
2377
+
685
2378
  &_offset-items_12{
686
- @mixin rs-core-list-offset-items-12;
2379
+ --_rs-typography-list-li-margin-top:12px;
687
2380
  }
2381
+
688
2382
  &_offset-items_16{
689
- @mixin rs-core-list-offset-items-16;
2383
+ --_rs-typography-list-li-margin-top:16px;
690
2384
  }
691
- &_offset-items_24{
692
- @mixin rs-core-list-offset-items-24;
693
- }
694
- &:not([class*="_offset-items_"]).rs-text-2,
695
- .rs-text-2 &:not([class*="_offset-items_"]){
696
- @mixin rs-core-list-offset-items-16;
697
- }
698
-
699
- &:not([class*="_offset-items_"]).rs-text-1,
700
- .rs-text-1 &:not([class*="_offset-items_"]){
701
- @mixin rs-core-list-offset-items-24;
702
- }
703
-
704
- &:not([class*="_offset-items_"]).rs-text-3,
705
- .rs-text-3 &:not([class*="_offset-items_"]){
706
- @mixin rs-core-list-offset-items-8;
707
- }
708
- }
709
- @define-mixin rs-ul{
710
- @mixin rs-core-list;
2385
+ @media screen and (max-width: 640px){
711
2386
 
712
- &.rs-text-1,
713
- .rs-text-1 &{
714
- @mixin rs-ul-text-1;
2387
+ &_offset-items_16{
2388
+ --_rs-typography-list-li-margin-top:12px;
2389
+ }
715
2390
  }
716
2391
 
717
- &.rs-text-3,
718
- .rs-text-3 &{
719
- @mixin rs-ul-text-3;
2392
+ &_offset-items_24{
2393
+ --_rs-typography-list-li-margin-top:24px;
720
2394
  }
2395
+ @media screen and (max-width: 640px){
721
2396
 
722
- > li::before{
723
- content:'\2022';
2397
+ &_offset-items_24{
2398
+ --_rs-typography-list-li-margin-top:16px;
724
2399
  }
725
- }
726
- @define-mixin rs-ol-text-1{
727
- & > li{
728
- padding-left:32px;
729
2400
  }
730
2401
  }
731
- @define-mixin rs-ol-text-2{
732
- & > li{
733
- padding-left:26px;
2402
+ @define-mixin rs-ol{
2403
+ --_rs-typography-list-li-content-base:counter(ol-counter) '.';
2404
+ --_rs-typography-list-counter:ol-counter;
2405
+ --_rs-typography-list-li-padding-left:var(
2406
+ --_rs-typography-ol-list-li-padding-left,
2407
+ 26px
2408
+ );
2409
+ --_rs-typography-list-li-margin-top-fallback:var(
2410
+ --_rs-typography-list-li-margin-top-from-text,
2411
+ 16px
2412
+ );
2413
+ --_rs-typography-list-li-content:var(
2414
+ --_rs-typography-list-li-content-from-alpha-or-initial,
2415
+ var(--_rs-typography-list-li-content-base)
2416
+ );
2417
+ @media screen and (max-width: 640px){
2418
+ --_rs-typography-list-li-margin-top-fallback:var(
2419
+ --_rs-typography-list-li-margin-top-from-text,
2420
+ 12px
2421
+ );
734
2422
  }
735
- }
736
- @define-mixin rs-ol-text-3{
737
- & > li{
738
- padding-left:21px;
2423
+ padding-left:0;
2424
+ list-style-type:none;
2425
+ counter-reset:var(--_rs-typography-list-counter);
2426
+ font-family:var(
2427
+ --rs-font-family-ui,
2428
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2429
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2430
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2431
+ );
2432
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
2433
+ font-feature-settings:'kern', 'liga', 'calt';
2434
+ > li{
2435
+ position:relative;
2436
+
2437
+ margin-top:var(
2438
+ --_rs-typography-list-li-margin-top,
2439
+ var(--_rs-typography-list-li-margin-top-fallback)
2440
+ );
2441
+ padding-left:var(--_rs-typography-list-li-padding-left);
2442
+
2443
+ list-style-type:none;
739
2444
  }
740
- }
741
- @define-mixin rs-ol{
742
- @mixin rs-core-list;
743
2445
 
744
- counter-reset:ol-counter;
2446
+ > li::before{
2447
+ position:absolute;
2448
+ top:0;
2449
+ left:0;
2450
+
2451
+ display:block;
2452
+
2453
+ content:var(--_rs-typography-list-li-content);
2454
+ counter-increment:var(--_rs-typography-list-counter);
2455
+ text-align:left;
2456
+
2457
+ color:inherit;
2458
+
2459
+ line-height:inherit;
2460
+ }
2461
+
2462
+ &_offset-items_8{
2463
+ --_rs-typography-list-li-margin-top:8px;
2464
+ }
745
2465
 
746
- &.rs-text-2,
747
- .rs-text-2 &{
748
- @mixin rs-ol-text-2;
2466
+ &_offset-items_12{
2467
+ --_rs-typography-list-li-margin-top:12px;
749
2468
  }
750
2469
 
751
- &.rs-text-1,
752
- .rs-text-1 &{
753
- @mixin rs-ol-text-1;
2470
+ &_offset-items_16{
2471
+ --_rs-typography-list-li-margin-top:16px;
754
2472
  }
2473
+ @media screen and (max-width: 640px){
755
2474
 
756
- &.rs-text-3,
757
- .rs-text-3 &{
758
- @mixin rs-ol-text-3;
2475
+ &_offset-items_16{
2476
+ --_rs-typography-list-li-margin-top:12px;
2477
+ }
759
2478
  }
760
2479
 
761
- > li::before{
762
- content:counter(ol-counter) '.';
763
- counter-increment:ol-counter;
2480
+ &_offset-items_24{
2481
+ --_rs-typography-list-li-margin-top:24px;
2482
+ }
2483
+ @media screen and (max-width: 640px){
2484
+
2485
+ &_offset-items_24{
2486
+ --_rs-typography-list-li-margin-top:16px;
2487
+ }
764
2488
  }
765
2489
  }
766
2490
  @define-mixin rs-ol-alpha-lower{
767
- > li::before{
768
- content:counter(ol-counter, lower-alpha) '.';
769
- }
2491
+ --_rs-typography-list-li-content-from-alpha-or-initial:counter(
2492
+ ol-counter,
2493
+ lower-alpha
2494
+ ) '.';
770
2495
  }
771
2496
  @define-mixin rs-ol-alpha-upper{
772
- > li::before{
773
- content:counter(ol-counter, upper-alpha) '.';
774
- }
2497
+ --_rs-typography-list-li-content-from-alpha-or-initial:counter(
2498
+ ol-counter,
2499
+ upper-alpha
2500
+ ) '.';
775
2501
  }
776
- @define-mixin rs-pre-child-code-direct{
777
- border:0;
778
-
779
- white-space:pre;
780
- word-break:normal;
2502
+ @define-mixin rs-ul-text-1{
781
2503
  }
782
- @define-mixin rs-pre-child-code{
783
- display:inline;
784
- overflow:visible;
785
-
786
- max-width:none;
787
- margin:0;
788
- padding:0 !important;
789
-
790
- word-wrap:normal;
791
-
792
- background:transparent !important;
793
- color:inherit !important;
794
-
795
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
796
-
797
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
798
- line-height:inherit;
2504
+ @define-mixin rs-ul-text-2{
2505
+ }
2506
+ @define-mixin rs-ul-text-3{
2507
+ }
2508
+ @define-mixin rs-core-list{
2509
+ }
2510
+ @define-mixin rs-ol-text-1{
2511
+ }
2512
+ @define-mixin rs-ol-text-2{
2513
+ }
2514
+ @define-mixin rs-ol-text-3{
799
2515
  }
800
2516
  @define-mixin rs-pre{
2517
+ --rs-theme-dark:0;
2518
+ --_rs-theme-dark:var(
2519
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2520
+ var(--rs-theme-dark, 0)
2521
+ );
2522
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2523
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2524
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2525
+ --_rs-typography-pre-color:rgba(
2526
+ 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),
2527
+ calc(1 - var(--_rs-theme-dark-coefficient, 0)*0.3)
2528
+ );
2529
+ --_rs-typography-pre-background-color:rgba(
2530
+ 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),
2531
+ 0.1
2532
+ );
2533
+ display:block;
801
2534
  overflow:auto;
802
-
803
2535
  -webkit-box-sizing:border-box;
804
-
805
- box-sizing:border-box;
806
-
807
- max-width:100%;
2536
+ box-sizing:border-box;
808
2537
  width:100%;
809
-
2538
+ max-width:100%;
810
2539
  padding:12px 16px;
811
-
2540
+ border-radius:8px;
812
2541
  word-wrap:normal;
813
-
814
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
815
-
816
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
817
-
2542
+ color:var(--_rs-typography-pre-color);
2543
+ background-color:var(--_rs-typography-pre-background-color);
2544
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas,
2545
+ 'Liberation Mono', Menlo, Courier, monospace);
818
2546
  font-size:16px;
819
2547
  line-height:24px;
820
- color:#19191C;
821
- color:var(--rs-typography-pre-color, #19191C);
822
- background-color:rgba(25,25,28,0.1);
823
- background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
824
- border-radius:8px;
825
-
826
- display:block;
2548
+ code,
2549
+ .rs-code{
2550
+ border:0;
827
2551
 
2552
+ white-space:pre;
2553
+ word-break:normal;
2554
+ }
828
2555
  > code,
829
2556
  > .rs-code{
830
- @mixin rs-pre-child-code-direct;
831
- }
2557
+ display:inline;
2558
+ overflow:visible;
832
2559
 
833
- code,
834
- .rs-code{
835
- @mixin rs-pre-child-code;
2560
+ max-width:none;
2561
+ margin:0;
2562
+ padding:0;
2563
+
2564
+ word-wrap:normal;
2565
+
2566
+ color:inherit;
2567
+
2568
+ background:transparent;
2569
+
2570
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas,
2571
+ 'Liberation Mono', Menlo, Courier, monospace);
2572
+ line-height:inherit;
836
2573
  }
837
2574
  }
838
2575
  @define-mixin rs-pre-theme-dark{
839
- color:rgba(255,255,255,0.7);
840
- color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
841
- background-color:rgba(255,255,255,0.1);
842
- background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
2576
+ --rs-theme-dark:1;
2577
+ }
2578
+ @define-mixin rs-pre-child-code-direct{
2579
+ }
2580
+ @define-mixin rs-pre-child-code{
843
2581
  }
844
2582
  @define-mixin rs-pre-offset-top{
845
2583
  margin-top:16px;
846
2584
  }
847
2585
  @define-mixin rs-code{
2586
+ --rs-theme-dark:0;
2587
+ --_rs-theme-dark:var(
2588
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2589
+ var(--rs-theme-dark, 0)
2590
+ );
2591
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2592
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2593
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2594
+ --_rs-typography-code-color:rgba(
2595
+ 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),
2596
+ calc(1 - var(--_rs-theme-dark-coefficient, 0)*0.3)
2597
+ );
2598
+ --_rs-typography-code-background-color:rgba(
2599
+ 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),
2600
+ 0.1
2601
+ );
848
2602
  -webkit-box-sizing:border-box;
849
- box-sizing:border-box;
2603
+ box-sizing:border-box;
850
2604
  padding:0.11111em 0.44444em;
851
-
852
- color:#19191C;
853
-
854
- color:var(--rs-typography-pre-color, #19191C);
855
- background-color:rgba(25,25,28,0.1);
856
- background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
857
-
858
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
859
-
860
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
861
-
2605
+ border-radius:4px;
2606
+ color:var(--_rs-typography-code-color);
2607
+ background-color:var(--_rs-typography-code-background-color);
2608
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas,
2609
+ 'Liberation Mono', Menlo, Courier, monospace);
862
2610
  font-size:90%;
863
2611
  line-height:inherit;
864
-
865
- border-radius:4px;
866
2612
  }
867
2613
  @define-mixin rs-code-theme-dark{
868
- color:rgba(255,255,255,0.7);
869
- color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
870
- background-color:rgba(255,255,255,0.1);
871
- background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
872
- }
873
- @define-mixin rs-link-hardness-hard{
874
- --rs-link-color:var(--rs-typography-color-hard, #19191C);
875
- }
876
- @define-mixin rs-link-hardness-average{
877
- --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
878
- }
879
- @define-mixin rs-link-hardness-pale{
880
- --rs-link-color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
2614
+ --rs-theme-dark:1;
881
2615
  }
882
2616
  @define-mixin rs-link{
883
- --rs-link-color:var(--rs-typography-color-hard, #19191C);
884
-
885
- color:#19191C;
886
- color:var(--rs-link-color);
887
-
2617
+ --rs-theme-dark:0;
2618
+ --_rs-theme-dark:var(
2619
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
2620
+ var(--rs-theme-dark, 0)
2621
+ );
2622
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
2623
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2624
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2625
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
2626
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
2627
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
2628
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
2629
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
2630
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
2631
+ }
2632
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
2633
+ --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
2634
+ --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
2635
+ --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
2636
+ --_rs-color-primary-t-dim:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, 0.8);
2637
+ --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
2638
+ }
2639
+ --_rs-typography-link-border-bottom-width-wf:var(
2640
+ --_rs-typography-link-border-bottom-width-from-text,
2641
+ 1px
2642
+ );
2643
+ --_rs-typography-link-color-wf:var(
2644
+ --_rs-typography-link-color,
2645
+ var(
2646
+ --_rs-typography-link-hardness-color,
2647
+ var(
2648
+ --rs-color-hard,
2649
+ rgb(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))
2650
+ )
2651
+ )
2652
+ );
2653
+ --_rs-typography-link-hover-color-wf:var(
2654
+ --_rs-typography-link-hover-color,
2655
+ var(
2656
+ --rs-color-hard,
2657
+ rgb(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))
2658
+ )
2659
+ );
2660
+ --_rs-typography-link-underline-color-wf:var(
2661
+ --_rs-typography-link-underline-color,
2662
+ rgba(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), 0.4)
2663
+ );
2664
+ --_rs-typography-link-hover-underline-color-wf:var(
2665
+ --_rs-typography-link-hover-underline-color,
2666
+ var(
2667
+ --rs-color-hard,
2668
+ rgb(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))
2669
+ )
2670
+ );
2671
+ --_rs-typography-link-hover-underline-width-difference-wf:var(
2672
+ --_rs-typography-link-hover-underline-width-difference,
2673
+ 1px
2674
+ );
2675
+ --_rs-typography-link-background-image-wf:var(
2676
+ --_rs-typography-link-background-image,
2677
+ initial
2678
+ );
2679
+ --_rs-typography-link-hover-border-image-wf:var(
2680
+ --_rs-typography-link-hover-border-image,
2681
+ initial
2682
+ );
2683
+ --_rs-typography-link-after-display-wf:var(
2684
+ --_rs-typography-link-after-display,
2685
+ none
2686
+ );
2687
+ --_rs-typography-link-after-offset-right-wf:var(
2688
+ --_rs-typography-link-after-offset-right,
2689
+ 0em
2690
+ );
2691
+ --_rs-typography-link-after-offset-left-wf:var(
2692
+ --_rs-typography-link-after-offset-left,
2693
+ 0em
2694
+ );
2695
+ --_rs-typography-link-hover-after-offset-right-wf:var(
2696
+ --_rs-typography-link-hover-after-offset-right,
2697
+ 0em
2698
+ );
2699
+ --_rs-typography-link-hover-after-offset-left-wf:var(
2700
+ --_rs-typography-link-hover-after-offset-left,
2701
+ 0em
2702
+ );
2703
+ --_rs-typography-link-transition-wf:var(
2704
+ --_rs-typography-link-transition,
2705
+ none
2706
+ );
888
2707
  padding-bottom:1px;
889
-
2708
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
2709
+ border-bottom-style:solid;
2710
+ border-bottom-color:var(--_rs-typography-link-underline-color-wf);
890
2711
  outline:none;
891
-
892
2712
  cursor:pointer;
893
2713
  text-decoration:none;
894
-
2714
+ color:var(--_rs-typography-link-color-wf);
2715
+ background-image:var(--_rs-typography-link-background-image-wf);
2716
+ background-repeat:repeat-x;
2717
+ background-position:left calc(100% + 4px);
2718
+ background-size:auto 0;
895
2719
  font-size:inherit;
896
2720
  line-height:inherit;
897
- border-bottom-style:solid;
898
- border-bottom-width:1px;
899
-
2721
+ -webkit-transition:var(--_rs-typography-link-transition-wf);
2722
+ transition:var(--_rs-typography-link-transition-wf);
900
2723
  &:active,
901
2724
  &:focus{
902
- color:#19191C;
903
- color:var(--rs-link-color);
2725
+ color:var(--_rs-typography-link-color-wf);
904
2726
  }
905
-
906
2727
  &:hover{
907
- text-decoration:none;
908
- }
909
-
910
- &:focus[data-focus-method='key']{
911
- -webkit-box-shadow:#8979ff 0 0 0 4px;
912
- -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
913
- box-shadow:#8979ff 0 0 0 4px;
914
- box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
915
- }
916
-
917
- [class*="rs-super-hero"] &{
918
- border-bottom-width:4px;
919
- }
2728
+ padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
920
2729
 
921
- @media screen and (max-width: 1000px){
922
-
923
- [class*="rs-super-hero"] &{
924
- border-bottom-width:3px
925
- }
926
- }
2730
+ border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
2731
+ border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
2732
+ -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
2733
+ border-image:var(--_rs-typography-link-hover-border-image-wf);
927
2734
 
928
- @media screen and (max-width: 640px){
2735
+ text-decoration:none;
929
2736
 
930
- [class*="rs-super-hero"] &{
931
- border-bottom-width:2px
2737
+ color:var(--_rs-typography-link-hover-color-wf);
2738
+ background-size:auto calc(100% + 4px);
932
2739
  }
933
- }
2740
+ &:after{
2741
+ display:var(
2742
+ --_rs-typography-link-after-display-or-initial,
2743
+ var(--_rs-typography-link-after-display-wf)
2744
+ );
934
2745
 
935
- [class*="rs-middle-hero"] &{
936
- border-bottom-width:3px;
937
- }
2746
+ margin-right:var(--_rs-typography-link-after-offset-right-wf);
2747
+ margin-left:var(--_rs-typography-link-after-offset-left-wf);
938
2748
 
939
- @media screen and (max-width: 640px){
2749
+ content:var(--_rs-typography-link-after-content-or-initial, '\2192');
940
2750
 
941
- [class*="rs-middle-hero"] &{
942
- border-bottom-width:2px
943
- }
944
- }
2751
+ -webkit-transition:margin-right 300ms, margin-left 300ms;
945
2752
 
946
- [class*="rs-hero"] &{
947
- border-bottom-width:3px;
2753
+ transition:margin-right 300ms, margin-left 300ms;
948
2754
  }
949
-
950
- @media screen and (max-width: 640px){
951
-
952
- [class*="rs-hero"] &{
953
- border-bottom-width:2px
2755
+ &:hover:after{
2756
+ margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
2757
+ margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
954
2758
  }
955
- }
956
-
957
- [class*="rs-h1"] &,
958
- [class*="rs-h2"] &,
959
- [class*="rs-h3"] &,
960
- [class*="rs-h4"] &,
961
- [class*="rs-h5"] &,
962
- [class*="rs-overline"] &,
963
- [class*="rs-subtitle-1"] &,
964
- [class*="rs-subtitle-2"] &{
965
- border-bottom-width:2px;
2759
+ &:focus[data-focus-method='key']{
2760
+ -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2761
+ box-shadow:var(--_rs-color-primary) 0 0 0 4px;
966
2762
  }
967
2763
  }
2764
+ @define-mixin rs-link-hardness-hard{
2765
+ --rs-theme-dark:0;
2766
+ --_rs-typography-link-hardness-color:var(
2767
+ --rs-color-hard,
2768
+ rgb(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))
2769
+ );
2770
+ }
2771
+ @define-mixin rs-link-hardness-average{
2772
+ --rs-theme-dark:0;
2773
+ --_rs-typography-link-hardness-color:var(
2774
+ --rs-color-average,
2775
+ rgba(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), 0.7)
2776
+ );
2777
+ }
2778
+ @define-mixin rs-link-hardness-pale{
2779
+ --rs-theme-dark:0;
2780
+ --_rs-typography-link-hardness-color:var(
2781
+ --rs-color-pale,
2782
+ rgba(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), 0.5)
2783
+ );
2784
+ }
968
2785
  @define-mixin rs-link-external{
969
- &:after{
970
- content:'\2197';
971
- display:inline;
972
- margin-right:0;
973
- margin-left:0;
974
- }
2786
+ --_rs-typography-link-standalone-border-offset-or-initial:var(
2787
+ --_rs-typography-link-external-standalone-border-offset-from-text-base,
2788
+ 1.02em
2789
+ );
2790
+ --_rs-typography-link-after-display-or-initial:inline;
2791
+ --_rs-typography-link-after-content-or-initial:'\2197';
975
2792
  }
976
2793
  @define-mixin rs-link-mode-classic{
977
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
978
- --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(25,25,28,0.4));
979
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
980
-
981
- border-bottom-color:rgba(25,25,28,0.4);
982
- border-bottom-color:var(--rs-underline-color);
983
-
984
- &:hover{
985
- color:#19191C;
986
- color:var(--rs-link-color-hover);
987
- border-bottom-color:#19191C;
988
- border-bottom-color:var(--rs-underline-color-hover);
989
- border-bottom-width:2px;
990
- padding-bottom:0;
991
- }
992
- [class*="rs-super-hero"] &:hover{
993
- border-bottom-width:5px;
994
- }
995
-
996
- @media screen and (max-width: 1000px){
997
- [class*="rs-super-hero"] &:hover{
998
- border-bottom-width:4px
999
- }
1000
- }
1001
-
1002
- @media screen and (max-width: 640px){
1003
- [class*="rs-super-hero"] &:hover{
1004
- border-bottom-width:3px
1005
- }
1006
- }
1007
- [class*="rs-middle-hero"] &:hover{
1008
- border-bottom-width:4px;
1009
- }
1010
-
1011
- @media screen and (max-width: 640px){
1012
- [class*="rs-middle-hero"] &:hover{
1013
- border-bottom-width:3px
1014
- }
1015
- }
1016
- [class*="rs-hero"] &:hover{
1017
- border-bottom-width:4px;
1018
- }
1019
-
1020
- @media screen and (max-width: 640px){
1021
- [class*="rs-hero"] &:hover{
1022
- border-bottom-width:3px
1023
- }
1024
- }
1025
- [class*="rs-h1"] &:hover, [class*="rs-h2"] &:hover, [class*="rs-h3"] &:hover, [class*="rs-h4"] &:hover, [class*="rs-h5"] &:hover, [class*="rs-overline"] &:hover, [class*="rs-subtitle-1"] &:hover, [class*="rs-subtitle-2"] &:hover{
1026
- border-bottom-width:3px;
1027
- }
2794
+ --_rs-typography-link-color:var(
2795
+ --_rs-typography-link-hardness-color,
2796
+ var(
2797
+ --rs-color-hard,
2798
+ rgb(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))
2799
+ )
2800
+ );
2801
+ --_rs-typography-link-hover-color:var(
2802
+ --rs-color-hard,
2803
+ rgb(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))
2804
+ );
2805
+ --_rs-typography-link-underline-color:rgba(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), 0.4);
2806
+ --_rs-typography-link-hover-underline-color:var(
2807
+ --rs-color-hard,
2808
+ rgb(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))
2809
+ );
2810
+ --_rs-typography-link-hover-underline-width-difference:1px;
2811
+ --_rs-typography-link-background-image:initial;
2812
+ --_rs-typography-link-hover-border-image:initial;
2813
+ --_rs-typography-link-after-display:none;
2814
+ --_rs-typography-link-after-offset-right:0em;
2815
+ --_rs-typography-link-after-offset-left:0em;
2816
+ --_rs-typography-link-hover-after-offset-right:0em;
2817
+ --_rs-typography-link-hover-after-offset-left:0em;
2818
+ --_rs-typography-link-transition:none;
1028
2819
  }
1029
2820
  @define-mixin rs-link-mode-rock{
1030
- --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #FFFFFF);
1031
- --rs-underline-color:var(--rs-typography-color-pale, #19191C);
1032
-
1033
- border-bottom-color:#19191C;
1034
- border-bottom-color:var(--rs-underline-color);
1035
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
1036
- background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
1037
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1038
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1039
- background-size:auto 0;
1040
- background-repeat:repeat-x;
1041
- background-position:left calc(100% + 4px);
1042
- -webkit-transition:background-size 300ms, color 300ms;
1043
- transition:background-size 300ms, color 300ms;
1044
- @media all and (-ms-high-contrast: none){
1045
- -webkit-transition:none;
1046
- transition:none;
1047
- }
1048
-
1049
- &:hover{
1050
- color:#FFFFFF;
1051
- color:var(--rs-link-color-hover);
1052
- background-size:auto calc(100% + 4px);
1053
- }
2821
+ --_rs-typography-link-color:var(
2822
+ --_rs-typography-link-hardness-color,
2823
+ var(
2824
+ --rs-color-hard,
2825
+ rgb(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))
2826
+ )
2827
+ );
2828
+ --_rs-typography-link-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
2829
+ --_rs-typography-link-underline-color:var(
2830
+ --rs-color-hard,
2831
+ rgb(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))
2832
+ );
2833
+ --_rs-typography-link-hover-underline-color:var(
2834
+ --rs-color-hard,
2835
+ rgb(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))
2836
+ );
2837
+ --_rs-typography-link-hover-underline-width-difference:0px;
2838
+ --_rs-typography-link-background-image:linear-gradient(
2839
+ to bottom,
2840
+ var(--_rs-typography-link-hover-underline-color) 100%,
2841
+ transparent 0
2842
+ );
2843
+ --_rs-typography-link-hover-border-image:initial;
2844
+ --_rs-typography-link-after-display:none;
2845
+ --_rs-typography-link-after-offset-right:0em;
2846
+ --_rs-typography-link-after-offset-left:0em;
2847
+ --_rs-typography-link-hover-after-offset-right:0em;
2848
+ --_rs-typography-link-hover-after-offset-left:0em;
2849
+ --_rs-typography-link-transition:background-size 300ms, color 300ms;
1054
2850
  }
1055
2851
  @define-mixin rs-link-mode-standalone{
1056
- --rs-link-standalone-border-offset:1.15em;
1057
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
1058
- --rs-underline-color:transparent;
1059
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
1060
-
1061
- border-bottom-color:transparent;
1062
- border-bottom-color:var(--rs-underline-color);
1063
-
1064
- &:after{
1065
- content:'\2192';
1066
- display:inline;
1067
- margin-right:0.15em;
1068
- margin-left:0.15em;
1069
- -webkit-transition:margin-right 300ms, margin-left 300ms;
1070
- transition:margin-right 300ms, margin-left 300ms;
1071
- }
1072
-
1073
- &:hover{
1074
- color:#19191C;
1075
- color:var(--rs-link-color-hover);
1076
- border-bottom-color:#19191C;
1077
- border-bottom-color:var(--rs-underline-color-hover);
1078
- -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
1079
- border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
1080
- border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
1081
- -o-border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1082
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1083
- border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1084
- }
1085
-
1086
- &:hover:after{
1087
- margin-right:0;
1088
- margin-left:0.3em;
1089
- }
1090
- }
1091
- @define-mixin rs-link-mode-standalone-external{
1092
- --rs-link-standalone-border-offset:1.02em;
1093
- &:after{
1094
- content:'\2197';
1095
- }
1096
- }
1097
- @define-mixin rs-link-mode-standalone-big-heading{
1098
- --rs-link-standalone-border-offset:1.12em;
1099
- }
1100
- @define-mixin rs-link-mode-standalone-external-big-heading{
1101
- --rs-link-standalone-border-offset:1em;
1102
- }
1103
- @define-mixin rs-link-mode-standalone-overline{
1104
- --rs-link-standalone-border-offset:1.3em;
1105
- }
1106
- @define-mixin rs-link-mode-standalone-external-overline{
1107
- --rs-link-standalone-border-offset:1.15em;
2852
+ --_rs-typography-link-standalone-border-offset:var(
2853
+ --_rs-typography-link-standalone-border-offset-or-initial,
2854
+ var(
2855
+ --_rs-typography-link-standalone-border-offset-from-text-base,
2856
+ 1.15em
2857
+ )
2858
+ );
2859
+ --_rs-typography-link-color:var(
2860
+ --_rs-typography-link-hardness-color,
2861
+ var(
2862
+ --rs-color-hard,
2863
+ rgb(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))
2864
+ )
2865
+ );
2866
+ --_rs-typography-link-hover-color:var(
2867
+ --rs-color-hard,
2868
+ rgb(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))
2869
+ );
2870
+ --_rs-typography-link-underline-color:transparent;
2871
+ --_rs-typography-link-hover-underline-color:var(
2872
+ --rs-color-hard,
2873
+ rgb(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))
2874
+ );
2875
+ --_rs-typography-link-hover-underline-width-difference:0px;
2876
+ --_rs-typography-link-background-image:initial;
2877
+ --_rs-typography-link-hover-border-image:linear-gradient(
2878
+ to right,
2879
+ var(--_rs-typography-link-hover-underline-color)
2880
+ calc(100% - var(--_rs-typography-link-standalone-border-offset)),
2881
+ transparent var(--_rs-typography-link-standalone-border-offset)
2882
+ ) 1;
2883
+ --_rs-typography-link-after-display:inline;
2884
+ --_rs-typography-link-after-offset-right:0.15em;
2885
+ --_rs-typography-link-after-offset-left:0.15em;
2886
+ --_rs-typography-link-hover-after-offset-right:0em;
2887
+ --_rs-typography-link-hover-after-offset-left:0.3em;
2888
+ --_rs-typography-link-transition:none;
1108
2889
  }
1109
2890
  @define-mixin rs-link-mode-clear{
1110
- --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
1111
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
1112
- --rs-underline-color:transparent;
1113
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
1114
-
1115
- border-bottom-color:transparent;
1116
- border-bottom-color:var(--rs-underline-color);
1117
-
1118
- color:rgba(25,25,28,0.7);
1119
- color:var(--rs-link-color);
1120
-
1121
- &:hover{
1122
- border-bottom-color:#19191C;
1123
- border-bottom-color:var(--rs-underline-color-hover);
1124
-
1125
- color:#19191C;
1126
- color:var(--rs-link-color-hover);
1127
- }
2891
+ --_rs-typography-link-color:var(
2892
+ --_rs-typography-link-hardness-color,
2893
+ var(
2894
+ --rs-color-average,
2895
+ rgba(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), 0.7)
2896
+ )
2897
+ );
2898
+ --_rs-typography-link-hover-color:var(
2899
+ --rs-color-hard,
2900
+ rgb(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))
2901
+ );
2902
+ --_rs-typography-link-underline-color:transparent;
2903
+ --_rs-typography-link-hover-underline-color:var(
2904
+ --rs-color-hard,
2905
+ rgb(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))
2906
+ );
2907
+ --_rs-typography-link-hover-underline-width-difference:0px;
2908
+ --_rs-typography-link-background-image:initial;
2909
+ --_rs-typography-link-hover-border-image:initial;
2910
+ --_rs-typography-link-after-display:none;
2911
+ --_rs-typography-link-after-offset-right:0em;
2912
+ --_rs-typography-link-after-offset-left:0em;
2913
+ --_rs-typography-link-hover-after-offset-right:0em;
2914
+ --_rs-typography-link-hover-after-offset-left:0em;
2915
+ --_rs-typography-link-transition:none;
1128
2916
  }
1129
2917
  @define-mixin rs-link-hardness-hard-theme-dark{
1130
- --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
2918
+ --rs-theme-dark:1;
2919
+ --_rs-typography-link-hardness-color:var(
2920
+ --rs-color-hard,
2921
+ rgb(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))
2922
+ );
1131
2923
  }
1132
2924
  @define-mixin rs-link-hardness-average-theme-dark{
1133
- --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
2925
+ --rs-theme-dark:1;
2926
+ --_rs-typography-link-hardness-color:var(
2927
+ --rs-color-average,
2928
+ rgba(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), 0.7)
2929
+ );
1134
2930
  }
1135
2931
  @define-mixin rs-link-hardness-pale-theme-dark{
1136
- --rs-link-color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
2932
+ --rs-theme-dark:1;
2933
+ --_rs-typography-link-hardness-color:var(
2934
+ --rs-color-pale,
2935
+ rgba(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), 0.5)
2936
+ );
1137
2937
  }
1138
2938
  @define-mixin rs-link-theme-dark{
1139
- --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
1140
- color:#FFFFFF;
1141
- color:var(--rs-link-color);
1142
-
1143
- &:active,
1144
- &:focus{
1145
- color:#FFFFFF;
1146
- color:var(--rs-link-color);
1147
- }
1148
-
1149
- &:focus[data-focus-method='key']{
1150
- -webkit-box-shadow:#6f61d2 0 0 0 4px;
1151
- -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1152
- box-shadow:#6f61d2 0 0 0 4px;
1153
- box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1154
- }
2939
+ --rs-theme-dark:1;
1155
2940
  }
1156
2941
  @define-mixin rs-link-mode-classic-theme-dark{
1157
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1158
- --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(255,255,255,0.4));
1159
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1160
-
1161
- border-bottom-color:rgba(255,255,255,0.4);
1162
- border-bottom-color:var(--rs-underline-color);
1163
-
1164
- &:hover{
1165
- color:#FFFFFF;
1166
- color:var(--rs-link-color-hover);
1167
- border-bottom-color:#FFFFFF;
1168
- border-bottom-color:var(--rs-underline-color-hover);
1169
- }
2942
+ --rs-theme-dark:1;
1170
2943
  }
1171
2944
  @define-mixin rs-link-mode-rock-theme-dark{
1172
- --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #19191C);
1173
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
1174
-
1175
- border-bottom-color:#FFFFFF;
1176
- border-bottom-color:var(--rs-underline-color);
1177
-
1178
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
1179
-
1180
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
1181
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1182
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1183
-
1184
- &:hover{
1185
- color:#19191C;
1186
- color:var(--rs-link-color-hover);
1187
- }
2945
+ --rs-theme-dark:1;
1188
2946
  }
1189
2947
  @define-mixin rs-link-mode-standalone-theme-dark{
1190
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1191
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1192
-
1193
- background-image:none;
1194
- border-bottom-color:transparent;
1195
-
1196
- &:hover{
1197
- color:#FFFFFF;
1198
- color:var(--rs-link-color-hover);
1199
- border-bottom-color:#FFFFFF;
1200
- border-bottom-color:var(--rs-underline-color-hover);
1201
- -o-border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1202
- border-image:-webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(1.3em, transparent)) 1;
1203
- border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1204
- -o-border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1205
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1206
- border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1207
- }
2948
+ --rs-theme-dark:1;
1208
2949
  }
1209
2950
  @define-mixin rs-link-mode-clear-theme-dark{
1210
- --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
1211
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1212
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1213
-
1214
- color:rgba(255,255,255,0.7);
1215
- color:var(--rs-link-color);
1216
-
1217
- &:hover{
1218
- color:#FFFFFF;
1219
- color:var(--rs-link-color-hover);
1220
- border-bottom-color:#FFFFFF;
1221
- border-bottom-color:var(--rs-underline-color-hover);
1222
- }
2951
+ --rs-theme-dark:1;
2952
+ }
2953
+ @define-mixin rs-link-mode-standalone-external{
2954
+ }
2955
+ @define-mixin rs-link-mode-standalone-big-heading{
2956
+ }
2957
+ @define-mixin rs-link-mode-standalone-external-big-heading{
2958
+ }
2959
+ @define-mixin rs-link-mode-standalone-overline{
2960
+ }
2961
+ @define-mixin rs-link-mode-standalone-external-overline{
1223
2962
  }
1224
-
1225
- /*# sourceMappingURL=mixins.css.map */