@rescui/typography 0.2.0 → 0.5.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.
Files changed (10) hide show
  1. package/lib/any.d.ts +1 -0
  2. package/lib/create-text-cn.d.ts +10 -10
  3. package/lib/create-text-cn.js +15 -10
  4. package/lib/font-jb-sans-auto.css +32 -0
  5. package/lib/font-jb-sans-variable.css +8 -0
  6. package/lib/font-jb-sans.css +21 -0
  7. package/lib/hooks.d.ts +3 -3
  8. package/lib/index.css +313 -256
  9. package/lib/mixins.pcss +341 -271
  10. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -4,25 +4,33 @@
4
4
  -moz-osx-font-smoothing:grayscale;
5
5
  }
6
6
  .rs-super-hero{
7
- letter-spacing:-3px;
7
+ letter-spacing:-0.02em;
8
8
  color:#19191C;
9
9
  color:var(--rs-typography-color-hard, #19191C);
10
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
11
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
12
- font-size:120px;
13
- font-size:var(--rs-super-hero-font-size, 120px);
14
- font-weight:500;
15
- line-height:128px;
16
- line-height:var(--rs-super-hero-line-height, 128px);
10
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
11
+ 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));
12
+ font-size:142px;
13
+ font-size:var(--rs-super-hero-font-size, 142px);
14
+ font-weight:530;
15
+ font-weight:var(--rs-font-weight-semi-bold, 530);
16
+ line-height:142px;
17
+ line-height:var(--rs-super-hero-line-height, 142px);
17
18
  }
19
+ @media screen and (max-width: 1000px){
20
+ .rs-super-hero{
21
+ --rs-super-hero-font-size:var(--rs-hero-font-size, 72px);
22
+ --rs-super-hero-line-height:var(--rs-hero-line-height, 72px);
23
+ letter-spacing:-0.005em;
24
+ }
25
+ }
18
26
  @media screen and (max-width: 640px){
19
27
  .rs-super-hero{
20
- --rs-super-hero-font-size:42px;
21
- --rs-super-hero-line-height:48px;
22
- letter-spacing:-1px;
28
+ --rs-super-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
29
+ --rs-super-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
30
+ letter-spacing:-0.001em;
23
31
  }
24
32
  }
