@rescui/typography 0.14.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.p.css CHANGED
@@ -1,1231 +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-hero-font-size, 72px);
69
- --rs-super-hero-line-height:var(--rs-hero-line-height, 72px);
70
- letter-spacing:-0.005em;
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-hero-font-size-mobile, 42px);
75
- --rs-super-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
76
- letter-spacing:-0.001em;
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
-
113
- @media screen and (max-width: 1000px){
114
- --rs-middle-hero-font-size:var(--rs-hero-font-size, 72px);
115
- --rs-middle-hero-line-height:var(--rs-hero-line-height, 72px);
116
- letter-spacing:-0.005em;
117
- }
118
-
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;
119
226
  @media screen and (max-width: 640px){
120
- --rs-middle-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
121
- --rs-middle-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
122
- letter-spacing:-0.001em;
123
- }
124
-
125
- .rs-reset-letter-spacing &{
126
- 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);
127
254
  }
128
255
  }
129
256
  @define-mixin rs-middle-hero{
130
- @mixin rs-middle-hero-base;
131
- @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);
132
331
  }
133
332
  @define-mixin rs-middle-hero-theme-dark{
134
- @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);
135
346
  }
136
347
  @define-mixin rs-middle-hero-offset-top{
137
- margin-top:96px;
138
348
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
139
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
+ }
140
446
  @define-mixin rs-digits-1-base{
141
- letter-spacing:-0.005em;
142
-
143
- font-variant-numeric:tabular-nums;
144
-
145
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
146
-
147
- 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));
148
- -webkit-font-feature-settings:"kern", "liga", "calt";
149
- font-feature-settings:"kern", "liga", "calt";
150
-
151
- font-size:69px;
152
-
153
- font-size:var(--rs-digits-1-font-size, 69px);
154
- font-weight:300;
155
- font-weight:var(--rs-font-weight-light, 300);
156
- line-height:71px;
157
- line-height:var(--rs-digits-1-line-height, 71px);
158
-
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;
159
479
  @media screen and (max-width: 640px){
160
- --rs-digits-1-font-size:var(--rs-digits-2-font-size, 40px);
161
- --rs-digits-1-line-height:var(--rs-digits-2-line-height, 44px);
162
- }
163
-
164
- .rs-reset-letter-spacing &{
165
- 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);
166
500
  }
167
501
  }
168
502
  @define-mixin rs-digits-1{
169
- @mixin rs-digits-1-base;
170
- @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);
171
570
  }
172
571
  @define-mixin rs-digits-1-theme-dark{
173
- @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);
174
585
  }
175
586
  @define-mixin rs-digits-1-offset-top{
176
- margin-top:32px;
177
587
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
178
588
  }
179
589
  @define-mixin rs-digits-2-base{
180
- letter-spacing:-0.005em;
181
-
182
- font-variant-numeric:tabular-nums;
183
-
184
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
185
-
186
- 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));
187
- -webkit-font-feature-settings:"kern", "liga", "calt";
188
- font-feature-settings:"kern", "liga", "calt";
189
-
190
- font-size:40px;
191
-
192
- font-size:var(--rs-digits-2-font-size, 40px);
193
- font-weight:300;
194
- font-weight:var(--rs-font-weight-light, 300);
195
- line-height:44px;
196
- line-height:var(--rs-digits-2-line-height, 44px);
197
-
198
- .rs-reset-letter-spacing &{
199
- 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);
200
637
  }
201
638
  }
202
639
  @define-mixin rs-digits-2{
203
- @mixin rs-digits-2-base;
204
- @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);
205
701
  }
206
702
  @define-mixin rs-digits-2-theme-dark{
207
- @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);
208
716
  }
209
717
  @define-mixin rs-digits-2-offset-top{
210
- margin-top:32px;
211
718
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
212
719
  }
213
720
  @define-mixin rs-hero-base{
214
- letter-spacing:-0.005em;
215
-
216
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
217
-
218
- 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));
219
- -webkit-font-feature-settings:"kern", "liga", "calt";
220
- font-feature-settings:"kern", "liga", "calt";
221
-
222
- font-size:72px;
223
-
224
- font-size:var(--rs-hero-font-size, 72px);
225
- font-weight:600;
226
- font-weight:var(--rs-font-weight-semi-bold, 600);
227
-
228
- line-height:72px;
229
-
230
- line-height:var(--rs-hero-line-height, 72px);
231
-
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;
232
750
  @media screen and (max-width: 640px){
233
- --rs-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
234
- --rs-hero-line-height:var(--rs-hero-font-size-mobile, 50px);
235
- letter-spacing:-0.001em;
236
- }
237
-
238
- .rs-reset-letter-spacing &{
239
- 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);
240
778
  }
241
779
  }
242
780
  @define-mixin rs-hero{
243
- @mixin rs-hero-base;
244
- @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);
245
852
  }
246
853
  @define-mixin rs-hero-theme-dark{
247
- @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);
248
867
  }
