@alfalab/core-components-tabs 8.12.13 → 8.12.15

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 (66) hide show
  1. package/components/primary-tablist/Component.collapsible.js +1 -1
  2. package/components/primary-tablist/Component.desktop.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +2 -2
  4. package/components/primary-tablist/index.css +136 -133
  5. package/components/primary-tablist/mobile.css +228 -222
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +16 -13
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +10 -7
  10. package/components/secondary-tablist/Component.desktop.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +2 -2
  12. package/components/secondary-tablist/index.css +21 -18
  13. package/components/secondary-tablist/mobile.css +28 -22
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/cssm/components/primary-tablist/index.module.css +4 -1
  17. package/cssm/components/primary-tablist/mobile.module.css +4 -1
  18. package/cssm/components/primary-tablist/text-styles.module.css +3 -0
  19. package/cssm/components/scroll-controls/index.module.css +4 -1
  20. package/cssm/components/scrollable-container/index.module.css +4 -1
  21. package/cssm/components/secondary-tablist/index.module.css +4 -1
  22. package/cssm/components/secondary-tablist/mobile.module.css +3 -0
  23. package/cssm/vars.css +3 -0
  24. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/index.css +136 -133
  28. package/esm/components/primary-tablist/mobile.css +228 -222
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +16 -13
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +10 -7
  33. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  34. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  35. package/esm/components/secondary-tablist/index.css +21 -18
  36. package/esm/components/secondary-tablist/mobile.css +28 -22
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-16bae520.js +4 -0
  40. package/esm/index.module-40c32649.js +4 -0
  41. package/index.module-4b4ee9b2.js +6 -0
  42. package/index.module-5cca2373.js +6 -0
  43. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  44. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  45. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  46. package/modern/components/primary-tablist/index.css +136 -133
  47. package/modern/components/primary-tablist/mobile.css +228 -222
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +16 -13
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +10 -7
  52. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/secondary-tablist/index.css +21 -18
  55. package/modern/components/secondary-tablist/mobile.css +28 -22
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-7ddaa497.js +4 -0
  59. package/modern/index.module-f47cfdb1.js +4 -0
  60. package/package.json +7 -7
  61. package/esm/index.module-388a5df0.js +0 -4
  62. package/esm/index.module-c0410ad5.js +0 -4
  63. package/index.module-0532cc2b.js +0 -6
  64. package/index.module-f58cf703.js +0 -6
  65. package/modern/index.module-58c8eb91.js +0 -4
  66. package/modern/index.module-d628932e.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 5ojhj */