25
- .rs-reset-gotham-font-style .rs-super-hero{
33
+ .rs-reset-letter-spacing .rs-super-hero{
26
34
  letter-spacing:normal;
27
35
  }
28
36
  .rs-super-hero_theme_dark{
@@ -34,26 +42,27 @@
34
42
  color:var(--rs-typography-color-hard, #FFFFFF);
35
43
  }
36
44
  .rs-digits{
37
- letter-spacing:-3px;
45
+ letter-spacing:-0.005em;
38
46
  font-variant-numeric:tabular-nums;
39
47
  color:#19191C;
40
48
  color:var(--rs-typography-color-hard, #19191C);
41
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
42
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
43
- font-size:43px;
44
- font-size:var(--rs-digits-font-size, 43px);
45
- font-weight:300;
46
- line-height:48px;
47
- line-height:var(--rs-digits-line-height, 48px);
49
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
50
+ 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));
51
+ font-size:69px;
52
+ font-size:var(--rs-digits-font-size, 69px);
53
+ font-weight:320;
54
+ font-weight:var(--rs-font-weight-light, 320);
55
+ line-height:71px;
56
+ line-height:var(--rs-digits-line-height, 71px);
48
57
  }
49
58
  @media screen and (max-width: 640px){
50
59
  .rs-digits{
51
- --rs-digits-font-size:42px;
52
- --rs-digits-line-height:48px;
53
- letter-spacing:-1px;
60
+ --rs-digits-font-size:var(--rs-digits-font-size-mobile, 40px);
61
+ --rs-digits-line-height:var(--rs-digits-line-height-mobile, 44px);
62
+ letter-spacing:normal;
54
63
  }
55
64
  }
56
- .rs-reset-gotham-font-style .rs-digits{
65
+ .rs-reset-letter-spacing .rs-digits{
57
66
  letter-spacing:normal;
58
67
  }
59
68
  .rs-digits_theme_dark{
@@ -65,25 +74,26 @@
65
74
  color:var(--rs-typography-color-hard, #FFFFFF);
66
75
  }
67
76
  .rs-hero{
68
- letter-spacing:-2px;
77
+ letter-spacing:-0.005em;
69
78
  color:#19191C;
70
79
  color:var(--rs-typography-color-hard, #19191C);
71
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
72
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
73
- font-size:68px;
74
- font-size:var(--rs-hero-font-size, 68px);
75
- font-weight:500;
80
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
81
+ 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));
82
+ font-size:72px;
83
+ font-size:var(--rs-hero-font-size, 72px);
84
+ font-weight:530;
85
+ font-weight:var(--rs-font-weight-semi-bold, 530);
76
86
  line-height:72px;
77
87
  line-height:var(--rs-hero-line-height, 72px);
78
88
  }
79
89
  @media screen and (max-width: 640px){
80
90
  .rs-hero{
81
- --rs-hero-font-size:42px;
82
- --rs-hero-line-height:48px;
83
- letter-spacing:-1px;
91
+ --rs-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
92
+ --rs-hero-line-height:var(--rs-hero-font-size-mobile, 50px);
93
+ letter-spacing:-0.001em;
84
94
  }
85
95
  }
86
- .rs-reset-gotham-font-style .rs-hero{
96
+ .rs-reset-letter-spacing .rs-hero{
87
97
  letter-spacing:normal;
88
98
  }
89
99
  .rs-hero_theme_dark{
@@ -95,27 +105,23 @@
95
105
  color:var(--rs-typography-color-hard, #FFFFFF);
96
106
  }
97
107
  .rs-subtitle-1{
98
- letter-spacing:-1px;
99
108
  color:#19191C;
100
109
  color:var(--rs-typography-color-hard, #19191C);
101
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
102
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
103
- font-size:43px;
104
- font-size:var(--rs-subtitle-1-font-size, 43px);
105
- font-weight:300;
106
- line-height:48px;
107
- line-height:var(--rs-subtitle-1-line-height, 48px);
110
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
111
+ 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));
112
+ font-size:39px;
113
+ font-size:var(--rs-subtitle-1-font-size, 39px);
114
+ font-weight:320;
115
+ font-weight:var(--rs-font-weight-light, 320);
116
+ line-height:49px;
117
+ line-height:var(--rs-subtitle-1-line-height, 49px);
108
118
  }
109
119
  @media screen and (max-width: 640px){
110
120
  .rs-subtitle-1{
111
- --rs-subtitle-1-font-size:24px;
112
- --rs-subtitle-1-line-height:32px;
113
- letter-spacing:normal;
121
+ --rs-subtitle-1-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
122
+ --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
114
123
  }
115
124
  }
116
- .rs-reset-gotham-font-style .rs-subtitle-1{
117
- letter-spacing:normal;
118
- }
119
125
  .rs-subtitle-1_theme_dark{
120
126
  color:#FFFFFF;
121
127
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -125,26 +131,24 @@
125
131
  color:var(--rs-typography-color-hard, #FFFFFF);
126
132
  }
127
133
  .rs-h1{
128
- letter-spacing:-1px;
134
+ letter-spacing:-0.001em;
129
135
  color:#19191C;
130
136
  color:var(--rs-typography-color-hard, #19191C);
131
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
132
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
137
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
138
+ 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));
133
139
  font-size:43px;
134
140
  font-size:var(--rs-h1-font-size, 43px);
135
- font-weight:500;
136
- line-height:48px;
137
- line-height:var(--rs-h1-line-height, 48px);
141
+ font-weight:530;
142
+ font-weight:var(--rs-font-weight-semi-bold, 530);
143
+ line-height:49px;
144
+ line-height:var(--rs-h1-line-height, 49px);
138
145
  }
139
146
  @media screen and (max-width: 640px){
140
147
  .rs-h1{
141
- --rs-h1-font-size:36px;
142
- --rs-h1-line-height:44px;
143
- letter-spacing:-0.5px;
144
- }
145
- }
146
- .rs-reset-gotham-font-style .rs-h1{
148
+ --rs-h1-font-size:var(--rs-h1-font-size-mobile, 35px);
149
+ --rs-h1-line-height:var(--rs-h1-line-height-mobile, 39px);
147
150
  letter-spacing:normal;
151
+ }
148
152
  }
149
153
  .rs-h1_theme_dark{
150
154
  color:#FFFFFF;
@@ -155,21 +159,21 @@
155
159
  color:var(--rs-typography-color-hard, #FFFFFF);
156
160
  }
157
161
  .rs-subtitle-2{
158
- letter-spacing:normal;
159
162
  color:#19191C;
160
163
  color:var(--rs-typography-color-hard, #19191C);
161
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
162
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
163
- font-size:31px;
164
- font-size:var(--rs-subtitle-2-font-size, 31px);
165
- font-weight:300;
166
- line-height:40px;
167
- line-height:var(--rs-subtitle-2-line-height, 40px);
164
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
+ 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));
166
+ font-size:29px;
167
+ font-size:var(--rs-subtitle-2-font-size, 29px);
168
+ font-weight:320;
169
+ font-weight:var(--rs-font-weight-light, 320);
170
+ line-height:39px;
171
+ line-height:var(--rs-subtitle-2-line-height, 39px);
168
172
  }
169
173
  @media screen and (max-width: 640px){
170
174
  .rs-subtitle-2{
171
- --rs-subtitle-2-font-size:24px;
172
- --rs-subtitle-2-line-height:32px;
175
+ --rs-subtitle-2-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
176
+ --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
173
177
  }
174
178
  }
175
179
  .rs-subtitle-2_theme_dark{
@@ -181,26 +185,23 @@
181
185
  color:var(--rs-typography-color-hard, #FFFFFF);
182
186
  }
183
187
  .rs-h2{
184
- letter-spacing:-0.5px;
185
188
  color:#19191C;
186
189
  color:var(--rs-typography-color-hard, #19191C);
187
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
188
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
189
- font-size:31px;
190
- font-size:var(--rs-h2-font-size, 31px);
191
- font-weight:500;
192
- line-height:40px;
193
- line-height:var(--rs-h2-line-height, 40px);
190
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
191
+ 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));
192
+ font-size:35px;
193
+ font-size:var(--rs-h2-font-size, 35px);
194
+ font-weight:530;
195
+ font-weight:var(--rs-font-weight-semi-bold, 530);
196
+ line-height:42px;
197
+ line-height:var(--rs-h2-line-height, 42px);
194
198
  }
195
199
  @media screen and (max-width: 640px){
196
200
  .rs-h2{
197
- --rs-h2-font-size:24px;
198
- --rs-h2-line-height:32px;
201
+ --rs-h2-font-size:var(--rs-h2-font-size-mobile, 28px);
202
+ --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
199
203
  }
200
204
  }
201
- .rs-reset-gotham-font-style .rs-h2{
202
- letter-spacing:normal;
203
- }
204
205
  .rs-h2_theme_dark{
205
206
  color:#FFFFFF;
206
207
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -213,11 +214,12 @@
213
214
  letter-spacing:normal;
214
215
  color:#19191C;
215
216
  color:var(--rs-typography-color-hard, #19191C);
216
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
217
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
217
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
218
+ 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));
218
219
  font-size:20px;
219
220
  font-size:var(--rs-h3-font-size, 20px);
220
- font-weight:600;
221
+ font-weight:530;
222
+ font-weight:var(--rs-font-weight-semi-bold, 530);
221
223
  line-height:28px;
222
224
  line-height:var(--rs-h3-line-height, 28px);
223
225
  }
@@ -230,16 +232,15 @@
230
232
  color:var(--rs-typography-color-hard, #FFFFFF);
231
233
  }
232
234
  .rs-text-1{
233
- letter-spacing:normal;
234
235
  color:rgba(25,25,28,0.7);
235
236
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
236
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
237
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
238
- font-size:20px;
239
- font-size:var(--rs-text-1-font-size, 20px);
240
- font-weight:400;
241
- line-height:32px;
242
- line-height:var(--rs-text-1-line-height, 32px);
237
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
238
+ 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));
239
+ font-size:19px;
240
+ font-size:var(--rs-text-1-font-size, 19px);
241
+ font-weight:normal;
242
+ line-height:28px;
243
+ line-height:var(--rs-text-1-line-height, 28px);
243
244
  }