249
868
  @define-mixin rs-hero-offset-top{
250
- margin-top:96px;
251
869
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
252
870
  }
253
871
  @define-mixin rs-subtitle-1-base{
254
- letter-spacing:normal;
255
-
256
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
257
-
258
- 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));
259
- -webkit-font-feature-settings:"kern", "liga", "calt";
260
- font-feature-settings:"kern", "liga", "calt";
261
-
262
- font-size:39px;
263
-
264
- font-size:var(--rs-subtitle-1-font-size, 39px);
265
- font-weight:300;
266
- font-weight:var(--rs-font-weight-light, 300);
267
- line-height:49px;
268
- line-height:var(--rs-subtitle-1-line-height, 49px);
269
-
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;
270
904
  @media screen and (max-width: 640px){
271
- --rs-subtitle-1-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
272
- --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);
273
929
  }
274
930
  }
275
931
  @define-mixin rs-subtitle-1{
276
- @mixin rs-subtitle-1-base;
277
- @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);
278
1003
  }
279
1004
  @define-mixin rs-subtitle-1-theme-dark{
280
- @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);
281
1018
  }
282
1019
  @define-mixin rs-subtitle-1-offset-top{
283
- margin-top:32px;
284
1020
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
285
1021
  }
286
1022
  @define-mixin rs-h1-base{
287
- letter-spacing:-0.001em;
288
-
289
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
290
-
291
- 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));
292
- -webkit-font-feature-settings:"kern", "liga", "calt";
293
- font-feature-settings:"kern", "liga", "calt";
294
-
295
- font-size:43px;
296
-
297
- font-size:var(--rs-h1-font-size, 43px);
298
- font-weight:600;
299
- font-weight:var(--rs-font-weight-semi-bold, 600);
300
-
301
- line-height:49px;
302
-
303
- line-height:var(--rs-h1-line-height, 49px);
304
-
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;
305
1049
  @media screen and (max-width: 640px){
306
- --rs-h1-font-size:var(--rs-h1-font-size-mobile, 35px);
307
- --rs-h1-line-height:var(--rs-h1-line-height-mobile, 39px);
308
- 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);
309
1075
  }
310
1076
  }
311
1077
  @define-mixin rs-h1{
312
- @mixin rs-h1-base;
313
- @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);
314
1144
  }
315
1145
  @define-mixin rs-h1-theme-dark{
316
- @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);
317
1159
  }
318
1160
  @define-mixin rs-h1-offset-top{
319
- margin-top:64px;
320
1161
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
321
1162
  }
322
1163
  @define-mixin rs-subtitle-2-base{
323
- letter-spacing:normal;
324
-
325
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
326
-
327
- 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));
328
- -webkit-font-feature-settings:"kern", "liga", "calt";
329
- font-feature-settings:"kern", "liga", "calt";
330
-
331
- font-size:29px;
332
-
333
- font-size:var(--rs-subtitle-2-font-size, 29px);
334
- font-weight:300;
335
- font-weight:var(--rs-font-weight-light, 300);
336
- line-height:39px;
337
- line-height:var(--rs-subtitle-2-line-height, 39px);
338
-
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;
339
1196
  @media screen and (max-width: 640px){
340
- --rs-subtitle-2-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
341
- --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);
342
1221
  }
343
1222
  }
344
1223
  @define-mixin rs-subtitle-2{
345
- @mixin rs-subtitle-2-base;
346
- @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);
347
1295
  }
348
1296
  @define-mixin rs-subtitle-2-theme-dark{
349
- @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);
350
1310
  }
351
1311
  @define-mixin rs-subtitle-2-offset-top{
352
- margin-top:32px;
353
1312
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
354
1313
  }
355
1314
  @define-mixin rs-h2-base{
356
- letter-spacing:normal;
357
-
358
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
359
-
360
- 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));
361
- -webkit-font-feature-settings:"kern", "liga", "calt";
362
- font-feature-settings:"kern", "liga", "calt";
363
-
364
- font-size:35px;
365
-
366
- font-size:var(--rs-h2-font-size, 35px);
367
- font-weight:600;
368
- font-weight:var(--rs-font-weight-semi-bold, 600);
369
-
370
- line-height:42px;
371
-
372
- line-height:var(--rs-h2-line-height, 42px);
373
-
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;
374
1341
  @media screen and (max-width: 640px){
375
- --rs-h2-font-size:var(--rs-h2-font-size-mobile, 28px);
376
- --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);
377
1366
  }
378
1367
  }
379
1368
  @define-mixin rs-h2{
380
- @mixin rs-h2-base;
381
- @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);
382
1434
  }
383
1435
  @define-mixin rs-h2-theme-dark{
384
- @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);
385
1449
  }
386
1450
  @define-mixin rs-h2-offset-top{
387
- margin-top:48px;
388
1451
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
389
1452
  }
