@spectrum-web-components/styles 0.23.3 → 0.24.1-overlay.10

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