244
245
  .rs-text-1_paragraph-offset-auto > p:not(:first-of-type){
245
246
  margin-top:32px;
@@ -281,14 +282,14 @@
281
282
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
282
283
  }
283
284
  .rs-h4{
284
- letter-spacing:normal;
285
285
  color:#19191C;
286
286
  color:var(--rs-typography-color-hard, #19191C);
287
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
288
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
289
- font-size:16px;
290
- font-size:var(--rs-h4-font-size, 16px);
291
- font-weight:600;
287
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
288
+ 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));
289
+ font-size:17px;
290
+ font-size:var(--rs-h4-font-size, 17px);
291
+ font-weight:530;
292
+ font-weight:var(--rs-font-weight-semi-bold, 530);
292
293
  line-height:24px;
293
294
  line-height:var(--rs-h4-line-height, 24px);
294
295
  }
@@ -301,17 +302,20 @@
301
302
  color:var(--rs-typography-color-hard, #FFFFFF);
302
303
  }
303
304
  .rs-text-2{
304
- letter-spacing:normal;
305
+ letter-spacing:0.0015em;
305
306
  color:rgba(25,25,28,0.7);
306
307
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
307
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
308
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
308
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
309
+ 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));
309
310
  font-size:16px;
310
311
  font-size:var(--rs-text-2-font-size, 16px);
311
312
  font-weight:400;
312
313
  line-height:24px;
313
314
  line-height:var(--rs-text-2-line-height, 24px);
314
315
  }