390
1453
  @define-mixin rs-h3-base{
391
- letter-spacing:normal;
392
-
393
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
394
-
395
- 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));
396
- -webkit-font-feature-settings:"kern", "liga", "calt";
397
- font-feature-settings:"kern", "liga", "calt";
398
-
399
- font-size:20px;
400
-
401
- font-size:var(--rs-h3-font-size, 20px);
402
- font-weight:600;
403
- font-weight:var(--rs-font-weight-semi-bold, 600);
404
- line-height:28px;
405
- 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
+ }
406
1496
  }
407
1497
  @define-mixin rs-h3{
408
- @mixin rs-h3-base;
409
- @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);
410
1553
  }
411
1554
  @define-mixin rs-h3-theme-dark{
412
- @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);
413
1568
  }
414
1569
  @define-mixin rs-h3-offset-top{
415
- margin-top:32px;
416
1570
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
417
1571
  }
418
1572
  @define-mixin rs-text-1-base{
419
- letter-spacing:normal;
420
-
421
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
422
-
423
- 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));
424
- -webkit-font-feature-settings:"kern", "liga", "calt";
425
- font-feature-settings:"kern", "liga", "calt";
426
-
427
- font-size:20px;
428
-
429
- font-size:var(--rs-text-1-font-size, 20px);
430
- font-weight:normal;
431
- line-height:28px;
432
- 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
+ }
433
1624
  }
434
1625
  @define-mixin rs-text-1{
435
- @mixin rs-text-1-base;
436
- @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);
437
1690
  }
438
1691
  @define-mixin rs-text-1-theme-dark{
439
- @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);
440
1705
  }
441
1706
  @define-mixin rs-text-1-offset-top{
442
- margin-top:32px;
443
1707
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
444
1708
  }
445
1709
  @define-mixin rs-h4-base{
446
- letter-spacing:normal;
447
-
448
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
449
-
450
- 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));
451
- -webkit-font-feature-settings:"kern", "liga", "calt";
452
- font-feature-settings:"kern", "liga", "calt";
453
-
454
- font-size:16px;
455
-
456
- font-size:var(--rs-h4-font-size, 16px);
457
- font-weight:600;
458
- font-weight:var(--rs-font-weight-semi-bold, 600);
459
-
460
- line-height:24px;
461
-
462
- 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
+ }
463
1752
  }
464
1753
  @define-mixin rs-h4{
465
- @mixin rs-h4-base;
466
- @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);
467
1809
  }
468
1810
  @define-mixin rs-h4-theme-dark{
469
- @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);
470
1824
  }
471
1825
  @define-mixin rs-h4-offset-top{
472
- margin-top:16px;
473
1826
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
474
1827
  }
475
1828
  @define-mixin rs-text-2-base{
476
- letter-spacing:0.0015em;
477
-
478
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
479
-
480
- 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));
481
- -webkit-font-feature-settings:"kern", "liga", "calt";
482
- font-feature-settings:"kern", "liga", "calt";
483
-
484
- font-size:16px;
485
-
486
- font-size:var(--rs-text-2-font-size, 16px);
487
- font-weight:400;
488
- line-height:24px;
489
- line-height:var(--rs-text-2-line-height, 24px);
490
-
491
- .rs-reset-letter-spacing &{
492
- 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);
493
1879
  }
494
1880
  }
495
1881
  @define-mixin rs-text-2{
496
- @mixin rs-text-2-base;
497
- @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);
498
1946
  }
499
1947
  @define-mixin rs-text-2-theme-dark{
500
- @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);
501
1961
  }
502
1962
  @define-mixin rs-text-2-offset-top{
503
- margin-top:16px;
504
1963
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
505
1964
  }
506
1965
  @define-mixin rs-h5-base{
507
- letter-spacing:normal;
508
-
509
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
510
-
511
- 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));
512
- -webkit-font-feature-settings:"kern", "liga", "calt";
513
- font-feature-settings:"kern", "liga", "calt";
514
-
515
- font-size:13px;
516
-
517
- font-size:var(--rs-h5-font-size, 13px);
518
- font-weight:600;
519
- font-weight:var(--rs-font-weight-semi-bold, 600);
520
-
521
- line-height:20px;
522
-
523
- 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
+ }
524
2008
  }
525
2009
  @define-mixin rs-h5{
526
- @mixin rs-h5-base;
527
- @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);
528
2065
  }
529
2066
  @define-mixin rs-h5-theme-dark{
530
- @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);
531
2080
  }
532
2081
  @define-mixin rs-h5-offset-top{
533
- margin-top:16px;
534
2082
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
535
2083
  }
536
2084
  @define-mixin rs-overline{
537
- letter-spacing:0.1em;
538
-
539
- text-transform:uppercase;
540
-
541
- color:#19191C;
542
-
543
- color:var(--rs-typography-color-hard, #19191C);
544
-
545
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
546
-
547
- 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));
548
- -webkit-font-feature-settings:"kern", "liga", "calt";
549
- font-feature-settings:"kern", "liga", "calt";
550
-
551
- font-size:13px;
552
-
553
- font-size:var(--rs-overline-font-size, 13px);
554
- font-weight:600;
555
- font-weight:var(--rs-font-weight-semi-bold, 600);
556
-
557
- line-height:18px;
558
-
559
- 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);
560
2146
  }