1
+ /* hash: 14dht */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  }/* deprecated */:root {
4
4
  --color-light-accent-primary: #ef3124;
@@ -30,7 +30,10 @@
30
30
  --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
31
31
 
32
32
  /* новые значения, используйте их */
33
- --gap-0: 0;
33
+
34
+ /* no-unit может приводить к проблемам в calc (#1559) */
35
+ /* stylelint-disable-next-line length-zero-no-unit */
36
+ --gap-0: 0px;
34
37
  --gap-4: var(--gap-2xs);
35
38
  --gap-8: var(--gap-xs);
36
39
  --gap-12: var(--gap-s);
@@ -105,11 +108,11 @@
105
108
  /* size l */
106
109
 
107
110
  /* size xl */
108
- }.tabs__component_1d792 {
111
+ }.tabs__component_rt664 {
109
112
  position: relative;
110
113
  display: inline-flex;
111
114
  min-width: 100%
112
- }.tabs__component_1d792:before {
115
+ }.tabs__component_rt664:before {
113
116
  content: '';
114
117
  display: block;
115
118
  position: absolute;
@@ -117,273 +120,273 @@
117
120
  height: 1px;
118
121
  width: 100%;
119
122
  background-color: var(--primary-tablist-bottom-border-color);
120
- }.tabs__desktop_1d792.paragraph-primary-large .title {
123
+ }.tabs__desktop_rt664.paragraph-primary-large .title {
121
124
  font-size: 18px;
122
125
  line-height: 24px;
123
126
  font-weight: 400;
124
- }.tabs__desktop_1d792.paragraph-primary-medium .title {
127
+ }.tabs__desktop_rt664.paragraph-primary-medium .title {
125
128
  font-size: 16px;
126
129
  line-height: 24px;
127
130
  font-weight: 400;
128
- }.tabs__desktop_1d792.paragraph-primary-small .title {
131
+ }.tabs__desktop_rt664.paragraph-primary-small .title {
129
132
  font-size: 14px;
130
133
  line-height: 20px;
131
134
  font-weight: 400;
132
- }.tabs__desktop_1d792.action-primary-large .title {
135
+ }.tabs__desktop_rt664.action-primary-large .title {
133
136
  font-size: 18px;
134
137
  line-height: 24px;
135
138
  font-weight: 500;
136
- }.tabs__desktop_1d792.action-primary-medium .title {
139
+ }.tabs__desktop_rt664.action-primary-medium .title {
137
140
  font-size: 16px;
138
141
  line-height: 24px;
139
142
  font-weight: 500;
140
- }.tabs__desktop_1d792.action-primary-small .title {
143
+ }.tabs__desktop_rt664.action-primary-small .title {
141
144
  font-size: 14px;
142
145
  line-height: 20px;
143
146
  font-weight: 500;
144
- }.tabs__desktop_1d792.accent-primary-large .title {
147
+ }.tabs__desktop_rt664.accent-primary-large .title {
145
148
  font-size: 18px;
146
149
  line-height: 24px;
147
150
  font-weight: 700;
148
- }.tabs__desktop_1d792.accent-primary-medium .title {
151
+ }.tabs__desktop_rt664.accent-primary-medium .title {
149
152
  font-size: 16px;
150
153
  line-height: 24px;
151
154
  font-weight: 700;
152
- }.tabs__desktop_1d792.accent-primary-small .title {
155
+ }.tabs__desktop_rt664.accent-primary-small .title {
153
156
  font-size: 14px;
154
157
  line-height: 20px;
155
158
  font-weight: 700;
156
- }.tabs__desktop_1d792.paragraph-primary-large .title, .tabs__desktop_1d792.paragraph-primary-medium .title, .tabs__desktop_1d792.accent-primary-large .title, .tabs__desktop_1d792.accent-primary-medium .title, .tabs__desktop_1d792.action-primary-large .title, .tabs__desktop_1d792.action-primary-medium .title {
159
+ }.tabs__desktop_rt664.paragraph-primary-large .title, .tabs__desktop_rt664.paragraph-primary-medium .title, .tabs__desktop_rt664.accent-primary-large .title, .tabs__desktop_rt664.accent-primary-medium .title, .tabs__desktop_rt664.action-primary-large .title, .tabs__desktop_rt664.action-primary-medium .title {
157
160
  padding-bottom: calc(24px / 2);
158
- }.tabs__desktop_1d792.paragraph-primary-large .title + .title,
159
- .tabs__desktop_1d792.paragraph-primary-large .pickerWrapper,
160
- .tabs__desktop_1d792.paragraph-primary-medium .title + .title,
161
- .tabs__desktop_1d792.paragraph-primary-medium .pickerWrapper,
162
- .tabs__desktop_1d792.accent-primary-large .title + .title,
163
- .tabs__desktop_1d792.accent-primary-large .pickerWrapper,
164
- .tabs__desktop_1d792.accent-primary-medium .title + .title,
165
- .tabs__desktop_1d792.accent-primary-medium .pickerWrapper,
166
- .tabs__desktop_1d792.action-primary-large .title + .title,
167
- .tabs__desktop_1d792.action-primary-large .pickerWrapper,
168
- .tabs__desktop_1d792.action-primary-medium .title + .title,
169
- .tabs__desktop_1d792.action-primary-medium .pickerWrapper {
161
+ }.tabs__desktop_rt664.paragraph-primary-large .title + .title,
162
+ .tabs__desktop_rt664.paragraph-primary-large .pickerWrapper,
163
+ .tabs__desktop_rt664.paragraph-primary-medium .title + .title,
164
+ .tabs__desktop_rt664.paragraph-primary-medium .pickerWrapper,
165
+ .tabs__desktop_rt664.accent-primary-large .title + .title,
166
+ .tabs__desktop_rt664.accent-primary-large .pickerWrapper,
167
+ .tabs__desktop_rt664.accent-primary-medium .title + .title,
168
+ .tabs__desktop_rt664.accent-primary-medium .pickerWrapper,
169
+ .tabs__desktop_rt664.action-primary-large .title + .title,
170
+ .tabs__desktop_rt664.action-primary-large .pickerWrapper,
171
+ .tabs__desktop_rt664.action-primary-medium .title + .title,
172
+ .tabs__desktop_rt664.action-primary-medium .pickerWrapper {
170
173
  margin-left: 24px;
171
- }.tabs__desktop_1d792.paragraph-primary-large .option, .tabs__desktop_1d792.paragraph-primary-medium .option, .tabs__desktop_1d792.accent-primary-large .option, .tabs__desktop_1d792.accent-primary-medium .option, .tabs__desktop_1d792.action-primary-large .option, .tabs__desktop_1d792.action-primary-medium .option {
174
+ }.tabs__desktop_rt664.paragraph-primary-large .option, .tabs__desktop_rt664.paragraph-primary-medium .option, .tabs__desktop_rt664.accent-primary-large .option, .tabs__desktop_rt664.accent-primary-medium .option, .tabs__desktop_rt664.action-primary-large .option, .tabs__desktop_rt664.action-primary-medium .option {
172
175
  padding: var(--gap-0);
173
- }.tabs__desktop_1d792.paragraph-primary-large .scrollControls > button, .tabs__desktop_1d792.paragraph-primary-medium .scrollControls > button, .tabs__desktop_1d792.accent-primary-large .scrollControls > button, .tabs__desktop_1d792.accent-primary-medium .scrollControls > button, .tabs__desktop_1d792.action-primary-large .scrollControls > button, .tabs__desktop_1d792.action-primary-medium .scrollControls > button {
176
+ }.tabs__desktop_rt664.paragraph-primary-large .scrollControls > button, .tabs__desktop_rt664.paragraph-primary-medium .scrollControls > button, .tabs__desktop_rt664.accent-primary-large .scrollControls > button, .tabs__desktop_rt664.accent-primary-medium .scrollControls > button, .tabs__desktop_rt664.action-primary-large .scrollControls > button, .tabs__desktop_rt664.action-primary-medium .scrollControls > button {
174
177
  box-sizing: content-box;
175
178
  width: 24px;
176
179
  height: 24px;
177
180
  padding: var(--gap-0);
178
- }.tabs__desktop_1d792.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_1d792.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_1d792.accent-primary-large .scrollControls button:first-child, .tabs__desktop_1d792.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_1d792.action-primary-large .scrollControls button:first-child, .tabs__desktop_1d792.action-primary-medium .scrollControls button:first-child {
181
+ }.tabs__desktop_rt664.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_rt664.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_rt664.accent-primary-large .scrollControls button:first-child, .tabs__desktop_rt664.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_rt664.action-primary-large .scrollControls button:first-child, .tabs__desktop_rt664.action-primary-medium .scrollControls button:first-child {
179
182
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
180
- }.tabs__desktop_1d792.paragraph-primary-small .title, .tabs__desktop_1d792.accent-primary-small .title, .tabs__desktop_1d792.action-primary-small .title {
183
+ }.tabs__desktop_rt664.paragraph-primary-small .title, .tabs__desktop_rt664.accent-primary-small .title, .tabs__desktop_rt664.action-primary-small .title {
181
184
  padding-bottom: calc(20px / 2);
182
- }.tabs__desktop_1d792.paragraph-primary-small .title + .title,
183
- .tabs__desktop_1d792.paragraph-primary-small .pickerWrapper,
184
- .tabs__desktop_1d792.accent-primary-small .title + .title,
185
- .tabs__desktop_1d792.accent-primary-small .pickerWrapper,
186
- .tabs__desktop_1d792.action-primary-small .title + .title,
187
- .tabs__desktop_1d792.action-primary-small .pickerWrapper {
185
+ }.tabs__desktop_rt664.paragraph-primary-small .title + .title,
186
+ .tabs__desktop_rt664.paragraph-primary-small .pickerWrapper,
187
+ .tabs__desktop_rt664.accent-primary-small .title + .title,
188
+ .tabs__desktop_rt664.accent-primary-small .pickerWrapper,
189
+ .tabs__desktop_rt664.action-primary-small .title + .title,
190
+ .tabs__desktop_rt664.action-primary-small .pickerWrapper {
188
191
  margin-left: 20px;
189
- }.tabs__desktop_1d792.paragraph-primary-small .option, .tabs__desktop_1d792.accent-primary-small .option, .tabs__desktop_1d792.action-primary-small .option {
192
+ }.tabs__desktop_rt664.paragraph-primary-small .option, .tabs__desktop_rt664.accent-primary-small .option, .tabs__desktop_rt664.action-primary-small .option {
190
193
  padding: var(--gap-0);
191
- }.tabs__desktop_1d792.paragraph-primary-small .scrollControls > button, .tabs__desktop_1d792.accent-primary-small .scrollControls > button, .tabs__desktop_1d792.action-primary-small .scrollControls > button {
194
+ }.tabs__desktop_rt664.paragraph-primary-small .scrollControls > button, .tabs__desktop_rt664.accent-primary-small .scrollControls > button, .tabs__desktop_rt664.action-primary-small .scrollControls > button {
192
195
  box-sizing: content-box;
193
196
  width: 20px;
194
197
  height: 20px;
195
198
  padding: var(--gap-0);
196
- }.tabs__desktop_1d792.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_1d792.accent-primary-small .scrollControls button:first-child, .tabs__desktop_1d792.action-primary-small .scrollControls button:first-child {
199
+ }.tabs__desktop_rt664.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_rt664.accent-primary-small .scrollControls button:first-child, .tabs__desktop_rt664.action-primary-small .scrollControls button:first-child {
197
200
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
198
- }.tabs__desktop_1d792.headline-system-xlarge .title {
201
+ }.tabs__desktop_rt664.headline-system-xlarge .title {
199
202
  font-size: 48px;
200
203
  line-height: 52px;
201
204
  font-weight: 700;
202
- }.tabs__desktop_1d792.headline-system-large .title {
205
+ }.tabs__desktop_rt664.headline-system-large .title {
203
206
  font-size: 40px;
204
207
  line-height: 48px;
205
208
  font-weight: 700;
206
- }.tabs__desktop_1d792.headline-system-medium .title {
209
+ }.tabs__desktop_rt664.headline-system-medium .title {
207
210
  font-size: 30px;
208
211
  line-height: 36px;
209
212
  font-weight: 700;
210
- }.tabs__desktop_1d792.headline-system-small .title {
213
+ }.tabs__desktop_rt664.headline-system-small .title {
211
214
  font-size: 22px;
212
215
  line-height: 26px;
213
216
  font-weight: 700;
214
- }.tabs__desktop_1d792.headline-system-xsmall .title {
217
+ }.tabs__desktop_rt664.headline-system-xsmall .title {
215
218
  font-size: 18px;
216
219
  line-height: 22px;
217
220
  font-weight: 700;
218
- }.tabs__desktop_1d792.headline-xlarge .title {
221
+ }.tabs__desktop_rt664.headline-xlarge .title {
219
222
  font-size: 48px;
220
223
  line-height: 64px;
221
224
  font-weight: 500;
222
225
  font-feature-settings: 'ss01';
223
226
  font-family: var(--font-family-styrene);
224
- }.tabs__desktop_1d792.headline-large .title {
227
+ }.tabs__desktop_rt664.headline-large .title {
225
228
  font-size: 40px;
226
229
  line-height: 48px;
227
230
  font-weight: 500;
228
231
  font-feature-settings: 'ss01';
229
232
  font-family: var(--font-family-styrene);
230
- }.tabs__desktop_1d792.headline-medium .title {
233
+ }.tabs__desktop_rt664.headline-medium .title {
231
234
  font-size: 32px;
232
235
  line-height: 40px;
233
236
  font-weight: 500;
234
237
  font-feature-settings: 'ss01';
235
238
  font-family: var(--font-family-styrene);
236
- }.tabs__desktop_1d792.headline-small .title {
239
+ }.tabs__desktop_rt664.headline-small .title {
237
240
  font-size: 24px;
238
241
  line-height: 32px;
239
242
  font-weight: 500;
240
243
  font-feature-settings: 'ss01';
241
244
  font-family: var(--font-family-styrene);
242
- }.tabs__desktop_1d792.headline-xsmall .title {
245
+ }.tabs__desktop_rt664.headline-xsmall .title {
243
246
  font-size: 20px;
244
247
  line-height: 24px;
245
248
  font-weight: 500;
246
249
  font-feature-settings: 'ss01';
247
250
  font-family: var(--font-family-styrene);
248
- }.tabs__desktop_1d792.headline-system-xlarge .title {
251
+ }.tabs__desktop_rt664.headline-system-xlarge .title {
249
252
  padding-bottom: calc(52px / 2);
250
- }.tabs__desktop_1d792.headline-system-xlarge .title + .title,
251
- .tabs__desktop_1d792.headline-system-xlarge .pickerWrapper {
253
+ }.tabs__desktop_rt664.headline-system-xlarge .title + .title,
254
+ .tabs__desktop_rt664.headline-system-xlarge .pickerWrapper {
252
255
  margin-left: 52px;
253
- }.tabs__desktop_1d792.headline-system-xlarge .option {
256
+ }.tabs__desktop_rt664.headline-system-xlarge .option {
254
257
  padding: var(--gap-0);
255
- }.tabs__desktop_1d792.headline-system-xlarge .scrollControls > button {
258
+ }.tabs__desktop_rt664.headline-system-xlarge .scrollControls > button {
256
259
  box-sizing: content-box;
257
260
  width: 52px;
258
261
  height: 52px;
259
262
  padding: var(--gap-0);
260
- }.tabs__desktop_1d792.headline-system-xlarge .scrollControls button:first-child {
263
+ }.tabs__desktop_rt664.headline-system-xlarge .scrollControls button:first-child {
261
264
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
262
- }.tabs__desktop_1d792.headline-system-large .title, .tabs__desktop_1d792.headline-large .title {
265
+ }.tabs__desktop_rt664.headline-system-large .title, .tabs__desktop_rt664.headline-large .title {
263
266
  padding-bottom: calc(48px / 2);
264
- }.tabs__desktop_1d792.headline-system-large .title + .title,
265
- .tabs__desktop_1d792.headline-system-large .pickerWrapper,
266
- .tabs__desktop_1d792.headline-large .title + .title,
267
- .tabs__desktop_1d792.headline-large .pickerWrapper {
267
+ }.tabs__desktop_rt664.headline-system-large .title + .title,
268
+ .tabs__desktop_rt664.headline-system-large .pickerWrapper,
269
+ .tabs__desktop_rt664.headline-large .title + .title,
270
+ .tabs__desktop_rt664.headline-large .pickerWrapper {
268
271
  margin-left: 48px;
269
- }.tabs__desktop_1d792.headline-system-large .option, .tabs__desktop_1d792.headline-large .option {
272
+ }.tabs__desktop_rt664.headline-system-large .option, .tabs__desktop_rt664.headline-large .option {
270
273
  padding: var(--gap-0);
271
- }.tabs__desktop_1d792.headline-system-large .scrollControls > button, .tabs__desktop_1d792.headline-large .scrollControls > button {
274
+ }.tabs__desktop_rt664.headline-system-large .scrollControls > button, .tabs__desktop_rt664.headline-large .scrollControls > button {
272
275
  box-sizing: content-box;
273
276
  width: 48px;
274
277
  height: 48px;
275
278
  padding: var(--gap-0);
276
- }.tabs__desktop_1d792.headline-system-large .scrollControls button:first-child, .tabs__desktop_1d792.headline-large .scrollControls button:first-child {
279
+ }.tabs__desktop_rt664.headline-system-large .scrollControls button:first-child, .tabs__desktop_rt664.headline-large .scrollControls button:first-child {
277
280
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
278
- }.tabs__desktop_1d792.headline-system-medium .title {
281
+ }.tabs__desktop_rt664.headline-system-medium .title {
279
282
  padding-bottom: calc(36px / 2);
280
- }.tabs__desktop_1d792.headline-system-medium .title + .title,
281
- .tabs__desktop_1d792.headline-system-medium .pickerWrapper {
283
+ }.tabs__desktop_rt664.headline-system-medium .title + .title,
284
+ .tabs__desktop_rt664.headline-system-medium .pickerWrapper {
282
285
  margin-left: 36px;
283
- }.tabs__desktop_1d792.headline-system-medium .option {
286
+ }.tabs__desktop_rt664.headline-system-medium .option {
284
287
  padding: var(--gap-0);
285
- }.tabs__desktop_1d792.headline-system-medium .scrollControls > button {
288
+ }.tabs__desktop_rt664.headline-system-medium .scrollControls > button {
286
289
  box-sizing: content-box;
287
290
  width: 36px;
288
291
  height: 36px;
289
292
  padding: var(--gap-0);
290
- }.tabs__desktop_1d792.headline-system-medium .scrollControls button:first-child {
293
+ }.tabs__desktop_rt664.headline-system-medium .scrollControls button:first-child {
291
294
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
292
- }.tabs__desktop_1d792.headline-system-small .title {
295
+ }.tabs__desktop_rt664.headline-system-small .title {
293
296
  padding-bottom: calc(26px / 2);
294
- }.tabs__desktop_1d792.headline-system-small .title + .title,
295
- .tabs__desktop_1d792.headline-system-small .pickerWrapper {
297
+ }.tabs__desktop_rt664.headline-system-small .title + .title,
298
+ .tabs__desktop_rt664.headline-system-small .pickerWrapper {
296
299
  margin-left: 26px;
297
- }.tabs__desktop_1d792.headline-system-small .option {
300
+ }.tabs__desktop_rt664.headline-system-small .option {
298
301
  padding: var(--gap-0);
299
- }.tabs__desktop_1d792.headline-system-small .scrollControls > button {
302
+ }.tabs__desktop_rt664.headline-system-small .scrollControls > button {
300
303
  box-sizing: content-box;
301
304
  width: 26px;
302
305
  height: 26px;
303
306
  padding: var(--gap-0);
304
- }.tabs__desktop_1d792.headline-system-small .scrollControls button:first-child {
307
+ }.tabs__desktop_rt664.headline-system-small .scrollControls button:first-child {
305
308
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
306
- }.tabs__desktop_1d792.headline-system-xsmall .title {
309
+ }.tabs__desktop_rt664.headline-system-xsmall .title {
307
310
  padding-bottom: calc(22px / 2);
308
- }.tabs__desktop_1d792.headline-system-xsmall .title + .title,
309
- .tabs__desktop_1d792.headline-system-xsmall .pickerWrapper {
311
+ }.tabs__desktop_rt664.headline-system-xsmall .title + .title,
312
+ .tabs__desktop_rt664.headline-system-xsmall .pickerWrapper {
310
313
  margin-left: 22px;
311
- }.tabs__desktop_1d792.headline-system-xsmall .option {
314
+ }.tabs__desktop_rt664.headline-system-xsmall .option {
312
315
  padding: var(--gap-0);
313
- }.tabs__desktop_1d792.headline-system-xsmall .scrollControls > button {
316
+ }.tabs__desktop_rt664.headline-system-xsmall .scrollControls > button {
314
317
  box-sizing: content-box;
315
318
  width: 22px;
316
319
  height: 22px;
317
320
  padding: var(--gap-0);
318
- }.tabs__desktop_1d792.headline-system-xsmall .scrollControls button:first-child {
321
+ }.tabs__desktop_rt664.headline-system-xsmall .scrollControls button:first-child {
319
322
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
320
- }.tabs__desktop_1d792.headline-xlarge .title {
323
+ }.tabs__desktop_rt664.headline-xlarge .title {
321
324
  padding-bottom: calc(64px / 2);
322
- }.tabs__desktop_1d792.headline-xlarge .title + .title,
323
- .tabs__desktop_1d792.headline-xlarge .pickerWrapper {
325
+ }.tabs__desktop_rt664.headline-xlarge .title + .title,
326
+ .tabs__desktop_rt664.headline-xlarge .pickerWrapper {
324
327
  margin-left: 64px;
325
- }.tabs__desktop_1d792.headline-xlarge .option {
328
+ }.tabs__desktop_rt664.headline-xlarge .option {
326
329
  padding: var(--gap-0);
327
- }.tabs__desktop_1d792.headline-xlarge .scrollControls > button {
330
+ }.tabs__desktop_rt664.headline-xlarge .scrollControls > button {
328
331
  box-sizing: content-box;
329
332
  width: 64px;
330
333
  height: 64px;
331
334
  padding: var(--gap-0);
332
- }.tabs__desktop_1d792.headline-xlarge .scrollControls button:first-child {
335
+ }.tabs__desktop_rt664.headline-xlarge .scrollControls button:first-child {
333
336
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
334
- }.tabs__desktop_1d792.headline-medium .title {
337
+ }.tabs__desktop_rt664.headline-medium .title {
335
338
  padding-bottom: calc(40px / 2);
336
- }.tabs__desktop_1d792.headline-medium .title + .title,
337
- .tabs__desktop_1d792.headline-medium .pickerWrapper {
339
+ }.tabs__desktop_rt664.headline-medium .title + .title,
340
+ .tabs__desktop_rt664.headline-medium .pickerWrapper {
338
341
  margin-left: 40px;
339
- }.tabs__desktop_1d792.headline-medium .option {
342
+ }.tabs__desktop_rt664.headline-medium .option {
340
343
  padding: var(--gap-0);
341
- }.tabs__desktop_1d792.headline-medium .scrollControls > button {
344
+ }.tabs__desktop_rt664.headline-medium .scrollControls > button {
342
345
  box-sizing: content-box;
343
346
  width: 40px;
344
347
  height: 40px;
345
348
  padding: var(--gap-0);
346
- }.tabs__desktop_1d792.headline-medium .scrollControls button:first-child {
349
+ }.tabs__desktop_rt664.headline-medium .scrollControls button:first-child {
347
350
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
348
- }.tabs__desktop_1d792.headline-small .title {
351
+ }.tabs__desktop_rt664.headline-small .title {
349
352
  padding-bottom: calc(32px / 2);
350
- }.tabs__desktop_1d792.headline-small .title + .title,
351
- .tabs__desktop_1d792.headline-small .pickerWrapper {
353
+ }.tabs__desktop_rt664.headline-small .title + .title,
354
+ .tabs__desktop_rt664.headline-small .pickerWrapper {
352
355
  margin-left: 32px;
353
- }.tabs__desktop_1d792.headline-small .option {
356
+ }.tabs__desktop_rt664.headline-small .option {
354
357
  padding: var(--gap-0);
355
- }.tabs__desktop_1d792.headline-small .scrollControls > button {
358
+ }.tabs__desktop_rt664.headline-small .scrollControls > button {
356
359
  box-sizing: content-box;
357
360
  width: 32px;
358
361
  height: 32px;
359
362
  padding: var(--gap-0);
360
- }.tabs__desktop_1d792.headline-small .scrollControls button:first-child {
363
+ }.tabs__desktop_rt664.headline-small .scrollControls button:first-child {
361
364
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
362
- }.tabs__desktop_1d792.headline-xsmall .title {
365
+ }.tabs__desktop_rt664.headline-xsmall .title {
363
366
  padding-bottom: calc(24px / 2);
364
- }.tabs__desktop_1d792.headline-xsmall .title + .title,
365
- .tabs__desktop_1d792.headline-xsmall .pickerWrapper {
367
+ }.tabs__desktop_rt664.headline-xsmall .title + .title,
368
+ .tabs__desktop_rt664.headline-xsmall .pickerWrapper {
366
369
  margin-left: 24px;
367
- }.tabs__desktop_1d792.headline-xsmall .option {
370
+ }.tabs__desktop_rt664.headline-xsmall .option {
368
371
  padding: var(--gap-0);
369
- }.tabs__desktop_1d792.headline-xsmall .scrollControls > button {
372
+ }.tabs__desktop_rt664.headline-xsmall .scrollControls > button {
370
373
  box-sizing: content-box;
371
374
  width: 24px;
372
375
  height: 24px;
373
376
  padding: var(--gap-0);
374
- }.tabs__desktop_1d792.headline-xsmall .scrollControls button:first-child {
377
+ }.tabs__desktop_rt664.headline-xsmall .scrollControls button:first-child {
375
378
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
376
- }.tabs__fullWidthScroll_1d792 {
379
+ }.tabs__fullWidthScroll_rt664 {
377
380
  min-width: calc(100% - 2 * var(--gap-16));
378
381
  margin: var(--gap-0) var(--gap-16);
379
- }.tabs__container_1d792 {
382
+ }.tabs__container_rt664 {
380
383
  position: relative;
381
384
  overflow: hidden;
382
385
 
383
386
  /* focus-outline fix */
384
387
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
385
388
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
386
- }.tabs__title_1d792 {
389
+ }.tabs__title_rt664 {
387
390
  display: flex;
388
391
  align-items: center;
389
392
  height: 100%;
@@ -399,83 +402,83 @@
399
402
  -webkit-user-select: none;
400
403
  user-select: none;
401
404
  outline: none
402
- }.tabs__title_1d792:not(:disabled):hover {
405
+ }.tabs__title_rt664:not(:disabled):hover {
403
406
  color: var(--primary-tablist-hover-color);
404
- }.tabs__focused_1d792 {
407
+ }.tabs__focused_rt664 {
405
408
  outline: 2px solid var(--focus-color);
406
409
  outline-offset: 2px;
407
- }.tabs__collapsed_1d792 {
410
+ }.tabs__collapsed_rt664 {
408
411
  order: 99;
409
412
  visibility: collapse;
410
- }.tabs__selected_1d792 {
413
+ }.tabs__selected_rt664 {
411
414
  cursor: default;
412
415
  color: var(--primary-tablist-selected-color);
413
- }.tabs__disabled_1d792 {
416
+ }.tabs__disabled_rt664 {
414
417
  cursor: var(--disabled-cursor);
415
418
  color: var(--primary-tablist-disabled-color);
416
- }.tabs__line_1d792 {
419
+ }.tabs__line_rt664 {
417
420
  position: absolute;
418
421
  height: 3px;
419
422
  bottom: var(--gap-0);
420
423
  left: var(--gap-0);
421
424
  background-color: var(--primary-tablist-line-color);
422
425
  transition: transform 0.2s ease, width 0.2s ease;
423
- }.tabs__option_1d792 {
426
+ }.tabs__option_rt664 {
424
427
  color: var(--color-light-text-primary);
425
- }/* sizes */.tabs__s_1d792 .tabs__title_1d792, .tabs__xs_1d792 .tabs__title_1d792, .tabs__xxs_1d792 .tabs__title_1d792 {
428
+ }/* sizes */.tabs__s_rt664 .tabs__title_rt664, .tabs__xs_rt664 .tabs__title_rt664, .tabs__xxs_rt664 .tabs__title_rt664 {
426
429
  padding: var(--primary-tablist-s-padding);
427
430
  font-size: var(--primary-tablist-s-font-size);
428
431
  font-weight: var(--primary-tablist-s-font-weight);
429
432
  font-family: var(--primary-tablist-s-font-family);
430
433
  line-height: 24px;
431
- }.tabs__s_1d792 .tabs__title_1d792 + .tabs__title_1d792, .tabs__xs_1d792 .tabs__title_1d792 + .tabs__title_1d792, .tabs__xxs_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
434
+ }.tabs__s_rt664 .tabs__title_rt664 + .tabs__title_rt664, .tabs__xs_rt664 .tabs__title_rt664 + .tabs__title_rt664, .tabs__xxs_rt664 .tabs__title_rt664 + .tabs__title_rt664 {
432
435
  margin-left: var(--primary-tablist-s-gaps);
433
- }.tabs__s_1d792 .tabs__pickerWrapper_1d792, .tabs__xs_1d792 .tabs__pickerWrapper_1d792, .tabs__xxs_1d792 .tabs__pickerWrapper_1d792 {
436
+ }.tabs__s_rt664 .tabs__pickerWrapper_rt664, .tabs__xs_rt664 .tabs__pickerWrapper_rt664, .tabs__xxs_rt664 .tabs__pickerWrapper_rt664 {
434
437
  margin-left: var(--primary-tablist-s-gaps);
435
- }.tabs__s_1d792 .tabs__option_1d792, .tabs__xs_1d792 .tabs__option_1d792, .tabs__xxs_1d792 .tabs__option_1d792 {
438
+ }.tabs__s_rt664 .tabs__option_rt664, .tabs__xs_rt664 .tabs__option_rt664, .tabs__xxs_rt664 .tabs__option_rt664 {
436
439
  padding: var(--gap-0);
437
- }.tabs__m_1d792 .tabs__title_1d792 {
440
+ }.tabs__m_rt664 .tabs__title_rt664 {
438
441
  padding: var(--primary-tablist-m-padding);
439
442
  font-size: var(--primary-tablist-m-font-size);
440
443
  font-weight: var(--primary-tablist-m-font-weight);
441
444
  font-family: var(--primary-tablist-m-font-family);
442
445
  line-height: 24px;
443
- }.tabs__m_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
446
+ }.tabs__m_rt664 .tabs__title_rt664 + .tabs__title_rt664 {
444
447
  margin-left: var(--primary-tablist-m-gaps);
445
- }.tabs__m_1d792 .tabs__pickerWrapper_1d792 {
448
+ }.tabs__m_rt664 .tabs__pickerWrapper_rt664 {
446
449
  margin-left: var(--primary-tablist-m-gaps);
447
- }.tabs__m_1d792 .tabs__option_1d792 {
450
+ }.tabs__m_rt664 .tabs__option_rt664 {
448
451
  padding: var(--gap-0);
449
- }.tabs__l_1d792 .tabs__title_1d792 {
452
+ }.tabs__l_rt664 .tabs__title_rt664 {
450
453
  padding: var(--primary-tablist-l-padding);
451
454
  font-size: var(--primary-tablist-l-font-size);
452
455
  font-weight: var(--primary-tablist-l-font-weight);
453
456
  font-family: var(--primary-tablist-l-font-family);
454
457
  line-height: 24px;
455
- }.tabs__l_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
458
+ }.tabs__l_rt664 .tabs__title_rt664 + .tabs__title_rt664 {
456
459
  margin-left: var(--primary-tablist-l-gaps);
457
- }.tabs__l_1d792 .tabs__pickerWrapper_1d792 {
460
+ }.tabs__l_rt664 .tabs__pickerWrapper_rt664 {
458
461
  margin-left: var(--primary-tablist-l-gaps);
459
- }.tabs__l_1d792 .tabs__option_1d792 {
462
+ }.tabs__l_rt664 .tabs__option_rt664 {
460
463
  padding: var(--gap-0);
461
- }.tabs__xl_1d792 .tabs__title_1d792 {
464
+ }.tabs__xl_rt664 .tabs__title_rt664 {
462
465
  padding: var(--primary-tablist-xl-padding);
463
466
  font-size: var(--primary-tablist-xl-font-size);
464
467
  font-weight: var(--primary-tablist-xl-font-weight);
465
468
  font-family: var(--primary-tablist-xl-font-family);
466
469
  line-height: 32px;
467
- }.tabs__xl_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
470
+ }.tabs__xl_rt664 .tabs__title_rt664 + .tabs__title_rt664 {
468
471
  margin-left: var(--primary-tablist-xl-gaps);
469
- }.tabs__xl_1d792 .tabs__pickerWrapper_1d792 {
472
+ }.tabs__xl_rt664 .tabs__pickerWrapper_rt664 {
470
473
  margin-left: var(--primary-tablist-xl-gaps);
471
- }.tabs__xl_1d792 .tabs__option_1d792 {
474
+ }.tabs__xl_rt664 .tabs__option_rt664 {
472
475
  padding: var(--gap-0);
473
- }.tabs__rightAddons_1d792 {
476
+ }.tabs__rightAddons_rt664 {
474
477
  display: flex;
475
478
  justify-content: center;
476
479
  align-items: center;
477
480
  margin-left: var(--gap-8);
478
- }.tabs__rightAddonsMarginZero_1d792 {
481
+ }.tabs__rightAddonsMarginZero_rt664 {
479
482
  margin-left: var(--gap-0);
480
483
  } :root {
481
484
  --color-dark-indigo: #0b1f35; /* deprecated */
@@ -2016,7 +2019,10 @@
2016
2019
  --gap-8xl-neg: -128px; /* deprecated */
2017
2020
 
2018
2021
  /* новые значения, используйте их */
2019
- --gap-0: 0;
2022
+
2023
+ /* no-unit может приводить к проблемам в calc (#1559) */
2024
+ /* stylelint-disable-next-line length-zero-no-unit */
2025
+ --gap-0: 0px;
2020
2026
  --gap-2: var(--gap-3xs);
2021
2027
  --gap-4: var(--gap-2xs);
2022
2028
  --gap-8: var(--gap-xs);
@@ -2131,221 +2137,221 @@
2131
2137
 
2132
2138
  /* size xl */
2133
2139
  --secondary-tablist-xl-gaps: var(--gap-16);
2134
- } .tabs__title_pd921 {
2135
- } .tabs__mobile_pd921 .tabs__title_pd921 {
2140
+ } .tabs__title_1ex2w {
2141
+ } .tabs__mobile_1ex2w .tabs__title_1ex2w {
2136
2142
  padding: var(--primary-tablist-mobile-padding);
2137
2143
  font-size: var(--primary-tablist-mobile-font-size);
2138
2144
  font-weight: var(--primary-tablist-mobile-font-weight);
2139
2145
  font-family: var(--primary-tablist-mobile-font-family);
2140
2146
  line-height: var(--primary-tablist-mobile-line-height)
2141
- } .tabs__mobile_pd921 .tabs__title_pd921 + .tabs__title_pd921 {
2147
+ } .tabs__mobile_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w {
2142
2148
  margin-left: var(--primary-tablist-mobile-gaps);
2143
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__title_pd921 {
2149
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__title_1ex2w {
2144
2150
  font-size: 18px;
2145
2151
  line-height: 24px;
2146
2152
  font-weight: 400;
2147
- } .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__title_pd921 {
2153
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__title_1ex2w {
2148
2154
  font-size: 16px;
2149
2155
  line-height: 24px;
2150
2156
  font-weight: 400;
2151
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__title_pd921 {
2157
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__title_1ex2w {
2152
2158
  font-size: 14px;
2153
2159
  line-height: 20px;
2154
2160
  font-weight: 400;
2155
- } .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__title_pd921 {
2161
+ } .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__title_1ex2w {
2156
2162
  font-size: 18px;
2157
2163
  line-height: 24px;
2158
2164
  font-weight: 500;
2159
- } .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__title_pd921 {
2165
+ } .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__title_1ex2w {
2160
2166
  font-size: 16px;
2161
2167
  line-height: 24px;
2162
2168
  font-weight: 500;
2163
- } .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__title_pd921 {
2169
+ } .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__title_1ex2w {
2164
2170
  font-size: 14px;
2165
2171
  line-height: 20px;
2166
2172
  font-weight: 500;
2167
- } .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__title_pd921 {
2173
+ } .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__title_1ex2w {
2168
2174
  font-size: 18px;
2169
2175
  line-height: 24px;
2170
2176
  font-weight: 700;
2171
- } .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__title_pd921 {
2177
+ } .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__title_1ex2w {
2172
2178
  font-size: 16px;
2173
2179
  line-height: 24px;
2174
2180
  font-weight: 700;
2175
- } .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__title_pd921 {
2181
+ } .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__title_1ex2w {
2176
2182
  font-size: 14px;
2177
2183
  line-height: 20px;
2178
2184
  font-weight: 700;
2179
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__title_pd921 {
2185
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__title_1ex2w {
2180
2186
  padding-bottom: calc(24px / 2);
2181
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2182
- .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__pickerWrapper_pd921,
2183
- .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2184
- .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__pickerWrapper_pd921,
2185
- .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2186
- .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__pickerWrapper_pd921,
2187
- .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2188
- .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__pickerWrapper_pd921,
2189
- .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2190
- .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__pickerWrapper_pd921,
2191
- .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2192
- .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__pickerWrapper_pd921 {
2187
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2188
+ .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__pickerWrapper_1ex2w,
2189
+ .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2190
+ .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__pickerWrapper_1ex2w,
2191
+ .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2192
+ .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__pickerWrapper_1ex2w,
2193
+ .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2194
+ .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__pickerWrapper_1ex2w,
2195
+ .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2196
+ .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__pickerWrapper_1ex2w,
2197
+ .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2198
+ .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__pickerWrapper_1ex2w {
2193
2199
  margin-left: 24px;
2194
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__option_pd921 {
2200
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__option_1ex2w {
2195
2201
  padding: var(--gap-0);
2196
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__scrollControls_pd921 > button {
2202
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__scrollControls_1ex2w > button {
2197
2203
  box-sizing: content-box;
2198
2204
  width: 24px;
2199
2205
  height: 24px;
2200
2206
  padding: var(--gap-0);
2201
- } .tabs__mobile_pd921.tabs__paragraph-primary-large_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__paragraph-primary-medium_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__accent-primary-large_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__accent-primary-medium_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__action-primary-large_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__action-primary-medium_pd921 .tabs__scrollControls_pd921 button:first-child {
2207
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-large_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__paragraph-primary-medium_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__accent-primary-large_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__accent-primary-medium_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__action-primary-large_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__action-primary-medium_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2202
2208
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
2203
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__title_pd921 {
2209
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__title_1ex2w {
2204
2210
  padding-bottom: calc(20px / 2);
2205
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2206
- .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__pickerWrapper_pd921,
2207
- .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2208
- .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__pickerWrapper_pd921,
2209
- .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2210
- .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__pickerWrapper_pd921 {
2211
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2212
+ .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__pickerWrapper_1ex2w,
2213
+ .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2214
+ .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__pickerWrapper_1ex2w,
2215
+ .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2216
+ .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__pickerWrapper_1ex2w {
2211
2217
  margin-left: 20px;
2212
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__option_pd921 {
2218
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__option_1ex2w {
2213
2219
  padding: var(--gap-0);
2214
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__scrollControls_pd921 > button {
2220
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__scrollControls_1ex2w > button {
2215
2221
  box-sizing: content-box;
2216
2222
  width: 20px;
2217
2223
  height: 20px;
2218
2224
  padding: var(--gap-0);
2219
- } .tabs__mobile_pd921.tabs__paragraph-primary-small_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__accent-primary-small_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__action-primary-small_pd921 .tabs__scrollControls_pd921 button:first-child {
2225
+ } .tabs__mobile_1ex2w.tabs__paragraph-primary-small_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__accent-primary-small_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__action-primary-small_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2220
2226
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2221
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__title_pd921 {
2227
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__title_1ex2w {
2222
2228
  font-size: 34px;
2223
2229
  line-height: 40px;
2224
2230
  font-weight: 600;
2225
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__title_pd921 {
2231
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__title_1ex2w {
2226
2232
  font-size: 30px;
2227
2233
  line-height: 36px;
2228
2234
  font-weight: 600;
2229
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__title_pd921 {
2235
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__title_1ex2w {
2230
2236
  font-size: 26px;
2231
2237
  line-height: 32px;
2232
2238
  font-weight: 600;
2233
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__title_pd921 {
2239
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__title_1ex2w {
2234
2240
  font-size: 20px;
2235
2241
  line-height: 28px;
2236
2242
  font-weight: 600;
2237
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__title_pd921 {
2243
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__title_1ex2w {
2238
2244
  font-size: 16px;
2239
2245
  line-height: 20px;
2240
2246
  font-weight: 600;
2241
- } .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__title_pd921 {
2247
+ } .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__title_1ex2w {
2242
2248
  font-size: 34px;
2243
2249
  line-height: 40px;
2244
2250
  font-weight: 500;
2245
2251
  font-feature-settings: 'ss01';
2246
2252
  font-family: var(--font-family-styrene);
2247
- } .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__title_pd921 {
2253
+ } .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__title_1ex2w {
2248
2254
  font-size: 30px;
2249
2255
  line-height: 36px;
2250
2256
  font-weight: 500;
2251
2257
  font-feature-settings: 'ss01';
2252
2258
  font-family: var(--font-family-styrene);
2253
- } .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__title_pd921 {
2259
+ } .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__title_1ex2w {
2254
2260
  font-size: 26px;
2255
2261
  line-height: 32px;
2256
2262
  font-weight: 500;
2257
2263
  font-feature-settings: 'ss01';
2258
2264
  font-family: var(--font-family-styrene);
2259
- } .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__title_pd921 {
2265
+ } .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__title_1ex2w {
2260
2266
  font-size: 20px;
2261
2267
  line-height: 28px;
2262
2268
  font-weight: 500;
2263
2269
  font-feature-settings: 'ss01';
2264
2270
  font-family: var(--font-family-styrene);
2265
- } .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__title_pd921 {
2271
+ } .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__title_1ex2w {
2266
2272
  font-size: 16px;
2267
2273
  line-height: 20px;
2268
2274
  font-weight: 500;
2269
2275
  font-feature-settings: 'ss01';
2270
2276
  font-family: var(--font-family-styrene);
2271
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__title_pd921 {
2277
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__title_1ex2w {
2272
2278
  padding-bottom: calc(40px / 2);
2273
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2274
- .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__pickerWrapper_pd921,
2275
- .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2276
- .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__pickerWrapper_pd921 {
2279
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2280
+ .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__pickerWrapper_1ex2w,
2281
+ .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2282
+ .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__pickerWrapper_1ex2w {
2277
2283
  margin-left: 40px;
2278
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__option_pd921 {
2284
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__option_1ex2w {
2279
2285
  padding: var(--gap-0);
2280
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__scrollControls_pd921 > button {
2286
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__scrollControls_1ex2w > button {
2281
2287
  box-sizing: content-box;
2282
2288
  width: 40px;
2283
2289
  height: 40px;
2284
2290
  padding: var(--gap-0);
2285
- } .tabs__mobile_pd921.tabs__headline-system-xlarge_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__headline-xlarge_pd921 .tabs__scrollControls_pd921 button:first-child {
2291
+ } .tabs__mobile_1ex2w.tabs__headline-system-xlarge_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__headline-xlarge_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2286
2292
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
2287
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__title_pd921 {
2293
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__title_1ex2w {
2288
2294
  padding-bottom: calc(36px / 2);
2289
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2290
- .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__pickerWrapper_pd921,
2291
- .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2292
- .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__pickerWrapper_pd921 {
2295
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2296
+ .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__pickerWrapper_1ex2w,
2297
+ .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2298
+ .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__pickerWrapper_1ex2w {
2293
2299
  margin-left: 36px;
2294
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__option_pd921 {
2300
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__option_1ex2w {
2295
2301
  padding: var(--gap-0);
2296
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__scrollControls_pd921 > button {
2302
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__scrollControls_1ex2w > button {
2297
2303
  box-sizing: content-box;
2298
2304
  width: 36px;
2299
2305
  height: 36px;
2300
2306
  padding: var(--gap-0);
2301
- } .tabs__mobile_pd921.tabs__headline-system-large_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__headline-large_pd921 .tabs__scrollControls_pd921 button:first-child {
2307
+ } .tabs__mobile_1ex2w.tabs__headline-system-large_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__headline-large_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2302
2308
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
2303
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__title_pd921 {
2309
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__title_1ex2w {
2304
2310
  padding-bottom: calc(32px / 2);
2305
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2306
- .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__pickerWrapper_pd921,
2307
- .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2308
- .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__pickerWrapper_pd921 {
2311
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2312
+ .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__pickerWrapper_1ex2w,
2313
+ .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2314
+ .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__pickerWrapper_1ex2w {
2309
2315
  margin-left: 32px;
2310
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__option_pd921 {
2316
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__option_1ex2w {
2311
2317
  padding: var(--gap-0);
2312
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__scrollControls_pd921 > button {
2318
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__scrollControls_1ex2w > button {
2313
2319
  box-sizing: content-box;
2314
2320
  width: 32px;
2315
2321
  height: 32px;
2316
2322
  padding: var(--gap-0);
2317
- } .tabs__mobile_pd921.tabs__headline-system-medium_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__headline-medium_pd921 .tabs__scrollControls_pd921 button:first-child {
2323
+ } .tabs__mobile_1ex2w.tabs__headline-system-medium_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__headline-medium_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2318
2324
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
2319
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__title_pd921 {
2325
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__title_1ex2w {
2320
2326
  padding-bottom: calc(28px / 2);
2321
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2322
- .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__pickerWrapper_pd921,
2323
- .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2324
- .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__pickerWrapper_pd921 {
2327
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2328
+ .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__pickerWrapper_1ex2w,
2329
+ .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2330
+ .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__pickerWrapper_1ex2w {
2325
2331
  margin-left: 28px;
2326
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__option_pd921 {
2332
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__option_1ex2w {
2327
2333
  padding: var(--gap-0);
2328
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__scrollControls_pd921 > button {
2334
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__scrollControls_1ex2w > button {
2329
2335
  box-sizing: content-box;
2330
2336
  width: 28px;
2331
2337
  height: 28px;
2332
2338
  padding: var(--gap-0);
2333
- } .tabs__mobile_pd921.tabs__headline-system-small_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__headline-small_pd921 .tabs__scrollControls_pd921 button:first-child {
2339
+ } .tabs__mobile_1ex2w.tabs__headline-system-small_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__headline-small_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2334
2340
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
2335
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__title_pd921, .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__title_pd921 {
2341
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__title_1ex2w, .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__title_1ex2w {
2336
2342
  padding-bottom: calc(20px / 2);
2337
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2338
- .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__pickerWrapper_pd921,
2339
- .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__title_pd921 + .tabs__title_pd921,
2340
- .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__pickerWrapper_pd921 {
2343
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2344
+ .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__pickerWrapper_1ex2w,
2345
+ .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__title_1ex2w + .tabs__title_1ex2w,
2346
+ .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__pickerWrapper_1ex2w {
2341
2347
  margin-left: 20px;
2342
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__option_pd921, .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__option_pd921 {
2348
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__option_1ex2w, .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__option_1ex2w {
2343
2349
  padding: var(--gap-0);
2344
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__scrollControls_pd921 > button, .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__scrollControls_pd921 > button {
2350
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__scrollControls_1ex2w > button, .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__scrollControls_1ex2w > button {
2345
2351
  box-sizing: content-box;
2346
2352
  width: 20px;
2347
2353
  height: 20px;
2348
2354
  padding: var(--gap-0);
2349
- } .tabs__mobile_pd921.tabs__headline-system-xsmall_pd921 .tabs__scrollControls_pd921 button:first-child, .tabs__mobile_pd921.tabs__headline-xsmall_pd921 .tabs__scrollControls_pd921 button:first-child {
2355
+ } .tabs__mobile_1ex2w.tabs__headline-system-xsmall_1ex2w .tabs__scrollControls_1ex2w button:first-child, .tabs__mobile_1ex2w.tabs__headline-xsmall_1ex2w .tabs__scrollControls_1ex2w button:first-child {
2350
2356
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2351
2357
  }