316
+ .rs-reset-letter-spacing .rs-text-2{
317
+ letter-spacing:normal;
318
+ }
315
319
  .rs-text-2_paragraph-offset-auto > p:not(:first-of-type){
316
320
  margin-top:16px;
317
321
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -352,14 +356,14 @@
352
356
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
353
357
  }
354
358
  .rs-h5{
355
- letter-spacing:normal;
356
359
  color:#19191C;
357
360
  color:var(--rs-typography-color-hard, #19191C);
358
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
359
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
360
- font-size:13px;
361
- font-size:var(--rs-h5-font-size, 13px);
362
- font-weight:600;
361
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
362
+ 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));
363
+ font-size:14px;
364
+ font-size:var(--rs-h5-font-size, 14px);
365
+ font-weight:530;
366
+ font-weight:var(--rs-font-weight-semi-bold, 530);
363
367
  line-height:20px;
364
368
  line-height:var(--rs-h5-line-height, 20px);
365
369
  }
@@ -372,17 +376,18 @@
372
376
  color:var(--rs-typography-color-hard, #FFFFFF);
373
377
  }
374
378
  .rs-overline{
375
- letter-spacing:0.2px;
379
+ letter-spacing:0.1em;
376
380
  text-transform:uppercase;
377
381
  color:#19191C;
378
382
  color:var(--rs-typography-color-hard, #19191C);
379
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
380
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
381
- font-size:12px;
382
- font-size:var(--rs-overline-font-size, 12px);
383
- font-weight:bold;
384
- line-height:16px;
385
- line-height:var(--rs-overline-line-height, 16px);
383
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
384
+ 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));
385
+ font-size:13px;
386
+ font-size:var(--rs-overline-font-size, 13px);
387
+ font-weight:530;
388
+ font-weight:var(--rs-font-weight-semi-bold, 530);
389
+ line-height:18px;
390
+ line-height:var(--rs-overline-line-height, 18px);
386
391
  }
387
392
  .rs-overline_theme_dark{
388
393
  color:#FFFFFF;
@@ -393,17 +398,19 @@
393
398
  color:var(--rs-typography-color-hard, #FFFFFF);
394
399
  }
395
400
  .rs-text-3{
396
- letter-spacing:normal;
401
+ letter-spacing:0.0045em;
397
402
  color:rgba(25,25,28,0.7);
398
403
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
399
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
400
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
404
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
405
+ 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));
401
406
  font-size:13px;
402
407
  font-size:var(--rs-text-3-font-size, 13px);
403
- font-weight:400;
404
408
  line-height:20px;
405
409
  line-height:var(--rs-text-3-line-height, 20px);
406
410
  }
411
+ .rs-reset-letter-spacing .rs-text-3{
412
+ letter-spacing:normal;
413
+ }
407
414
  .rs-text-3_paragraph-offset-auto > p:not(:first-of-type){
408
415
  margin-top:8px;
409
416
  margin-top:var(--rs-flow-unit, 8px);
@@ -444,8 +451,8 @@
444
451
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
445
452
  }
446
453
  .rs-ul{
447
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
448
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
454
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
455
+ 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));
449
456
  list-style-type:none;
450
457
  padding-left:0;
451
458
  }
@@ -545,8 +552,8 @@
545
552
  content:'•';
546
553
  }
547
554
  .rs-ol{
548
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
549
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
555
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
556
+ 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));
550
557
  list-style-type:none;
551
558
  padding-left:0;
552
559
  }
@@ -649,14 +656,14 @@
649
656
  padding-left:21px;
650
657
  }
651
658
  .rs-ol > li::before{
652
- content:counter(ol-counter)'.';
659
+ content:counter(ol-counter) '.';
653
660
  counter-increment:ol-counter;
654
661
  }
655
662
  .rs-ol_alpha_lower > li::before{
656
- content:counter(ol-counter,lower-alpha)'.';
663
+ content:counter(ol-counter, lower-alpha) '.';
657
664
  }
658
665
  .rs-ol_alpha_upper > li::before{
659
- content:counter(ol-counter,upper-alpha)'.';
666
+ content:counter(ol-counter, upper-alpha) '.';
660
667
  }