561
2147
  @define-mixin rs-overline-theme-dark{
562
- color:#FFFFFF;
563
- 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);
564
2161
  }
565
2162
  @define-mixin rs-overline-offset-top{
566
- margin-top:16px;
567
2163
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
568
2164
  }
569
2165
  @define-mixin rs-text-3-base{
570
- letter-spacing:0.0045em;
571
-
572
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
573
-
574
- 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));
575
- -webkit-font-feature-settings:"kern", "liga", "calt";
576
- font-feature-settings:"kern", "liga", "calt";
577
-
578
- font-size:13px;
579
-
580
- font-size:var(--rs-text-3-font-size, 13px);
581
- line-height:20px;
582
- line-height:var(--rs-text-3-line-height, 20px);
583
-
584
- .rs-reset-letter-spacing &{
585
- 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);
586
2213
  }
587
2214
  }
588
2215
  @define-mixin rs-text-3{
589
- @mixin rs-text-3-base;
590
- @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);
591
2277
  }
592
2278
  @define-mixin rs-text-3-theme-dark{
593
- @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);
594
2292
  }
595
2293
  @define-mixin rs-text-3-offset-top{
596
- margin-top:8px;
597
2294
  margin-top:var(--rs-flow-unit, 8px);
598
2295
  }
599
2296
  @define-mixin rs-core-list-offset-items-8{
600
- & > li{
601
- margin-top:8px;
602
- }
603
-
604
- @media screen and (max-width: 640px){
605
- & > li{
606
- margin-top:8px
607
- }
608
- }
2297
+ --_rs-typography-list-li-margin-top:8px;
609
2298
  }
610
2299
  @define-mixin rs-core-list-offset-items-12{
611
- & > li{
612
- margin-top:12px;
613
- }
614
-
615
- @media screen and (max-width: 640px){
616
- & > li{
617
- margin-top:12px
618
- }
619
- }
2300
+ --_rs-typography-list-li-margin-top:12px;
620
2301
  }
621
2302
  @define-mixin rs-core-list-offset-items-16{
622
- & > li{
623
- margin-top:16px;
624
- }
625
-
626
- @media screen and (max-width: 640px){
627
- & > li{
628
- 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;
629
2306
  }
630
- }
631
2307
  }
632
2308
  @define-mixin rs-core-list-offset-items-24{
633
- & > li{
634
- margin-top:24px;
635
- }
636
-
637
- @media screen and (max-width: 640px){
638
- & > li{
639
- margin-top:16px
640
- }
641
- }
642
- }
643
- @define-mixin rs-ul-text-1{
644
- & > li{
645
- padding-left:26px;
646
- }
647
- }
648
- @define-mixin rs-ul-text-2{
649
- & > li{
650
- 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;
651
2312
  }
652
2313
  }
653
- @define-mixin rs-ul-text-3{
654
- & > li{
655
- 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
+ );
656
2334
  }
657
- }
658
- @define-mixin rs-core-list{
659
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
660
- 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));
661
- -webkit-font-feature-settings:"kern", "liga", "calt";
662
- font-feature-settings:"kern", "liga", "calt";
663
- list-style-type:none;
664
2335
  padding-left:0;
665
- @mixin rs-core-list-offset-items-16;
666
- @mixin rs-ul-text-2;
667
-
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';
668
2346
  > li{
669
2347
  position:relative;
670
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
+
671
2355
  list-style-type:none;
672
2356
  }
673
2357
 
674
2358
  > li::before{
675
2359
  position:absolute;
676
-
677
2360
  top:0;
2361
+ left:0;
678
2362
 
679
2363
  display:block;
680
2364
 
681
- line-height:inherit;
2365
+ content:var(--_rs-typography-list-li-content);
2366
+ counter-increment:var(--_rs-typography-list-counter);
2367
+ text-align:left;
682
2368
 
683
2369
  color:inherit;
684
2370
 
685
- left:0;
686
- text-align:left;
2371
+ line-height:inherit;
687
2372
  }
2373
+
688
2374
  &_offset-items_8{
689
- @mixin rs-core-list-offset-items-8;
2375
+ --_rs-typography-list-li-margin-top:8px;
690
2376
  }
2377
+
691
2378
  &_offset-items_12{
692
- @mixin rs-core-list-offset-items-12;
2379
+ --_rs-typography-list-li-margin-top:12px;
693
2380
  }
2381
+
694
2382
  &_offset-items_16{
695
- @mixin rs-core-list-offset-items-16;
696
- }
697
- &_offset-items_24{
698
- @mixin rs-core-list-offset-items-24;
2383
+ --_rs-typography-list-li-margin-top:16px;
699
2384
  }
700
- &:not([class*="_offset-items_"]).rs-text-2,
701
- .rs-text-2 &:not([class*="_offset-items_"]){
702
- @mixin rs-core-list-offset-items-16;
703
- }
704
-
705
- &:not([class*="_offset-items_"]).rs-text-1,
706
- .rs-text-1 &:not([class*="_offset-items_"]){
707
- @mixin rs-core-list-offset-items-24;
708
- }
709
-
710
- &:not([class*="_offset-items_"]).rs-text-3,
711
- .rs-text-3 &:not([class*="_offset-items_"]){
712
- @mixin rs-core-list-offset-items-8;
713
- }
714
- }
715
- @define-mixin rs-ul{
716
- @mixin rs-core-list;
2385
+ @media screen and (max-width: 640px){
717
2386
 
718
- &.rs-text-1,
719
- .rs-text-1 &{
720
- @mixin rs-ul-text-1;
2387
+ &_offset-items_16{
2388
+ --_rs-typography-list-li-margin-top:12px;
2389
+ }
721
2390
  }
722
2391
 
723
- &.rs-text-3,
724
- .rs-text-3 &{
725
- @mixin rs-ul-text-3;
2392
+ &_offset-items_24{
2393
+ --_rs-typography-list-li-margin-top:24px;
726
2394
  }
2395
+ @media screen and (max-width: 640px){
727
2396
 
728
- > li::before{
729
- content:'\2022';
2397
+ &_offset-items_24{
2398
+ --_rs-typography-list-li-margin-top:16px;
730
2399
  }
731
- }
732
- @define-mixin rs-ol-text-1{
733
- & > li{
734
- padding-left:32px;
735
2400
  }
736
2401
  }
737
- @define-mixin rs-ol-text-2{
738
- & > li{
739
- 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
+ );
740
2422
  }
741
- }
742
- @define-mixin rs-ol-text-3{
743
- & > li{
744
- 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;
745
2444
  }
746
- }
747
- @define-mixin rs-ol{
748
- @mixin rs-core-list;
749
2445
 
750
- 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
+ }
751
2465
 
752
- &.rs-text-2,
753
- .rs-text-2 &{
754
- @mixin rs-ol-text-2;
2466
+ &_offset-items_12{
2467
+ --_rs-typography-list-li-margin-top:12px;
755
2468
  }
756
2469
 
757
- &.rs-text-1,
758
- .rs-text-1 &{
759
- @mixin rs-ol-text-1;
2470
+ &_offset-items_16{
2471
+ --_rs-typography-list-li-margin-top:16px;
760
2472
  }
2473
+ @media screen and (max-width: 640px){
761
2474
 
762
- &.rs-text-3,
763
- .rs-text-3 &{
764
- @mixin rs-ol-text-3;
2475
+ &_offset-items_16{
2476
+ --_rs-typography-list-li-margin-top:12px;
2477
+ }
765
2478
  }
766
2479
 
767
- > li::before{
768
- content:counter(ol-counter) '.';
769
- 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
+ }
770
2488
  }
771
2489
  }
772
2490
  @define-mixin rs-ol-alpha-lower{
773
- > li::before{
774
- content:counter(ol-counter, lower-alpha) '.';
775
- }
2491
+ --_rs-typography-list-li-content-from-alpha-or-initial:counter(
2492
+ ol-counter,
2493
+ lower-alpha
2494
+ ) '.';
776
2495
  }
777
2496
  @define-mixin rs-ol-alpha-upper{
778
- > li::before{
779
- content:counter(ol-counter, upper-alpha) '.';
780
- }
2497
+ --_rs-typography-list-li-content-from-alpha-or-initial:counter(
2498
+ ol-counter,
2499
+ upper-alpha
2500
+ ) '.';
781
2501
  }
782
- @define-mixin rs-pre-child-code-direct{
783
- border:0;
784
-
785
- white-space:pre;
786
- word-break:normal;
2502
+ @define-mixin rs-ul-text-1{
787
2503
  }
788
- @define-mixin rs-pre-child-code{
789
- display:inline;
790
- overflow:visible;
791
-
792
- max-width:none;
793
- margin:0;
794
- padding:0 !important;
795
-
796
- word-wrap:normal;
797
-
798
- background:transparent !important;
799
- color:inherit !important;
800
-
801
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
802
-
803
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
804
- 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{
805
2515
  }
806
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;
807
2534
  overflow:auto;
808
-
809
2535
  -webkit-box-sizing:border-box;
810
-
811
- box-sizing:border-box;
812
-
813
- max-width:100%;
2536
+ box-sizing:border-box;
814
2537
  width:100%;
815
-
2538
+ max-width:100%;
816
2539
  padding:12px 16px;
817
-
2540
+ border-radius:8px;
818
2541
  word-wrap:normal;
819
-
820
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
821
-
822
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
823
-
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);
824
2546
  font-size:16px;
825
2547
  line-height:24px;
826
- color:#19191C;
827
- color:var(--rs-typography-pre-color, #19191C);
828
- background-color:rgba(25,25,28,0.1);
829
- background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
830
- border-radius:8px;
831
-
832
- display:block;
2548
+ code,
2549
+ .rs-code{
2550
+ border:0;
833
2551
 
2552
+ white-space:pre;
2553
+ word-break:normal;
2554
+ }
834
2555
  > code,
835
2556
  > .rs-code{
836
- @mixin rs-pre-child-code-direct;
837
- }
2557
+ display:inline;
2558
+ overflow:visible;
838
2559
 
839
- code,
840
- .rs-code{
841
- @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;
842
2573
  }
843
2574
  }
844
2575
  @define-mixin rs-pre-theme-dark{
845
- color:rgba(255,255,255,0.7);
846
- color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
847
- background-color:rgba(255,255,255,0.1);
848
- 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{
849
2581
  }
850
2582
  @define-mixin rs-pre-offset-top{
851
2583
  margin-top:16px;
852
2584
  }
853
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
+ );
854
2602
  -webkit-box-sizing:border-box;
855
- box-sizing:border-box;
2603
+ box-sizing:border-box;
856
2604
  padding:0.11111em 0.44444em;
857
-
858
- color:#19191C;
859
-
860
- color:var(--rs-typography-pre-color, #19191C);
861
- background-color:rgba(25,25,28,0.1);
862
- background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
863
-
864
- font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
865
-
866
- font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
867
-
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);
868
2610
  font-size:90%;
869
2611
  line-height:inherit;
870
-
871
- border-radius:4px;
872
2612
  }
873
2613
  @define-mixin rs-code-theme-dark{
874
- color:rgba(255,255,255,0.7);
875
- color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
876
- background-color:rgba(255,255,255,0.1);
877
- background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
878
- }
879
- @define-mixin rs-link-hardness-hard{
880
- --rs-link-color:var(--rs-typography-color-hard, #19191C);
881
- }
882
- @define-mixin rs-link-hardness-average{
883
- --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
884
- }
885
- @define-mixin rs-link-hardness-pale{
886
- --rs-link-color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
2614
+ --rs-theme-dark:1;
887
2615
  }
888
2616
  @define-mixin rs-link{
889
- --rs-link-color:var(--rs-typography-color-hard, #19191C);
890
-
891
- color:#19191C;
892
- color:var(--rs-link-color);
893
-
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
+ );
894
2707
  padding-bottom:1px;
895
-
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);
896
2711
  outline:none;
897
-
898
2712
  cursor:pointer;
899
2713
  text-decoration:none;
900
-
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;
901
2719
  font-size:inherit;
902
2720
  line-height:inherit;
903
- border-bottom-style:solid;
904
- border-bottom-width:1px;
905
-
2721
+ -webkit-transition:var(--_rs-typography-link-transition-wf);
2722
+ transition:var(--_rs-typography-link-transition-wf);
906
2723
  &:active,
907
2724
  &:focus{
908
- color:#19191C;
909
- color:var(--rs-link-color);
2725
+ color:var(--_rs-typography-link-color-wf);
910
2726
  }
911
-
912
2727
  &:hover{
913
- text-decoration:none;
914
- }
2728
+ padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
915
2729
 
916
- &:focus[data-focus-method='key']{
917
- -webkit-box-shadow:#8979ff 0 0 0 4px;
918
- -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
919
- box-shadow:#8979ff 0 0 0 4px;
920
- box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
921
- }
922
-
923
- [class*="rs-super-hero"] &{
924
- border-bottom-width:4px;
925
- }
926
-
927
- @media screen and (max-width: 1000px){
928
-
929
- [class*="rs-super-hero"] &{
930
- border-bottom-width:3px
931
- }
932
- }
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);
933
2734
 
934
- @media screen and (max-width: 640px){
2735
+ text-decoration:none;
935
2736
 
936
- [class*="rs-super-hero"] &{
937
- border-bottom-width:2px
2737
+ color:var(--_rs-typography-link-hover-color-wf);
2738
+ background-size:auto calc(100% + 4px);
938
2739
  }
939
- }
2740
+ &:after{
2741
+ display:var(
2742
+ --_rs-typography-link-after-display-or-initial,
2743
+ var(--_rs-typography-link-after-display-wf)
2744
+ );
940
2745
 
941
- [class*="rs-middle-hero"] &{
942
- border-bottom-width:3px;
943
- }
2746
+ margin-right:var(--_rs-typography-link-after-offset-right-wf);
2747
+ margin-left:var(--_rs-typography-link-after-offset-left-wf);
944
2748
 
945
- @media screen and (max-width: 640px){
2749
+ content:var(--_rs-typography-link-after-content-or-initial, '\2192');
946
2750
 
947
- [class*="rs-middle-hero"] &{
948
- border-bottom-width:2px
949
- }
950
- }
2751
+ -webkit-transition:margin-right 300ms, margin-left 300ms;
951
2752
 
952
- [class*="rs-hero"] &{
953
- border-bottom-width:3px;
2753
+ transition:margin-right 300ms, margin-left 300ms;
954
2754
  }
955
-
956
- @media screen and (max-width: 640px){
957
-
958
- [class*="rs-hero"] &{
959
- 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);
960
2758
  }
961
- }
962
-
963
- [class*="rs-h1"] &,
964
- [class*="rs-h2"] &,
965
- [class*="rs-h3"] &,
966
- [class*="rs-h4"] &,
967
- [class*="rs-h5"] &,
968
- [class*="rs-overline"] &,
969
- [class*="rs-subtitle-1"] &,
970
- [class*="rs-subtitle-2"] &{
971
- 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;
972
2762
  }
973
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
+ }
974
2785
  @define-mixin rs-link-external{
975
- &:after{
976
- content:'\2197';
977
- display:inline;
978
- margin-right:0;
979
- margin-left:0;
980
- }
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';
981
2792
  }
982
2793
  @define-mixin rs-link-mode-classic{
983
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
984
- --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(25,25,28,0.4));
985
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
986
-
987
- border-bottom-color:rgba(25,25,28,0.4);
988
- border-bottom-color:var(--rs-underline-color);
989
-
990
- &:hover{
991
- color:#19191C;
992
- color:var(--rs-link-color-hover);
993
- border-bottom-color:#19191C;
994
- border-bottom-color:var(--rs-underline-color-hover);
995
- border-bottom-width:2px;
996
- padding-bottom:0;
997
- }
998
- [class*="rs-super-hero"] &:hover{
999
- border-bottom-width:5px;
1000
- }
1001
-
1002
- @media screen and (max-width: 1000px){
1003
- [class*="rs-super-hero"] &:hover{
1004
- border-bottom-width:4px
1005
- }
1006
- }
1007
-
1008
- @media screen and (max-width: 640px){
1009
- [class*="rs-super-hero"] &:hover{
1010
- border-bottom-width:3px
1011
- }
1012
- }
1013
- [class*="rs-middle-hero"] &:hover{
1014
- border-bottom-width:4px;
1015
- }
1016
-
1017
- @media screen and (max-width: 640px){
1018
- [class*="rs-middle-hero"] &:hover{
1019
- border-bottom-width:3px
1020
- }
1021
- }
1022
- [class*="rs-hero"] &:hover{
1023
- border-bottom-width:4px;
1024
- }
1025
-
1026
- @media screen and (max-width: 640px){
1027
- [class*="rs-hero"] &:hover{
1028
- border-bottom-width:3px
1029
- }
1030
- }
1031
- [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{
1032
- border-bottom-width:3px;
1033
- }
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;
1034
2819
  }
1035
2820
  @define-mixin rs-link-mode-rock{
1036
- --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #FFFFFF);
1037
- --rs-underline-color:var(--rs-typography-color-pale, #19191C);
1038
-
1039
- border-bottom-color:#19191C;
1040
- border-bottom-color:var(--rs-underline-color);
1041
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
1042
- background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
1043
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1044
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1045
- background-size:auto 0;
1046
- background-repeat:repeat-x;
1047
- background-position:left calc(100% + 4px);
1048
- -webkit-transition:background-size 300ms, color 300ms;
1049
- transition:background-size 300ms, color 300ms;
1050
- @media all and (-ms-high-contrast: none){
1051
- -webkit-transition:none;
1052
- transition:none;
1053
- }
1054
-
1055
- &:hover{
1056
- color:#FFFFFF;
1057
- color:var(--rs-link-color-hover);
1058
- background-size:auto calc(100% + 4px);
1059
- }
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;
1060
2850
  }
1061
2851
  @define-mixin rs-link-mode-standalone{
1062
- --rs-link-standalone-border-offset:1.15em;
1063
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
1064
- --rs-underline-color:transparent;
1065
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
1066
-
1067
- border-bottom-color:transparent;
1068
- border-bottom-color:var(--rs-underline-color);
1069
-
1070
- &:after{
1071
- content:'\2192';
1072
- display:inline;
1073
- margin-right:0.15em;
1074
- margin-left:0.15em;
1075
- -webkit-transition:margin-right 300ms, margin-left 300ms;
1076
- transition:margin-right 300ms, margin-left 300ms;
1077
- }
1078
-
1079
- &:hover{
1080
- color:#19191C;
1081
- color:var(--rs-link-color-hover);
1082
- border-bottom-color:#19191C;
1083
- border-bottom-color:var(--rs-underline-color-hover);
1084
- -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
1085
- border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
1086
- border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
1087
- -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;
1088
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1089
- 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;
1090
- }
1091
-
1092
- &:hover:after{
1093
- margin-right:0;
1094
- margin-left:0.3em;
1095
- }
1096
- }
1097
- @define-mixin rs-link-mode-standalone-external{
1098
- --rs-link-standalone-border-offset:1.02em;
1099
- &:after{
1100
- content:'\2197';
1101
- }
1102
- }
1103
- @define-mixin rs-link-mode-standalone-big-heading{
1104
- --rs-link-standalone-border-offset:1.12em;
1105
- }
1106
- @define-mixin rs-link-mode-standalone-external-big-heading{
1107
- --rs-link-standalone-border-offset:1em;
1108
- }
1109
- @define-mixin rs-link-mode-standalone-overline{
1110
- --rs-link-standalone-border-offset:1.3em;
1111
- }
1112
- @define-mixin rs-link-mode-standalone-external-overline{
1113
- --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;
1114
2889
  }
1115
2890
  @define-mixin rs-link-mode-clear{
1116
- --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
1117
- --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
1118
- --rs-underline-color:transparent;
1119
- --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
1120
-
1121
- border-bottom-color:transparent;
1122
- border-bottom-color:var(--rs-underline-color);
1123
-
1124
- color:rgba(25,25,28,0.7);
1125
- color:var(--rs-link-color);
1126
-
1127
- &:hover{
1128
- border-bottom-color:#19191C;
1129
- border-bottom-color:var(--rs-underline-color-hover);
1130
-
1131
- color:#19191C;
1132
- color:var(--rs-link-color-hover);
1133
- }
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;
1134
2916
  }
1135
2917
  @define-mixin rs-link-hardness-hard-theme-dark{
1136
- --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
+ );
1137
2923
  }
1138
2924
  @define-mixin rs-link-hardness-average-theme-dark{
1139
- --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
+ );
1140
2930
  }
1141
2931
  @define-mixin rs-link-hardness-pale-theme-dark{
1142
- --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
+ );
1143
2937
  }
1144
2938
  @define-mixin rs-link-theme-dark{
1145
- --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
1146
- color:#FFFFFF;
1147
- color:var(--rs-link-color);
1148
-
1149
- &:active,
1150
- &:focus{
1151
- color:#FFFFFF;
1152
- color:var(--rs-link-color);
1153
- }
1154
-
1155
- &:focus[data-focus-method='key']{
1156
- -webkit-box-shadow:#6f61d2 0 0 0 4px;
1157
- -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1158
- box-shadow:#6f61d2 0 0 0 4px;
1159
- box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1160
- }
2939
+ --rs-theme-dark:1;
1161
2940
  }
1162
2941
  @define-mixin rs-link-mode-classic-theme-dark{
1163
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1164
- --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(255,255,255,0.4));
1165
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1166
-
1167
- border-bottom-color:rgba(255,255,255,0.4);
1168
- border-bottom-color:var(--rs-underline-color);
1169
-
1170
- &:hover{
1171
- color:#FFFFFF;
1172
- color:var(--rs-link-color-hover);
1173
- border-bottom-color:#FFFFFF;
1174
- border-bottom-color:var(--rs-underline-color-hover);
1175
- }
2942
+ --rs-theme-dark:1;
1176
2943
  }