661
668
  .rs-pre{
662
669
  overflow:auto;
@@ -666,14 +673,14 @@
666
673
  width:100%;
667
674
  padding:12px 16px;
668
675
  word-wrap:normal;
669
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
670
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
671
- font-size:15px;
676
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
677
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
678
+ font-size:16px;
672
679
  line-height:24px;
673
680
  color:#19191C;
674
681
  color:var(--rs-typography-pre-color, #19191C);
675
- background-color:#E8E8E8;
676
- background-color:var(--rs-typography-pre-bg-color, #E8E8E8);
682
+ background-color:rgba(25,25,28,0.1);
683
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
677
684
  border-radius:8px;
678
685
  display:block;
679
686
  }
@@ -693,110 +700,81 @@
693
700
  word-wrap:normal;
694
701
  background:transparent !important;
695
702
  color:inherit !important;
696
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
697
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
703
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
704
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
698
705
  line-height:inherit;
699
706
  }
700
707
  .rs-pre_theme_dark{
701
708
  color:rgba(255,255,255,0.7);
702
709
  color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
703
- background-color:#303033;
704
- background-color:var(--rs-typography-pre-bg-color, #303033);
710
+ background-color:rgba(255,255,255,0.1);
711
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
705
712
  }
706
713
  [class*='_theme_dark'] .rs-pre_theme_auto{
707
714
  color:rgba(255,255,255,0.7);
708
715
  color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
709
- background-color:#303033;
710
- background-color:var(--rs-typography-pre-bg-color, #303033);
716
+ background-color:rgba(255,255,255,0.1);
717
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
711
718
  }
712
719
  .rs-code{
713
720
  -webkit-box-sizing:border-box;
714
721
  box-sizing:border-box;
715
- padding:0 6px;
722
+ padding:0.11111em 0.44444em;
716
723
  color:#19191C;
717
724
  color:var(--rs-typography-pre-color, #19191C);
718
- background-color:#E8E8E8;
719
- background-color:var(--rs-typography-pre-bg-color, #E8E8E8);
720
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
721
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
725
+ background-color:rgba(25,25,28,0.1);
726
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
727
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
728
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
722
729
  font-size:90%;
723
730
  line-height:inherit;
724
731
  border-radius:4px;
725
732
  }
726
- .rs-text-2 .rs-code{
727
- padding:0 6px;
728
- }
729
- .rs-text-1 .rs-code{
730
- padding:0 8px;
731
- }
732
733
  .rs-code_theme_dark{
733
734
  color:rgba(255,255,255,0.7);
734
735
  color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
735
- background-color:#303033;
736
- background-color:var(--rs-typography-pre-bg-color, #303033);
736
+ background-color:rgba(255,255,255,0.1);
737
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
737
738
  }
738
739
  [class*='_theme_dark'] .rs-code_theme_auto{
739
740
  color:rgba(255,255,255,0.7);
740
741
  color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
741
- background-color:#303033;
742
- background-color:var(--rs-typography-pre-bg-color, #303033);
742
+ background-color:rgba(255,255,255,0.1);
743
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
743
744
  }
744
- [class*='rs-text'] code{
745
+ [class*='rs-text'] code:not([class*='rs-code']){
745
746
  -webkit-box-sizing:border-box;
746
747
  box-sizing:border-box;
747
- padding:0 6px;
748
+ padding:0.11111em 0.44444em;
748
749
  color:#19191C;
749
750
  color:var(--rs-typography-pre-color, #19191C);
750
- background-color:#E8E8E8;
751
- background-color:var(--rs-typography-pre-bg-color, #E8E8E8);
752
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
753
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
751
+ background-color:rgba(25,25,28,0.1);
752
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
753
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
754
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
754
755
  font-size:90%;
755
756
  line-height:inherit;
756
757
  border-radius:4px;
757
758
  }
758
- .rs-text-2 [class*='rs-text'] code{
759
- padding:0 6px;
760
- }
761
- .rs-text-1 [class*='rs-text'] code{
762
- padding:0 8px;
763
- }
764
759
  [class*='_theme_dark'] code:not([class*='rs-code']){
765
760
  color:rgba(255,255,255,0.7);
766
761
  color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
767
- background-color:#303033;
768
- background-color:var(--rs-typography-pre-bg-color, #303033);
762
+ background-color:rgba(255,255,255,0.1);
763
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
769
764
  }
770
765
  .rs-link{
771
766
  --rs-link-color:var(--rs-typography-color-hard, #19191C);
772
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #FFFFFF);
773
- --rs-underline-color:var(--rs-typography-color-hard, #19191C);
767
+ color:#19191C;
768
+ color:var(--rs-link-color);
774
769
  padding-bottom:1px;
775
770
  outline:none;
776
771
  cursor:pointer;
777
772
  text-decoration:none;
778
- color:#19191C;
779
- color:var(--rs-link-color);
780
773
  font-size:inherit;
781
774
  line-height:inherit;
782
- border-bottom:1px solid #19191C;
783
- border-bottom:1px solid var(--rs-underline-color);
784
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
785
- background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
786
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
787
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
788
- background-size:auto 0;
789
- background-repeat:repeat-x;
790
- background-position:left calc(100% + 4px);
791
- -webkit-transition:background-size 300ms, color 300ms;
792
- transition:background-size 300ms, color 300ms;
793
- }
794
- @media all and (-ms-high-contrast:none){
795
- .rs-link{
796
- -webkit-transition:none;
797
- transition:none;
775
+ border-bottom-style:solid;
776
+ border-bottom-width:1px;
798
777
  }
799
- }
800
778
  .rs-link:active,
801
779
  .rs-link:focus{
802
780
  color:#19191C;
@@ -804,9 +782,6 @@
804
782
  }
805
783
  .rs-link:hover{
806
784
  text-decoration:none;
807
- color:#FFFFFF;
808
- color:var(--rs-link-color-hover);
809
- background-size:auto calc(100% + 4px);
810
785
  }
811
786
  .rs-link:focus[data-focus-method='key']{
812
787
  -webkit-box-shadow:#4597ff 0 0 0 4px;
@@ -815,23 +790,26 @@
815
790
  box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
816
791
  }
817
792
  [class*="rs-super-hero"] .rs-link{
818
- padding-bottom:0;
819
- border-bottom-width:5px;
793
+ border-bottom-width:4px;
820
794
  }
821
- @media screen and (max-width: 640px){
795
+ @media screen and (max-width: 1000px){
822
796
  [class*="rs-super-hero"] .rs-link{
823
- border-bottom-width:2px;
797
+ border-bottom-width:3px
824
798
  }
799
+ }
800
+ @media screen and (max-width: 640px){
801
+ [class*="rs-super-hero"] .rs-link{
802
+ border-bottom-width:2px
825
803
  }
804
+ }
826
805
  [class*="rs-hero"] .rs-link{
827
- padding-bottom:0;
828
- border-bottom-width:4px;
806
+ border-bottom-width:3px;
829
807
  }
830
808
  @media screen and (max-width: 640px){
831
809
  [class*="rs-hero"] .rs-link{
832
- border-bottom-width:2px;
833
- }
810
+ border-bottom-width:2px
834
811
  }
812
+ }
835
813
  [class*="rs-h1"] .rs-link,
836
814
  [class*="rs-h2"] .rs-link,
837
815
  [class*="rs-h3"] .rs-link,
@@ -840,26 +818,87 @@
840
818
  [class*="rs-overline"] .rs-link,
841
819
  [class*="rs-subtitle-1"] .rs-link,
842
820
  [class*="rs-subtitle-2"] .rs-link{
843
- padding-bottom:0;
844
821
  border-bottom-width:2px;
845
822
  }
846
823
  .rs-link_external:after{
847
824
  content:'\2197';
848
825
  display:inline;
849
- margin-right:-0.1em;
826
+ margin-right:0;
850
827
  margin-left:0;
851
828
  }
852
- .rs-link_mode_standalone{
829
+ .rs-link_mode_classic{
853
830
  --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
854
- --rs-link-standalone-border-offset:1.3em;
855
- border-bottom-color:transparent;
856
- background-image:none;
857
- background-size:initial;
858
- background-repeat:initial;
859
- background-position:initial;
831
+ --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(25,25,28,0.4));
832
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
833
+ border-bottom-color:rgba(25,25,28,0.4);
834
+ border-bottom-color:var(--rs-underline-color);
835
+ }
836
+ .rs-link_mode_classic:hover{
837
+ color:#19191C;
838
+ color:var(--rs-link-color-hover);
839
+ border-bottom-color:#19191C;
840
+ border-bottom-color:var(--rs-underline-color-hover);
841
+ border-bottom-width:2px;
842
+ padding-bottom:0;
843
+ }
844
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
845
+ border-bottom-width:5px;
846
+ }
847
+ @media screen and (max-width: 1000px){
848
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
849
+ border-bottom-width:4px
850
+ }
851
+ }
852
+ @media screen and (max-width: 640px){
853
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
854
+ border-bottom-width:3px
855
+ }
856
+ }
857
+ [class*="rs-hero"] .rs-link_mode_classic:hover{
858
+ border-bottom-width:4px;
859
+ }
860
+ @media screen and (max-width: 640px){
861
+ [class*="rs-hero"] .rs-link_mode_classic:hover{
862
+ border-bottom-width:3px
863
+ }
864
+ }
865
+ [class*="rs-h1"] .rs-link_mode_classic:hover, [class*="rs-h2"] .rs-link_mode_classic:hover, [class*="rs-h3"] .rs-link_mode_classic:hover, [class*="rs-h4"] .rs-link_mode_classic:hover, [class*="rs-h5"] .rs-link_mode_classic:hover, [class*="rs-overline"] .rs-link_mode_classic:hover, [class*="rs-subtitle-1"] .rs-link_mode_classic:hover, [class*="rs-subtitle-2"] .rs-link_mode_classic:hover{
866
+ border-bottom-width:3px;
867
+ }
868
+ .rs-link_mode_rock{
869
+ --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #FFFFFF);
870
+ --rs-underline-color:var(--rs-typography-color-pale, #19191C);
871
+ border-bottom-color:#19191C;
872
+ border-bottom-color:var(--rs-underline-color);
873
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
874
+ background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
875
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
876
+ background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
877
+ background-size:auto 0;
878
+ background-repeat:repeat-x;
879
+ background-position:left calc(100% + 4px);
880
+ -webkit-transition:background-size 300ms, color 300ms;
881
+ transition:background-size 300ms, color 300ms;
882
+ }
883
+ @media all and (-ms-high-contrast: none){
884
+ .rs-link_mode_rock{
860
885
  -webkit-transition:none;
861
886
  transition:none;
862
887
  }
888
+ }
889
+ .rs-link_mode_rock:hover{
890
+ color:#FFFFFF;
891
+ color:var(--rs-link-color-hover);
892
+ background-size:auto calc(100% + 4px);
893
+ }
894
+ .rs-link_mode_standalone{
895
+ --rs-link-standalone-border-offset:1.15em;
896
+ --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
897
+ --rs-underline-color:transparent;
898
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
899
+ border-bottom-color:transparent;
900
+ border-bottom-color:var(--rs-underline-color);
901
+ }
863
902
  .rs-link_mode_standalone:after{
864
903
  content:'\2192';
865
904
  display:inline;
@@ -872,13 +911,13 @@
872
911
  color:#19191C;
873
912
  color:var(--rs-link-color-hover);
874
913
  border-bottom-color:#19191C;
875
- border-bottom-color:var(--rs-underline-color);
876
- -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.3em), transparent 1.3em) 1;
877
- border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.3em, transparent)) 1;
878
- border-image:linear-gradient(to right, #19191C calc(100% - 1.3em), transparent 1.3em) 1;
879
- -o-border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
880
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
881
- border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
914
+ border-bottom-color:var(--rs-underline-color-hover);
915
+ -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
916
+ border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
917
+ border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
918
+ -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;
919
+ border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
920
+ 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;
882
921
  }
883
922
  .rs-link_mode_standalone:hover:after{
884
923
  margin-right:0;
@@ -888,27 +927,40 @@
888
927
  [class*="rs-hero"] .rs-link_mode_standalone,
889
928
  [class*="rs-h1"] .rs-link_mode_standalone,
890
929
  [class*="rs-h2"] .rs-link_mode_standalone{
891
- --rs-link-standalone-border-offset:1.15em;
930
+ --rs-link-standalone-border-offset:1.12em;
931
+ }
932
+ [class*="rs-overline"] .rs-link_mode_standalone{
933
+ --rs-link-standalone-border-offset:1.3em;
892
934
  }
935
+ .rs-link_mode_standalone.rs-link_external{
936
+ --rs-link-standalone-border-offset:1.02em;
937
+ }
893
938
  .rs-link_mode_standalone.rs-link_external:after{
894
939
  content:'\2197';
895
940
  }
941
+ [class*="rs-super-hero"] .rs-link_mode_standalone.rs-link_external,
942
+ [class*="rs-hero"] .rs-link_mode_standalone.rs-link_external,
943
+ [class*="rs-h1"] .rs-link_mode_standalone.rs-link_external,
944
+ [class*="rs-h2"] .rs-link_mode_standalone.rs-link_external{
945
+ --rs-link-standalone-border-offset:1em;
946
+ }
947
+ [class*="rs-overline"] .rs-link_mode_standalone.rs-link_external{
948
+ --rs-link-standalone-border-offset:1.15em;
949
+ }
896
950
  .rs-link_mode_clear{
897
951
  --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
898
952
  --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
953
+ --rs-underline-color:transparent;
954
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
899
955
  border-bottom-color:transparent;
900
- background-image:none;
901
- background-size:initial;
902
- background-repeat:initial;
903
- background-position:initial;
904
- -webkit-transition:none;
905
- transition:none;
956
+ border-bottom-color:var(--rs-underline-color);
906
957
  color:rgba(25,25,28,0.7);
907
958
  color:var(--rs-link-color);
908
959
  }
909
960
  .rs-link_mode_clear:hover{
910
961
  border-bottom-color:#19191C;
911
- border-bottom-color:var(--rs-underline-color);
962
+ border-bottom-color:var(--rs-underline-color-hover);
963
+
912
964
  color:#19191C;
913
965
  color:var(--rs-link-color-hover);
914
966
  }
@@ -923,26 +975,14 @@
923
975
  }
924
976
  .rs-link_theme_dark{
925
977
  --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
926
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #19191C);
927
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
928
978
  color:#FFFFFF;
929
979
  color:var(--rs-link-color);
930
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
931
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
932
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
933
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
934
- border-bottom-color:#FFFFFF;
935
- border-bottom-color:var(--rs-underline-color);
936
980
  }
937
981
  .rs-link_theme_dark:active,
938
982
  .rs-link_theme_dark:focus{
939
983
  color:#FFFFFF;
940
984
  color:var(--rs-link-color);
941
985
  }
942
- .rs-link_theme_dark:hover{
943
- color:#19191C;
944
- color:var(--rs-link-color-hover);
945
- }
946
986
  .rs-link_theme_dark:focus[data-focus-method='key']{
947
987
  -webkit-box-shadow:#428ad2 0 0 0 4px;
948
988
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
@@ -951,35 +991,53 @@
951
991
  }
952
992
  [class*='_theme_dark'] .rs-link_theme_auto{
953
993
  --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
954
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #19191C);
955
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
956
994
  color:#FFFFFF;
957
995
  color:var(--rs-link-color);
958
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
959
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
960
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
961
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
962
- border-bottom-color:#FFFFFF;
963
- border-bottom-color:var(--rs-underline-color);
964
996
  }
965
997
  [class*='_theme_dark'] .rs-link_theme_auto:active,
966
998
  [class*='_theme_dark'] .rs-link_theme_auto:focus{
967
999
  color:#FFFFFF;
968
1000
  color:var(--rs-link-color);
969
1001
  }
970
- [class*='_theme_dark'] .rs-link_theme_auto:hover{
971
- color:#19191C;
972
- color:var(--rs-link-color-hover);
973
- }
974
1002
  [class*='_theme_dark'] .rs-link_theme_auto:focus[data-focus-method='key']{
975
1003
  -webkit-box-shadow:#428ad2 0 0 0 4px;
976
1004
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
977
1005
  box-shadow:#428ad2 0 0 0 4px;
978
1006
  box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
979
1007
  }
1008
+ .rs-link_theme_dark.rs-link_mode_classic,
1009
+ [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_classic{
1010
+ --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1011
+ --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(255,255,255,0.4));
1012
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1013
+ border-bottom-color:rgba(255,255,255,0.4);
1014
+ border-bottom-color:var(--rs-underline-color);
1015
+ }
1016
+ .rs-link_theme_dark.rs-link_mode_classic:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_classic:hover{
1017
+ color:#FFFFFF;
1018
+ color:var(--rs-link-color-hover);
1019
+ border-bottom-color:#FFFFFF;
1020
+ border-bottom-color:var(--rs-underline-color-hover);
1021
+ }
1022
+ .rs-link_theme_dark.rs-link_mode_rock,
1023
+ [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_rock{
1024
+ --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #19191C);
1025
+ --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
1026
+ border-bottom-color:#FFFFFF;
1027
+ border-bottom-color:var(--rs-underline-color);
1028
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
1029
+ background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
1030
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1031
+ background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1032
+ }
1033
+ .rs-link_theme_dark.rs-link_mode_rock:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_rock:hover{
1034
+ color:#19191C;
1035
+ color:var(--rs-link-color-hover);
1036
+ }
980
1037
  .rs-link_theme_dark.rs-link_mode_standalone,
981
1038
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_standalone{
982
1039
  --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1040
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
983
1041
  background-image:none;
984
1042
  border-bottom-color:transparent;
985
1043
  }
@@ -987,28 +1045,27 @@
987
1045
  color:#FFFFFF;
988
1046
  color:var(--rs-link-color-hover);
989
1047
  border-bottom-color:#FFFFFF;
990
- border-bottom-color:var(--rs-underline-color);
1048
+ border-bottom-color:var(--rs-underline-color-hover);
991
1049
  -o-border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
992
1050
  border-image:-webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(1.3em, transparent)) 1;
993
1051
  border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
994
- -o-border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
995
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
996
- border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1052
+ -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;
1053
+ border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1054
+ 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;
997
1055
  }
998
1056
  .rs-link_theme_dark.rs-link_mode_clear,
999
1057
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear{
1000
1058
  --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
1001
1059
  --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1002
- background-image:none;
1003
- border-bottom-color:transparent;
1060
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1004
1061
  color:rgba(255,255,255,0.7);
1005
1062
  color:var(--rs-link-color);
1006
1063
  }
1007
1064
  .rs-link_theme_dark.rs-link_mode_clear:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear:hover{
1008
- border-bottom-color:#FFFFFF;
1009
- border-bottom-color:var(--rs-underline-color);
1010
1065
  color:#FFFFFF;
1011
1066
  color:var(--rs-link-color-hover);
1067
+ border-bottom-color:#FFFFFF;
1068
+ border-bottom-color:var(--rs-underline-color-hover);
1012
1069
  }
1013
1070
  .rs-link_theme_dark.rs-link_hardness_hard,
1014
1071
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_hardness_hard{