1177
2944
  @define-mixin rs-link-mode-rock-theme-dark{
1178
- --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #19191C);
1179
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
1180
-
1181
- border-bottom-color:#FFFFFF;
1182
- border-bottom-color:var(--rs-underline-color);
1183
-
1184
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
1185
-
1186
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
1187
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1188
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1189
-
1190
- &:hover{
1191
- color:#19191C;
1192
- color:var(--rs-link-color-hover);
1193
- }
2945
+ --rs-theme-dark:1;
1194
2946
  }
1195
2947
  @define-mixin rs-link-mode-standalone-theme-dark{
1196
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1197
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1198
-
1199
- background-image:none;
1200
- border-bottom-color:transparent;
1201
-
1202
- &:hover{
1203
- color:#FFFFFF;
1204
- color:var(--rs-link-color-hover);
1205
- border-bottom-color:#FFFFFF;
1206
- border-bottom-color:var(--rs-underline-color-hover);
1207
- -o-border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1208
- border-image:-webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(1.3em, transparent)) 1;
1209
- border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1210
- -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;
1211
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1212
- 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;
1213
- }
2948
+ --rs-theme-dark:1;
1214
2949
  }
1215
2950
  @define-mixin rs-link-mode-clear-theme-dark{
1216
- --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
1217
- --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1218
- --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1219
-
1220
- color:rgba(255,255,255,0.7);
1221
- color:var(--rs-link-color);
1222
-
1223
- &:hover{
1224
- color:#FFFFFF;
1225
- color:var(--rs-link-color-hover);
1226
- border-bottom-color:#FFFFFF;
1227
- border-bottom-color:var(--rs-underline-color-hover);
1228
- }
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{
1229
2962
  }
1230
-
1231
- /*# sourceMappingURL=mixins.css.map */