@alfalab/core-components-tabs 8.10.0 → 8.10.2

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 (77) 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 +182 -181
  5. package/components/primary-tablist/mobile.css +305 -303
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +17 -16
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +11 -10
  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 +22 -21
  13. package/components/secondary-tablist/mobile.css +38 -36
  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 +50 -49
  17. package/cssm/components/primary-tablist/mobile.module.css +24 -23
  18. package/cssm/components/primary-tablist/text-styles.module.css +1 -1
  19. package/cssm/components/scroll-controls/index.module.css +5 -4
  20. package/cssm/components/scrollable-container/index.module.css +5 -4
  21. package/cssm/components/secondary-tablist/index.module.css +5 -4
  22. package/cssm/components/secondary-tablist/mobile.module.css +1 -1
  23. package/cssm/vars.css +1 -1
  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 +182 -181
  28. package/esm/components/primary-tablist/mobile.css +305 -303
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +17 -16
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +11 -10
  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 +22 -21
  36. package/esm/components/secondary-tablist/mobile.css +38 -36
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-145fd36b.js +4 -0
  40. package/esm/index.module-e94ba4a4.js +4 -0
  41. package/index.module-30548198.js +6 -0
  42. package/index.module-e91b0331.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 +182 -181
  47. package/modern/components/primary-tablist/mobile.css +305 -303
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +17 -16
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +11 -10
  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 +22 -21
  55. package/modern/components/secondary-tablist/mobile.css +38 -36
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-16d16a48.js +4 -0
  59. package/modern/index.module-7440dc81.js +4 -0
  60. package/moderncssm/components/primary-tablist/index.module.css +48 -48
  61. package/moderncssm/components/primary-tablist/mobile.module.css +22 -22
  62. package/moderncssm/components/scroll-controls/index.module.css +3 -3
  63. package/moderncssm/components/scrollable-container/index.module.css +3 -3
  64. package/moderncssm/components/secondary-tablist/index.module.css +3 -3
  65. package/package.json +9 -9
  66. package/src/components/primary-tablist/index.module.css +11 -11
  67. package/src/components/primary-tablist/text-styles.module.css +3 -3
  68. package/src/components/scroll-controls/index.module.css +3 -3
  69. package/src/components/scrollable-container/index.module.css +3 -3
  70. package/src/components/secondary-tablist/index.module.css +3 -3
  71. package/src/vars.css +5 -5
  72. package/esm/index.module-816fe73e.js +0 -4
  73. package/esm/index.module-b5db675e.js +0 -4
  74. package/index.module-333dad26.js +0 -6
  75. package/index.module-62476801.js +0 -6
  76. package/modern/index.module-12dbd5ae.js +0 -4
  77. package/modern/index.module-b19c9320.js +0 -4
package/components/primary-tablist/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: k8vqc */
1
+ /* hash: 1wqvk */
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,6 +30,7 @@
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
  --gap-4: var(--gap-2xs);
34
35
  --gap-8: var(--gap-xs);
35
36
  --gap-12: var(--gap-s);
@@ -46,7 +47,7 @@
46
47
  }:root {
47
48
  --focus-color: var(--color-light-status-info);
48
49
  --disabled-cursor: not-allowed;
49
- }:root {
50
+ }/* сбрасывает синюю подсветку при нажатии */:root {
50
51
  --primary-tablist-color: var(--color-light-text-secondary);
51
52
  --primary-tablist-hover-color: var(--color-light-text-primary);
52
53
  --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -61,35 +62,35 @@
61
62
  --primary-tablist-mobile-line-height: 24px;
62
63
  --primary-tablist-mobile-font-weight: 400;
63
64
  --primary-tablist-mobile-font-family: var(--font-family-system);
64
- --primary-tablist-mobile-padding: 0 0 var(--gap-12);
65
+ --primary-tablist-mobile-padding: var(--gap-0) var(--gap-0) var(--gap-12);
65
66
 
66
67
  /* size s */
67
68
  --primary-tablist-s-gaps: var(--gap-32);
68
69
  --primary-tablist-s-font-size: 18px;
69
70
  --primary-tablist-s-font-weight: 400;
70
71
  --primary-tablist-s-font-family: var(--font-family-system);
71
- --primary-tablist-s-padding: 0 0 var(--gap-12);
72
+ --primary-tablist-s-padding: var(--gap-0) var(--gap-0) var(--gap-12);
72
73
 
73
74
  /* size m */
74
75
  --primary-tablist-m-gaps: var(--gap-32);
75
76
  --primary-tablist-m-font-size: 18px;
76
77
  --primary-tablist-m-font-weight: 400;
77
78
  --primary-tablist-m-font-family: var(--font-family-system);
78
- --primary-tablist-m-padding: 0 0 var(--gap-16);
79
+ --primary-tablist-m-padding: var(--gap-0) var(--gap-0) var(--gap-16);
79
80
 
80
81
  /* size l */
81
82
  --primary-tablist-l-gaps: var(--gap-32);
82
83
  --primary-tablist-l-font-size: 18px;
83
84
  --primary-tablist-l-font-weight: 400;
84
85
  --primary-tablist-l-font-family: var(--font-family-system);
85
- --primary-tablist-l-padding: 0 0 var(--gap-20);
86
+ --primary-tablist-l-padding: var(--gap-0) var(--gap-0) var(--gap-20);
86
87
 
87
88
  /* size xl */
88
89
  --primary-tablist-xl-gaps: var(--gap-32);
89
90
  --primary-tablist-xl-font-size: 18px;
90
91
  --primary-tablist-xl-font-weight: 400;
91
92
  --primary-tablist-xl-font-family: var(--font-family-system);
92
- --primary-tablist-xl-padding: 0 0 var(--gap-20);
93
+ --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
93
94
 
94
95
  /* mobile */
95
96
 
@@ -104,11 +105,11 @@
104
105
  /* size l */
105
106
 
106
107
  /* size xl */
107
- }.tabs__component_187rr {
108
+ }.tabs__component_1sgqp {
108
109
  position: relative;
109
110
  display: inline-flex;
110
111
  min-width: 100%
111
- }.tabs__component_187rr:before {
112
+ }.tabs__component_1sgqp:before {
112
113
  content: '';
113
114
  display: block;
114
115
  position: absolute;
@@ -116,277 +117,277 @@
116
117
  height: 1px;
117
118
  width: 100%;
118
119
  background-color: var(--primary-tablist-bottom-border-color);
119
- }.tabs__desktop_187rr.paragraph-primary-large .title {
120
+ }.tabs__desktop_1sgqp.paragraph-primary-large .title {
120
121
  font-size: 18px;
121
122
  line-height: 24px;
122
123
  font-weight: 400;
123
- }.tabs__desktop_187rr.paragraph-primary-medium .title {
124
+ }.tabs__desktop_1sgqp.paragraph-primary-medium .title {
124
125
  font-size: 16px;
125
126
  line-height: 24px;
126
127
  font-weight: 400;
127
- }.tabs__desktop_187rr.paragraph-primary-small .title {
128
+ }.tabs__desktop_1sgqp.paragraph-primary-small .title {
128
129
  font-size: 14px;
129
130
  line-height: 20px;
130
131
  font-weight: 400;
131
- }.tabs__desktop_187rr.action-primary-large .title {
132
+ }.tabs__desktop_1sgqp.action-primary-large .title {
132
133
  font-size: 18px;
133
134
  line-height: 24px;
134
135
  font-weight: 500;
135
- }.tabs__desktop_187rr.action-primary-medium .title {
136
+ }.tabs__desktop_1sgqp.action-primary-medium .title {
136
137
  font-size: 16px;
137
138
  line-height: 24px;
138
139
  font-weight: 500;
139
- }.tabs__desktop_187rr.action-primary-small .title {
140
+ }.tabs__desktop_1sgqp.action-primary-small .title {
140
141
  font-size: 14px;
141
142
  line-height: 20px;
142
143
  font-weight: 500;
143
- }.tabs__desktop_187rr.accent-primary-large .title {
144
+ }.tabs__desktop_1sgqp.accent-primary-large .title {
144
145
  font-size: 18px;
145
146
  line-height: 24px;
146
147
  font-weight: 700;
147
- }.tabs__desktop_187rr.accent-primary-medium .title {
148
+ }.tabs__desktop_1sgqp.accent-primary-medium .title {
148
149
  font-size: 16px;
149
150
  line-height: 24px;
150
151
  font-weight: 700;
151
- }.tabs__desktop_187rr.accent-primary-small .title {
152
+ }.tabs__desktop_1sgqp.accent-primary-small .title {
152
153
  font-size: 14px;
153
154
  line-height: 20px;
154
155
  font-weight: 700;
155
- }.tabs__desktop_187rr.paragraph-primary-large .title, .tabs__desktop_187rr.paragraph-primary-medium .title, .tabs__desktop_187rr.accent-primary-large .title, .tabs__desktop_187rr.accent-primary-medium .title, .tabs__desktop_187rr.action-primary-large .title, .tabs__desktop_187rr.action-primary-medium .title {
156
+ }.tabs__desktop_1sgqp.paragraph-primary-large .title, .tabs__desktop_1sgqp.paragraph-primary-medium .title, .tabs__desktop_1sgqp.accent-primary-large .title, .tabs__desktop_1sgqp.accent-primary-medium .title, .tabs__desktop_1sgqp.action-primary-large .title, .tabs__desktop_1sgqp.action-primary-medium .title {
156
157
  padding-bottom: calc(24px / 2);
157
- }.tabs__desktop_187rr.paragraph-primary-large .title + .title,
158
- .tabs__desktop_187rr.paragraph-primary-large .pickerWrapper,
159
- .tabs__desktop_187rr.paragraph-primary-medium .title + .title,
160
- .tabs__desktop_187rr.paragraph-primary-medium .pickerWrapper,
161
- .tabs__desktop_187rr.accent-primary-large .title + .title,
162
- .tabs__desktop_187rr.accent-primary-large .pickerWrapper,
163
- .tabs__desktop_187rr.accent-primary-medium .title + .title,
164
- .tabs__desktop_187rr.accent-primary-medium .pickerWrapper,
165
- .tabs__desktop_187rr.action-primary-large .title + .title,
166
- .tabs__desktop_187rr.action-primary-large .pickerWrapper,
167
- .tabs__desktop_187rr.action-primary-medium .title + .title,
168
- .tabs__desktop_187rr.action-primary-medium .pickerWrapper {
158
+ }.tabs__desktop_1sgqp.paragraph-primary-large .title + .title,
159
+ .tabs__desktop_1sgqp.paragraph-primary-large .pickerWrapper,
160
+ .tabs__desktop_1sgqp.paragraph-primary-medium .title + .title,
161
+ .tabs__desktop_1sgqp.paragraph-primary-medium .pickerWrapper,
162
+ .tabs__desktop_1sgqp.accent-primary-large .title + .title,
163
+ .tabs__desktop_1sgqp.accent-primary-large .pickerWrapper,
164
+ .tabs__desktop_1sgqp.accent-primary-medium .title + .title,
165
+ .tabs__desktop_1sgqp.accent-primary-medium .pickerWrapper,
166
+ .tabs__desktop_1sgqp.action-primary-large .title + .title,
167
+ .tabs__desktop_1sgqp.action-primary-large .pickerWrapper,
168
+ .tabs__desktop_1sgqp.action-primary-medium .title + .title,
169
+ .tabs__desktop_1sgqp.action-primary-medium .pickerWrapper {
169
170
  margin-left: 24px;
170
- }.tabs__desktop_187rr.paragraph-primary-large .option, .tabs__desktop_187rr.paragraph-primary-medium .option, .tabs__desktop_187rr.accent-primary-large .option, .tabs__desktop_187rr.accent-primary-medium .option, .tabs__desktop_187rr.action-primary-large .option, .tabs__desktop_187rr.action-primary-medium .option {
171
- padding: 0;
172
- }.tabs__desktop_187rr.paragraph-primary-large .scrollControls > button, .tabs__desktop_187rr.paragraph-primary-medium .scrollControls > button, .tabs__desktop_187rr.accent-primary-large .scrollControls > button, .tabs__desktop_187rr.accent-primary-medium .scrollControls > button, .tabs__desktop_187rr.action-primary-large .scrollControls > button, .tabs__desktop_187rr.action-primary-medium .scrollControls > button {
171
+ }.tabs__desktop_1sgqp.paragraph-primary-large .option, .tabs__desktop_1sgqp.paragraph-primary-medium .option, .tabs__desktop_1sgqp.accent-primary-large .option, .tabs__desktop_1sgqp.accent-primary-medium .option, .tabs__desktop_1sgqp.action-primary-large .option, .tabs__desktop_1sgqp.action-primary-medium .option {
172
+ padding: var(--gap-0);
173
+ }.tabs__desktop_1sgqp.paragraph-primary-large .scrollControls > button, .tabs__desktop_1sgqp.paragraph-primary-medium .scrollControls > button, .tabs__desktop_1sgqp.accent-primary-large .scrollControls > button, .tabs__desktop_1sgqp.accent-primary-medium .scrollControls > button, .tabs__desktop_1sgqp.action-primary-large .scrollControls > button, .tabs__desktop_1sgqp.action-primary-medium .scrollControls > button {
173
174
  box-sizing: content-box;
174
175
  width: 24px;
175
176
  height: 24px;
176
- padding: 0;
177
- }.tabs__desktop_187rr.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_187rr.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_187rr.accent-primary-large .scrollControls button:first-child, .tabs__desktop_187rr.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_187rr.action-primary-large .scrollControls button:first-child, .tabs__desktop_187rr.action-primary-medium .scrollControls button:first-child {
178
- margin: 0 0 0 calc(24px / 2);
179
- }.tabs__desktop_187rr.paragraph-primary-small .title, .tabs__desktop_187rr.accent-primary-small .title, .tabs__desktop_187rr.action-primary-small .title {
177
+ padding: var(--gap-0);
178
+ }.tabs__desktop_1sgqp.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_1sgqp.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_1sgqp.accent-primary-large .scrollControls button:first-child, .tabs__desktop_1sgqp.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_1sgqp.action-primary-large .scrollControls button:first-child, .tabs__desktop_1sgqp.action-primary-medium .scrollControls button:first-child {
179
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
180
+ }.tabs__desktop_1sgqp.paragraph-primary-small .title, .tabs__desktop_1sgqp.accent-primary-small .title, .tabs__desktop_1sgqp.action-primary-small .title {
180
181
  padding-bottom: calc(20px / 2);
181
- }.tabs__desktop_187rr.paragraph-primary-small .title + .title,
182
- .tabs__desktop_187rr.paragraph-primary-small .pickerWrapper,
183
- .tabs__desktop_187rr.accent-primary-small .title + .title,
184
- .tabs__desktop_187rr.accent-primary-small .pickerWrapper,
185
- .tabs__desktop_187rr.action-primary-small .title + .title,
186
- .tabs__desktop_187rr.action-primary-small .pickerWrapper {
182
+ }.tabs__desktop_1sgqp.paragraph-primary-small .title + .title,
183
+ .tabs__desktop_1sgqp.paragraph-primary-small .pickerWrapper,
184
+ .tabs__desktop_1sgqp.accent-primary-small .title + .title,
185
+ .tabs__desktop_1sgqp.accent-primary-small .pickerWrapper,
186
+ .tabs__desktop_1sgqp.action-primary-small .title + .title,
187
+ .tabs__desktop_1sgqp.action-primary-small .pickerWrapper {
187
188
  margin-left: 20px;
188
- }.tabs__desktop_187rr.paragraph-primary-small .option, .tabs__desktop_187rr.accent-primary-small .option, .tabs__desktop_187rr.action-primary-small .option {
189
- padding: 0;
190
- }.tabs__desktop_187rr.paragraph-primary-small .scrollControls > button, .tabs__desktop_187rr.accent-primary-small .scrollControls > button, .tabs__desktop_187rr.action-primary-small .scrollControls > button {
189
+ }.tabs__desktop_1sgqp.paragraph-primary-small .option, .tabs__desktop_1sgqp.accent-primary-small .option, .tabs__desktop_1sgqp.action-primary-small .option {
190
+ padding: var(--gap-0);
191
+ }.tabs__desktop_1sgqp.paragraph-primary-small .scrollControls > button, .tabs__desktop_1sgqp.accent-primary-small .scrollControls > button, .tabs__desktop_1sgqp.action-primary-small .scrollControls > button {
191
192
  box-sizing: content-box;
192
193
  width: 20px;
193
194
  height: 20px;
194
- padding: 0;
195
- }.tabs__desktop_187rr.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_187rr.accent-primary-small .scrollControls button:first-child, .tabs__desktop_187rr.action-primary-small .scrollControls button:first-child {
196
- margin: 0 0 0 calc(20px / 2);
197
- }.tabs__desktop_187rr.headline-system-xlarge .title {
195
+ padding: var(--gap-0);
196
+ }.tabs__desktop_1sgqp.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_1sgqp.accent-primary-small .scrollControls button:first-child, .tabs__desktop_1sgqp.action-primary-small .scrollControls button:first-child {
197
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
198
+ }.tabs__desktop_1sgqp.headline-system-xlarge .title {
198
199
  font-size: 48px;
199
200
  line-height: 52px;
200
201
  font-weight: 700;
201
- }.tabs__desktop_187rr.headline-system-large .title {
202
+ }.tabs__desktop_1sgqp.headline-system-large .title {
202
203
  font-size: 40px;
203
204
  line-height: 48px;
204
205
  font-weight: 700;
205
- }.tabs__desktop_187rr.headline-system-medium .title {
206
+ }.tabs__desktop_1sgqp.headline-system-medium .title {
206
207
  font-size: 30px;
207
208
  line-height: 36px;
208
209
  font-weight: 700;
209
- }.tabs__desktop_187rr.headline-system-small .title {
210
+ }.tabs__desktop_1sgqp.headline-system-small .title {
210
211
  font-size: 22px;
211
212
  line-height: 26px;
212
213
  font-weight: 700;
213
- }.tabs__desktop_187rr.headline-system-xsmall .title {
214
+ }.tabs__desktop_1sgqp.headline-system-xsmall .title {
214
215
  font-size: 18px;
215
216
  line-height: 22px;
216
217
  font-weight: 700;
217
- }.tabs__desktop_187rr.headline-xlarge .title {
218
+ }.tabs__desktop_1sgqp.headline-xlarge .title {
218
219
  font-size: 48px;
219
220
  line-height: 64px;
220
221
  font-weight: 500;
221
222
  font-feature-settings: 'ss01';
222
223
  font-family: var(--font-family-styrene);
223
- }.tabs__desktop_187rr.headline-large .title {
224
+ }.tabs__desktop_1sgqp.headline-large .title {
224
225
  font-size: 40px;
225
226
  line-height: 48px;
226
227
  font-weight: 500;
227
228
  font-feature-settings: 'ss01';
228
229
  font-family: var(--font-family-styrene);
229
- }.tabs__desktop_187rr.headline-medium .title {
230
+ }.tabs__desktop_1sgqp.headline-medium .title {
230
231
  font-size: 32px;
231
232
  line-height: 40px;
232
233
  font-weight: 500;
233
234
  font-feature-settings: 'ss01';
234
235
  font-family: var(--font-family-styrene);
235
- }.tabs__desktop_187rr.headline-small .title {
236
+ }.tabs__desktop_1sgqp.headline-small .title {
236
237
  font-size: 24px;
237
238
  line-height: 32px;
238
239
  font-weight: 500;
239
240
  font-feature-settings: 'ss01';
240
241
  font-family: var(--font-family-styrene);
241
- }.tabs__desktop_187rr.headline-xsmall .title {
242
+ }.tabs__desktop_1sgqp.headline-xsmall .title {
242
243
  font-size: 20px;
243
244
  line-height: 24px;
244
245
  font-weight: 500;
245
246
  font-feature-settings: 'ss01';
246
247
  font-family: var(--font-family-styrene);
247
- }.tabs__desktop_187rr.headline-system-xlarge .title {
248
+ }.tabs__desktop_1sgqp.headline-system-xlarge .title {
248
249
  padding-bottom: calc(52px / 2);
249
- }.tabs__desktop_187rr.headline-system-xlarge .title + .title,
250
- .tabs__desktop_187rr.headline-system-xlarge .pickerWrapper {
250
+ }.tabs__desktop_1sgqp.headline-system-xlarge .title + .title,
251
+ .tabs__desktop_1sgqp.headline-system-xlarge .pickerWrapper {
251
252
  margin-left: 52px;
252
- }.tabs__desktop_187rr.headline-system-xlarge .option {
253
- padding: 0;
254
- }.tabs__desktop_187rr.headline-system-xlarge .scrollControls > button {
253
+ }.tabs__desktop_1sgqp.headline-system-xlarge .option {
254
+ padding: var(--gap-0);
255
+ }.tabs__desktop_1sgqp.headline-system-xlarge .scrollControls > button {
255
256
  box-sizing: content-box;
256
257
  width: 52px;
257
258
  height: 52px;
258
- padding: 0;
259
- }.tabs__desktop_187rr.headline-system-xlarge .scrollControls button:first-child {
260
- margin: 0 0 0 calc(52px / 2);
261
- }.tabs__desktop_187rr.headline-system-large .title, .tabs__desktop_187rr.headline-large .title {
259
+ padding: var(--gap-0);
260
+ }.tabs__desktop_1sgqp.headline-system-xlarge .scrollControls button:first-child {
261
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
262
+ }.tabs__desktop_1sgqp.headline-system-large .title, .tabs__desktop_1sgqp.headline-large .title {
262
263
  padding-bottom: calc(48px / 2);
263
- }.tabs__desktop_187rr.headline-system-large .title + .title,
264
- .tabs__desktop_187rr.headline-system-large .pickerWrapper,
265
- .tabs__desktop_187rr.headline-large .title + .title,
266
- .tabs__desktop_187rr.headline-large .pickerWrapper {
264
+ }.tabs__desktop_1sgqp.headline-system-large .title + .title,
265
+ .tabs__desktop_1sgqp.headline-system-large .pickerWrapper,
266
+ .tabs__desktop_1sgqp.headline-large .title + .title,
267
+ .tabs__desktop_1sgqp.headline-large .pickerWrapper {
267
268
  margin-left: 48px;
268
- }.tabs__desktop_187rr.headline-system-large .option, .tabs__desktop_187rr.headline-large .option {
269
- padding: 0;
270
- }.tabs__desktop_187rr.headline-system-large .scrollControls > button, .tabs__desktop_187rr.headline-large .scrollControls > button {
269
+ }.tabs__desktop_1sgqp.headline-system-large .option, .tabs__desktop_1sgqp.headline-large .option {
270
+ padding: var(--gap-0);
271
+ }.tabs__desktop_1sgqp.headline-system-large .scrollControls > button, .tabs__desktop_1sgqp.headline-large .scrollControls > button {
271
272
  box-sizing: content-box;
272
273
  width: 48px;
273
274
  height: 48px;
274
- padding: 0;
275
- }.tabs__desktop_187rr.headline-system-large .scrollControls button:first-child, .tabs__desktop_187rr.headline-large .scrollControls button:first-child {
276
- margin: 0 0 0 calc(48px / 2);
277
- }.tabs__desktop_187rr.headline-system-medium .title {
275
+ padding: var(--gap-0);
276
+ }.tabs__desktop_1sgqp.headline-system-large .scrollControls button:first-child, .tabs__desktop_1sgqp.headline-large .scrollControls button:first-child {
277
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
278
+ }.tabs__desktop_1sgqp.headline-system-medium .title {
278
279
  padding-bottom: calc(36px / 2);
279
- }.tabs__desktop_187rr.headline-system-medium .title + .title,
280
- .tabs__desktop_187rr.headline-system-medium .pickerWrapper {
280
+ }.tabs__desktop_1sgqp.headline-system-medium .title + .title,
281
+ .tabs__desktop_1sgqp.headline-system-medium .pickerWrapper {
281
282
  margin-left: 36px;
282
- }.tabs__desktop_187rr.headline-system-medium .option {
283
- padding: 0;
284
- }.tabs__desktop_187rr.headline-system-medium .scrollControls > button {
283
+ }.tabs__desktop_1sgqp.headline-system-medium .option {
284
+ padding: var(--gap-0);
285
+ }.tabs__desktop_1sgqp.headline-system-medium .scrollControls > button {
285
286
  box-sizing: content-box;
286
287
  width: 36px;
287
288
  height: 36px;
288
- padding: 0;
289
- }.tabs__desktop_187rr.headline-system-medium .scrollControls button:first-child {
290
- margin: 0 0 0 calc(36px / 2);
291
- }.tabs__desktop_187rr.headline-system-small .title {
289
+ padding: var(--gap-0);
290
+ }.tabs__desktop_1sgqp.headline-system-medium .scrollControls button:first-child {
291
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
292
+ }.tabs__desktop_1sgqp.headline-system-small .title {
292
293
  padding-bottom: calc(26px / 2);
293
- }.tabs__desktop_187rr.headline-system-small .title + .title,
294
- .tabs__desktop_187rr.headline-system-small .pickerWrapper {
294
+ }.tabs__desktop_1sgqp.headline-system-small .title + .title,
295
+ .tabs__desktop_1sgqp.headline-system-small .pickerWrapper {
295
296
  margin-left: 26px;
296
- }.tabs__desktop_187rr.headline-system-small .option {
297
- padding: 0;
298
- }.tabs__desktop_187rr.headline-system-small .scrollControls > button {
297
+ }.tabs__desktop_1sgqp.headline-system-small .option {
298
+ padding: var(--gap-0);
299
+ }.tabs__desktop_1sgqp.headline-system-small .scrollControls > button {
299
300
  box-sizing: content-box;
300
301
  width: 26px;
301
302
  height: 26px;
302
- padding: 0;
303
- }.tabs__desktop_187rr.headline-system-small .scrollControls button:first-child {
304
- margin: 0 0 0 calc(26px / 2);
305
- }.tabs__desktop_187rr.headline-system-xsmall .title {
303
+ padding: var(--gap-0);
304
+ }.tabs__desktop_1sgqp.headline-system-small .scrollControls button:first-child {
305
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
306
+ }.tabs__desktop_1sgqp.headline-system-xsmall .title {
306
307
  padding-bottom: calc(22px / 2);
307
- }.tabs__desktop_187rr.headline-system-xsmall .title + .title,
308
- .tabs__desktop_187rr.headline-system-xsmall .pickerWrapper {
308
+ }.tabs__desktop_1sgqp.headline-system-xsmall .title + .title,
309
+ .tabs__desktop_1sgqp.headline-system-xsmall .pickerWrapper {
309
310
  margin-left: 22px;
310
- }.tabs__desktop_187rr.headline-system-xsmall .option {
311
- padding: 0;
312
- }.tabs__desktop_187rr.headline-system-xsmall .scrollControls > button {
311
+ }.tabs__desktop_1sgqp.headline-system-xsmall .option {
312
+ padding: var(--gap-0);
313
+ }.tabs__desktop_1sgqp.headline-system-xsmall .scrollControls > button {
313
314
  box-sizing: content-box;
314
315
  width: 22px;
315
316
  height: 22px;
316
- padding: 0;
317
- }.tabs__desktop_187rr.headline-system-xsmall .scrollControls button:first-child {
318
- margin: 0 0 0 calc(22px / 2);
319
- }.tabs__desktop_187rr.headline-xlarge .title {
317
+ padding: var(--gap-0);
318
+ }.tabs__desktop_1sgqp.headline-system-xsmall .scrollControls button:first-child {
319
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
320
+ }.tabs__desktop_1sgqp.headline-xlarge .title {
320
321
  padding-bottom: calc(64px / 2);
321
- }.tabs__desktop_187rr.headline-xlarge .title + .title,
322
- .tabs__desktop_187rr.headline-xlarge .pickerWrapper {
322
+ }.tabs__desktop_1sgqp.headline-xlarge .title + .title,
323
+ .tabs__desktop_1sgqp.headline-xlarge .pickerWrapper {
323
324
  margin-left: 64px;
324
- }.tabs__desktop_187rr.headline-xlarge .option {
325
- padding: 0;
326
- }.tabs__desktop_187rr.headline-xlarge .scrollControls > button {
325
+ }.tabs__desktop_1sgqp.headline-xlarge .option {
326
+ padding: var(--gap-0);
327
+ }.tabs__desktop_1sgqp.headline-xlarge .scrollControls > button {
327
328
  box-sizing: content-box;
328
329
  width: 64px;
329
330
  height: 64px;
330
- padding: 0;
331
- }.tabs__desktop_187rr.headline-xlarge .scrollControls button:first-child {
332
- margin: 0 0 0 calc(64px / 2);
333
- }.tabs__desktop_187rr.headline-medium .title {
331
+ padding: var(--gap-0);
332
+ }.tabs__desktop_1sgqp.headline-xlarge .scrollControls button:first-child {
333
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
334
+ }.tabs__desktop_1sgqp.headline-medium .title {
334
335
  padding-bottom: calc(40px / 2);
335
- }.tabs__desktop_187rr.headline-medium .title + .title,
336
- .tabs__desktop_187rr.headline-medium .pickerWrapper {
336
+ }.tabs__desktop_1sgqp.headline-medium .title + .title,
337
+ .tabs__desktop_1sgqp.headline-medium .pickerWrapper {
337
338
  margin-left: 40px;
338
- }.tabs__desktop_187rr.headline-medium .option {
339
- padding: 0;
340
- }.tabs__desktop_187rr.headline-medium .scrollControls > button {
339
+ }.tabs__desktop_1sgqp.headline-medium .option {
340
+ padding: var(--gap-0);
341
+ }.tabs__desktop_1sgqp.headline-medium .scrollControls > button {
341
342
  box-sizing: content-box;
342
343
  width: 40px;
343
344
  height: 40px;
344
- padding: 0;
345
- }.tabs__desktop_187rr.headline-medium .scrollControls button:first-child {
346
- margin: 0 0 0 calc(40px / 2);
347
- }.tabs__desktop_187rr.headline-small .title {
345
+ padding: var(--gap-0);
346
+ }.tabs__desktop_1sgqp.headline-medium .scrollControls button:first-child {
347
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
348
+ }.tabs__desktop_1sgqp.headline-small .title {
348
349
  padding-bottom: calc(32px / 2);
349
- }.tabs__desktop_187rr.headline-small .title + .title,
350
- .tabs__desktop_187rr.headline-small .pickerWrapper {
350
+ }.tabs__desktop_1sgqp.headline-small .title + .title,
351
+ .tabs__desktop_1sgqp.headline-small .pickerWrapper {
351
352
  margin-left: 32px;
352
- }.tabs__desktop_187rr.headline-small .option {
353
- padding: 0;
354
- }.tabs__desktop_187rr.headline-small .scrollControls > button {
353
+ }.tabs__desktop_1sgqp.headline-small .option {
354
+ padding: var(--gap-0);
355
+ }.tabs__desktop_1sgqp.headline-small .scrollControls > button {
355
356
  box-sizing: content-box;
356
357
  width: 32px;
357
358
  height: 32px;
358
- padding: 0;
359
- }.tabs__desktop_187rr.headline-small .scrollControls button:first-child {
360
- margin: 0 0 0 calc(32px / 2);
361
- }.tabs__desktop_187rr.headline-xsmall .title {
359
+ padding: var(--gap-0);
360
+ }.tabs__desktop_1sgqp.headline-small .scrollControls button:first-child {
361
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
362
+ }.tabs__desktop_1sgqp.headline-xsmall .title {
362
363
  padding-bottom: calc(24px / 2);
363
- }.tabs__desktop_187rr.headline-xsmall .title + .title,
364
- .tabs__desktop_187rr.headline-xsmall .pickerWrapper {
364
+ }.tabs__desktop_1sgqp.headline-xsmall .title + .title,
365
+ .tabs__desktop_1sgqp.headline-xsmall .pickerWrapper {
365
366
  margin-left: 24px;
366
- }.tabs__desktop_187rr.headline-xsmall .option {
367
- padding: 0;
368
- }.tabs__desktop_187rr.headline-xsmall .scrollControls > button {
367
+ }.tabs__desktop_1sgqp.headline-xsmall .option {
368
+ padding: var(--gap-0);
369
+ }.tabs__desktop_1sgqp.headline-xsmall .scrollControls > button {
369
370
  box-sizing: content-box;
370
371
  width: 24px;
371
372
  height: 24px;
372
- padding: 0;
373
- }.tabs__desktop_187rr.headline-xsmall .scrollControls button:first-child {
374
- margin: 0 0 0 calc(24px / 2);
375
- }.tabs__fullWidthScroll_187rr {
373
+ padding: var(--gap-0);
374
+ }.tabs__desktop_1sgqp.headline-xsmall .scrollControls button:first-child {
375
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
376
+ }.tabs__fullWidthScroll_1sgqp {
376
377
  min-width: calc(100% - 2 * var(--gap-16));
377
- margin: 0 var(--gap-16);
378
- }.tabs__container_187rr {
378
+ margin: var(--gap-0) var(--gap-16);
379
+ }.tabs__container_1sgqp {
379
380
  position: relative;
380
381
  overflow: hidden;
381
382
 
382
383
  /* focus-outline fix */
383
- margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
384
- padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
385
- }.tabs__title_187rr {
384
+ margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
385
+ padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
386
+ }.tabs__title_1sgqp {
386
387
  display: flex;
387
388
  align-items: center;
388
389
  height: 100%;
389
- padding: 0;
390
+ padding: var(--gap-0);
390
391
  cursor: pointer;
391
392
  color: var(--primary-tablist-color);
392
393
  font-feature-settings: var(--primary-tablist-font-feature-settings);
@@ -398,84 +399,84 @@
398
399
  -webkit-user-select: none;
399
400
  user-select: none;
400
401
  outline: none
401
- }.tabs__title_187rr:not(:disabled):hover {
402
+ }.tabs__title_1sgqp:not(:disabled):hover {
402
403
  color: var(--primary-tablist-hover-color);
403
- }.tabs__focused_187rr {
404
+ }.tabs__focused_1sgqp {
404
405
  outline: 2px solid var(--focus-color);
405
406
  outline-offset: 2px;
406
- }.tabs__collapsed_187rr {
407
+ }.tabs__collapsed_1sgqp {
407
408
  order: 99;
408
409
  visibility: collapse;
409
- }.tabs__selected_187rr {
410
+ }.tabs__selected_1sgqp {
410
411
  cursor: default;
411
412
  color: var(--primary-tablist-selected-color);
412
- }.tabs__disabled_187rr {
413
+ }.tabs__disabled_1sgqp {
413
414
  cursor: var(--disabled-cursor);
414
415
  color: var(--primary-tablist-disabled-color);
415
- }.tabs__line_187rr {
416
+ }.tabs__line_1sgqp {
416
417
  position: absolute;
417
418
  height: 3px;
418
- bottom: 0;
419
- left: 0;
419
+ bottom: var(--gap-0);
420
+ left: var(--gap-0);
420
421
  background-color: var(--primary-tablist-line-color);
421
422
  transition: transform 0.2s ease, width 0.2s ease;
422
- }.tabs__option_187rr {
423
+ }.tabs__option_1sgqp {
423
424
  color: var(--color-light-text-primary);
424
- }/* sizes */.tabs__s_187rr .tabs__title_187rr, .tabs__xs_187rr .tabs__title_187rr, .tabs__xxs_187rr .tabs__title_187rr {
425
+ }/* sizes */.tabs__s_1sgqp .tabs__title_1sgqp, .tabs__xs_1sgqp .tabs__title_1sgqp, .tabs__xxs_1sgqp .tabs__title_1sgqp {
425
426
  padding: var(--primary-tablist-s-padding);
426
427
  font-size: var(--primary-tablist-s-font-size);
427
428
  font-weight: var(--primary-tablist-s-font-weight);
428
429
  font-family: var(--primary-tablist-s-font-family);
429
430
  line-height: 24px;
430
- }.tabs__s_187rr .tabs__title_187rr + .tabs__title_187rr, .tabs__xs_187rr .tabs__title_187rr + .tabs__title_187rr, .tabs__xxs_187rr .tabs__title_187rr + .tabs__title_187rr {
431
+ }.tabs__s_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp, .tabs__xs_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp, .tabs__xxs_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
431
432
  margin-left: var(--primary-tablist-s-gaps);
432
- }.tabs__s_187rr .tabs__pickerWrapper_187rr, .tabs__xs_187rr .tabs__pickerWrapper_187rr, .tabs__xxs_187rr .tabs__pickerWrapper_187rr {
433
+ }.tabs__s_1sgqp .tabs__pickerWrapper_1sgqp, .tabs__xs_1sgqp .tabs__pickerWrapper_1sgqp, .tabs__xxs_1sgqp .tabs__pickerWrapper_1sgqp {
433
434
  margin-left: var(--primary-tablist-s-gaps);
434
- }.tabs__s_187rr .tabs__option_187rr, .tabs__xs_187rr .tabs__option_187rr, .tabs__xxs_187rr .tabs__option_187rr {
435
- padding: 0;
436
- }.tabs__m_187rr .tabs__title_187rr {
435
+ }.tabs__s_1sgqp .tabs__option_1sgqp, .tabs__xs_1sgqp .tabs__option_1sgqp, .tabs__xxs_1sgqp .tabs__option_1sgqp {
436
+ padding: var(--gap-0);
437
+ }.tabs__m_1sgqp .tabs__title_1sgqp {
437
438
  padding: var(--primary-tablist-m-padding);
438
439
  font-size: var(--primary-tablist-m-font-size);
439
440
  font-weight: var(--primary-tablist-m-font-weight);
440
441
  font-family: var(--primary-tablist-m-font-family);
441
442
  line-height: 24px;
442
- }.tabs__m_187rr .tabs__title_187rr + .tabs__title_187rr {
443
+ }.tabs__m_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
443
444
  margin-left: var(--primary-tablist-m-gaps);
444
- }.tabs__m_187rr .tabs__pickerWrapper_187rr {
445
+ }.tabs__m_1sgqp .tabs__pickerWrapper_1sgqp {
445
446
  margin-left: var(--primary-tablist-m-gaps);
446
- }.tabs__m_187rr .tabs__option_187rr {
447
- padding: 0;
448
- }.tabs__l_187rr .tabs__title_187rr {
447
+ }.tabs__m_1sgqp .tabs__option_1sgqp {
448
+ padding: var(--gap-0);
449
+ }.tabs__l_1sgqp .tabs__title_1sgqp {
449
450
  padding: var(--primary-tablist-l-padding);
450
451
  font-size: var(--primary-tablist-l-font-size);
451
452
  font-weight: var(--primary-tablist-l-font-weight);
452
453
  font-family: var(--primary-tablist-l-font-family);
453
454
  line-height: 24px;
454
- }.tabs__l_187rr .tabs__title_187rr + .tabs__title_187rr {
455
+ }.tabs__l_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
455
456
  margin-left: var(--primary-tablist-l-gaps);
456
- }.tabs__l_187rr .tabs__pickerWrapper_187rr {
457
+ }.tabs__l_1sgqp .tabs__pickerWrapper_1sgqp {
457
458
  margin-left: var(--primary-tablist-l-gaps);
458
- }.tabs__l_187rr .tabs__option_187rr {
459
- padding: 0;
460
- }.tabs__xl_187rr .tabs__title_187rr {
459
+ }.tabs__l_1sgqp .tabs__option_1sgqp {
460
+ padding: var(--gap-0);
461
+ }.tabs__xl_1sgqp .tabs__title_1sgqp {
461
462
  padding: var(--primary-tablist-xl-padding);
462
463
  font-size: var(--primary-tablist-xl-font-size);
463
464
  font-weight: var(--primary-tablist-xl-font-weight);
464
465
  font-family: var(--primary-tablist-xl-font-family);
465
466
  line-height: 32px;
466
- }.tabs__xl_187rr .tabs__title_187rr + .tabs__title_187rr {
467
+ }.tabs__xl_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
467
468
  margin-left: var(--primary-tablist-xl-gaps);
468
- }.tabs__xl_187rr .tabs__pickerWrapper_187rr {
469
+ }.tabs__xl_1sgqp .tabs__pickerWrapper_1sgqp {
469
470
  margin-left: var(--primary-tablist-xl-gaps);
470
- }.tabs__xl_187rr .tabs__option_187rr {
471
- padding: 0;
472
- }.tabs__rightAddons_187rr {
471
+ }.tabs__xl_1sgqp .tabs__option_1sgqp {
472
+ padding: var(--gap-0);
473
+ }.tabs__rightAddons_1sgqp {
473
474
  display: flex;
474
475
  justify-content: center;
475
476
  align-items: center;
476
477
  margin-left: var(--gap-8);
477
- }.tabs__rightAddonsMarginZero_187rr {
478
- margin-left: 0;
478
+ }.tabs__rightAddonsMarginZero_1sgqp {
479
+ margin-left: var(--gap-0);
479
480
  } :root {
480
481
  --color-dark-indigo: #0b1f35; /* deprecated */
481
482
  --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
@@ -1952,14 +1953,15 @@
1952
1953
 
1953
1954
  /* новые значения, используйте их */
1954
1955
  --border-radius-0: 0;
1955
- --border-radius-4: 4px;
1956
+ --border-radius-2: var(--border-radius-xs);
1957
+ --border-radius-4: var(--border-radius-s);
1956
1958
  --border-radius-6: 6px;
1957
- --border-radius-8: 8px;
1959
+ --border-radius-8: var(--border-radius-m);
1958
1960
  --border-radius-10: 10px;
1959
- --border-radius-12: 12px;
1960
- --border-radius-16: 16px;
1961
- --border-radius-20: 20px;
1962
- --border-radius-24: 24px;
1961
+ --border-radius-12: var(--border-radius-l);
1962
+ --border-radius-16: var(--border-radius-xl);
1963
+ --border-radius-20: var(--border-radius-xxl);
1964
+ --border-radius-24: var(--border-radius-3xl);
1963
1965
  --border-radius-32: 32px;
1964
1966
  --border-radius-36: 36px;
1965
1967
  --border-radius-64: 64px;
@@ -2045,7 +2047,7 @@
2045
2047
  --size-m-height: 56px;
2046
2048
  --size-l-height: 64px;
2047
2049
  --size-xl-height: 72px;
2048
- } :root {
2050
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
2049
2051
  --primary-tablist-color: var(--color-light-text-secondary);
2050
2052
  --primary-tablist-hover-color: var(--color-light-text-primary);
2051
2053
  --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -2060,35 +2062,35 @@
2060
2062
  --primary-tablist-mobile-line-height: 24px;
2061
2063
  --primary-tablist-mobile-font-weight: 400;
2062
2064
  --primary-tablist-mobile-font-family: var(--font-family-system);
2063
- --primary-tablist-mobile-padding: 0 0 var(--gap-12);
2065
+ --primary-tablist-mobile-padding: var(--gap-0) var(--gap-0) var(--gap-12);
2064
2066
 
2065
2067
  /* size s */
2066
2068
  --primary-tablist-s-gaps: var(--gap-32);
2067
2069
  --primary-tablist-s-font-size: 18px;
2068
2070
  --primary-tablist-s-font-weight: 400;
2069
2071
  --primary-tablist-s-font-family: var(--font-family-system);
2070
- --primary-tablist-s-padding: 0 0 var(--gap-12);
2072
+ --primary-tablist-s-padding: var(--gap-0) var(--gap-0) var(--gap-12);
2071
2073
 
2072
2074
  /* size m */
2073
2075
  --primary-tablist-m-gaps: var(--gap-32);
2074
2076
  --primary-tablist-m-font-size: 18px;
2075
2077
  --primary-tablist-m-font-weight: 400;
2076
2078
  --primary-tablist-m-font-family: var(--font-family-system);
2077
- --primary-tablist-m-padding: 0 0 var(--gap-16);
2079
+ --primary-tablist-m-padding: var(--gap-0) var(--gap-0) var(--gap-16);
2078
2080
 
2079
2081
  /* size l */
2080
2082
  --primary-tablist-l-gaps: var(--gap-32);
2081
2083
  --primary-tablist-l-font-size: 18px;
2082
2084
  --primary-tablist-l-font-weight: 400;
2083
2085
  --primary-tablist-l-font-family: var(--font-family-system);
2084
- --primary-tablist-l-padding: 0 0 var(--gap-20);
2086
+ --primary-tablist-l-padding: var(--gap-0) var(--gap-0) var(--gap-20);
2085
2087
 
2086
2088
  /* size xl */
2087
2089
  --primary-tablist-xl-gaps: var(--gap-32);
2088
2090
  --primary-tablist-xl-font-size: 18px;
2089
2091
  --primary-tablist-xl-font-weight: 400;
2090
2092
  --primary-tablist-xl-font-family: var(--font-family-system);
2091
- --primary-tablist-xl-padding: 0 0 var(--gap-20);
2093
+ --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
2092
2094
 
2093
2095
  /* mobile */
2094
2096
  --secondary-tablist-mobile-gaps: var(--gap-8);
@@ -2110,221 +2112,221 @@
2110
2112
 
2111
2113
  /* size xl */
2112
2114
  --secondary-tablist-xl-gaps: var(--gap-16);
2113
- } .tabs__title_14ysz {
2114
- } .tabs__mobile_14ysz .tabs__title_14ysz {
2115
+ } .tabs__title_16lqr {
2116
+ } .tabs__mobile_16lqr .tabs__title_16lqr {
2115
2117
  padding: var(--primary-tablist-mobile-padding);
2116
2118
  font-size: var(--primary-tablist-mobile-font-size);
2117
2119
  font-weight: var(--primary-tablist-mobile-font-weight);
2118
2120
  font-family: var(--primary-tablist-mobile-font-family);
2119
2121
  line-height: var(--primary-tablist-mobile-line-height)
2120
- } .tabs__mobile_14ysz .tabs__title_14ysz + .tabs__title_14ysz {
2122
+ } .tabs__mobile_16lqr .tabs__title_16lqr + .tabs__title_16lqr {
2121
2123
  margin-left: var(--primary-tablist-mobile-gaps);
2122
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__title_14ysz {
2124
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__title_16lqr {
2123
2125
  font-size: 18px;
2124
2126
  line-height: 24px;
2125
2127
  font-weight: 400;
2126
- } .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__title_14ysz {
2128
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__title_16lqr {
2127
2129
  font-size: 16px;
2128
2130
  line-height: 24px;
2129
2131
  font-weight: 400;
2130
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__title_14ysz {
2132
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__title_16lqr {
2131
2133
  font-size: 14px;
2132
2134
  line-height: 20px;
2133
2135
  font-weight: 400;
2134
- } .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__title_14ysz {
2136
+ } .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__title_16lqr {
2135
2137
  font-size: 18px;
2136
2138
  line-height: 24px;
2137
2139
  font-weight: 500;
2138
- } .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__title_14ysz {
2140
+ } .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__title_16lqr {
2139
2141
  font-size: 16px;
2140
2142
  line-height: 24px;
2141
2143
  font-weight: 500;
2142
- } .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__title_14ysz {
2144
+ } .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__title_16lqr {
2143
2145
  font-size: 14px;
2144
2146
  line-height: 20px;
2145
2147
  font-weight: 500;
2146
- } .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__title_14ysz {
2148
+ } .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__title_16lqr {
2147
2149
  font-size: 18px;
2148
2150
  line-height: 24px;
2149
2151
  font-weight: 700;
2150
- } .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__title_14ysz {
2152
+ } .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__title_16lqr {
2151
2153
  font-size: 16px;
2152
2154
  line-height: 24px;
2153
2155
  font-weight: 700;
2154
- } .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__title_14ysz {
2156
+ } .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__title_16lqr {
2155
2157
  font-size: 14px;
2156
2158
  line-height: 20px;
2157
2159
  font-weight: 700;
2158
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__title_14ysz {
2160
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__title_16lqr {
2159
2161
  padding-bottom: calc(24px / 2);
2160
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2161
- .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__pickerWrapper_14ysz,
2162
- .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2163
- .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__pickerWrapper_14ysz,
2164
- .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2165
- .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__pickerWrapper_14ysz,
2166
- .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2167
- .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__pickerWrapper_14ysz,
2168
- .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2169
- .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__pickerWrapper_14ysz,
2170
- .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2171
- .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__pickerWrapper_14ysz {
2162
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2163
+ .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__pickerWrapper_16lqr,
2164
+ .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2165
+ .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__pickerWrapper_16lqr,
2166
+ .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2167
+ .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__pickerWrapper_16lqr,
2168
+ .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2169
+ .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__pickerWrapper_16lqr,
2170
+ .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2171
+ .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__pickerWrapper_16lqr,
2172
+ .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2173
+ .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__pickerWrapper_16lqr {
2172
2174
  margin-left: 24px;
2173
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__option_14ysz {
2174
- padding: 0;
2175
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__scrollControls_14ysz > button {
2175
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__option_16lqr {
2176
+ padding: var(--gap-0);
2177
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__scrollControls_16lqr > button {
2176
2178
  box-sizing: content-box;
2177
2179
  width: 24px;
2178
2180
  height: 24px;
2179
- padding: 0;
2180
- } .tabs__mobile_14ysz.tabs__paragraph-primary-large_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__paragraph-primary-medium_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__accent-primary-large_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__accent-primary-medium_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__action-primary-large_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__action-primary-medium_14ysz .tabs__scrollControls_14ysz button:first-child {
2181
- margin: 0 0 0 calc(24px / 2);
2182
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__title_14ysz {
2181
+ padding: var(--gap-0);
2182
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-large_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__paragraph-primary-medium_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__accent-primary-large_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__accent-primary-medium_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__action-primary-large_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__action-primary-medium_16lqr .tabs__scrollControls_16lqr button:first-child {
2183
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
2184
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__title_16lqr {
2183
2185
  padding-bottom: calc(20px / 2);
2184
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2185
- .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__pickerWrapper_14ysz,
2186
- .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2187
- .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__pickerWrapper_14ysz,
2188
- .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2189
- .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__pickerWrapper_14ysz {
2186
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2187
+ .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__pickerWrapper_16lqr,
2188
+ .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2189
+ .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__pickerWrapper_16lqr,
2190
+ .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2191
+ .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__pickerWrapper_16lqr {
2190
2192
  margin-left: 20px;
2191
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__option_14ysz {
2192
- padding: 0;
2193
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__scrollControls_14ysz > button {
2193
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__option_16lqr {
2194
+ padding: var(--gap-0);
2195
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__scrollControls_16lqr > button {
2194
2196
  box-sizing: content-box;
2195
2197
  width: 20px;
2196
2198
  height: 20px;
2197
- padding: 0;
2198
- } .tabs__mobile_14ysz.tabs__paragraph-primary-small_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__accent-primary-small_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__action-primary-small_14ysz .tabs__scrollControls_14ysz button:first-child {
2199
- margin: 0 0 0 calc(20px / 2);
2200
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__title_14ysz {
2199
+ padding: var(--gap-0);
2200
+ } .tabs__mobile_16lqr.tabs__paragraph-primary-small_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__accent-primary-small_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__action-primary-small_16lqr .tabs__scrollControls_16lqr button:first-child {
2201
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2202
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__title_16lqr {
2201
2203
  font-size: 34px;
2202
2204
  line-height: 40px;
2203
2205
  font-weight: 600;
2204
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__title_14ysz {
2206
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__title_16lqr {
2205
2207
  font-size: 30px;
2206
2208
  line-height: 36px;
2207
2209
  font-weight: 600;
2208
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__title_14ysz {
2210
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__title_16lqr {
2209
2211
  font-size: 26px;
2210
2212
  line-height: 32px;
2211
2213
  font-weight: 600;
2212
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__title_14ysz {
2214
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__title_16lqr {
2213
2215
  font-size: 20px;
2214
2216
  line-height: 28px;
2215
2217
  font-weight: 600;
2216
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__title_14ysz {
2218
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__title_16lqr {
2217
2219
  font-size: 16px;
2218
2220
  line-height: 20px;
2219
2221
  font-weight: 600;
2220
- } .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__title_14ysz {
2222
+ } .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__title_16lqr {
2221
2223
  font-size: 34px;
2222
2224
  line-height: 40px;
2223
2225
  font-weight: 500;
2224
2226
  font-feature-settings: 'ss01';
2225
2227
  font-family: var(--font-family-styrene);
2226
- } .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__title_14ysz {
2228
+ } .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__title_16lqr {
2227
2229
  font-size: 30px;
2228
2230
  line-height: 36px;
2229
2231
  font-weight: 500;
2230
2232
  font-feature-settings: 'ss01';
2231
2233
  font-family: var(--font-family-styrene);
2232
- } .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__title_14ysz {
2234
+ } .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__title_16lqr {
2233
2235
  font-size: 26px;
2234
2236
  line-height: 32px;
2235
2237
  font-weight: 500;
2236
2238
  font-feature-settings: 'ss01';
2237
2239
  font-family: var(--font-family-styrene);
2238
- } .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__title_14ysz {
2240
+ } .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__title_16lqr {
2239
2241
  font-size: 20px;
2240
2242
  line-height: 28px;
2241
2243
  font-weight: 500;
2242
2244
  font-feature-settings: 'ss01';
2243
2245
  font-family: var(--font-family-styrene);
2244
- } .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__title_14ysz {
2246
+ } .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__title_16lqr {
2245
2247
  font-size: 16px;
2246
2248
  line-height: 20px;
2247
2249
  font-weight: 500;
2248
2250
  font-feature-settings: 'ss01';
2249
2251
  font-family: var(--font-family-styrene);
2250
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__title_14ysz {
2252
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__title_16lqr {
2251
2253
  padding-bottom: calc(40px / 2);
2252
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2253
- .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__pickerWrapper_14ysz,
2254
- .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2255
- .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__pickerWrapper_14ysz {
2254
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2255
+ .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__pickerWrapper_16lqr,
2256
+ .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2257
+ .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__pickerWrapper_16lqr {
2256
2258
  margin-left: 40px;
2257
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__option_14ysz {
2258
- padding: 0;
2259
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__scrollControls_14ysz > button {
2259
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__option_16lqr {
2260
+ padding: var(--gap-0);
2261
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__scrollControls_16lqr > button {
2260
2262
  box-sizing: content-box;
2261
2263
  width: 40px;
2262
2264
  height: 40px;
2263
- padding: 0;
2264
- } .tabs__mobile_14ysz.tabs__headline-system-xlarge_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__headline-xlarge_14ysz .tabs__scrollControls_14ysz button:first-child {
2265
- margin: 0 0 0 calc(40px / 2);
2266
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__title_14ysz {
2265
+ padding: var(--gap-0);
2266
+ } .tabs__mobile_16lqr.tabs__headline-system-xlarge_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__headline-xlarge_16lqr .tabs__scrollControls_16lqr button:first-child {
2267
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
2268
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__title_16lqr {
2267
2269
  padding-bottom: calc(36px / 2);
2268
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2269
- .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__pickerWrapper_14ysz,
2270
- .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2271
- .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__pickerWrapper_14ysz {
2270
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2271
+ .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__pickerWrapper_16lqr,
2272
+ .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2273
+ .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__pickerWrapper_16lqr {
2272
2274
  margin-left: 36px;
2273
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__option_14ysz {
2274
- padding: 0;
2275
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__scrollControls_14ysz > button {
2275
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__option_16lqr {
2276
+ padding: var(--gap-0);
2277
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__scrollControls_16lqr > button {
2276
2278
  box-sizing: content-box;
2277
2279
  width: 36px;
2278
2280
  height: 36px;
2279
- padding: 0;
2280
- } .tabs__mobile_14ysz.tabs__headline-system-large_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__headline-large_14ysz .tabs__scrollControls_14ysz button:first-child {
2281
- margin: 0 0 0 calc(36px / 2);
2282
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__title_14ysz {
2281
+ padding: var(--gap-0);
2282
+ } .tabs__mobile_16lqr.tabs__headline-system-large_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__headline-large_16lqr .tabs__scrollControls_16lqr button:first-child {
2283
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
2284
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__title_16lqr {
2283
2285
  padding-bottom: calc(32px / 2);
2284
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2285
- .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__pickerWrapper_14ysz,
2286
- .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2287
- .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__pickerWrapper_14ysz {
2286
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2287
+ .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__pickerWrapper_16lqr,
2288
+ .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2289
+ .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__pickerWrapper_16lqr {
2288
2290
  margin-left: 32px;
2289
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__option_14ysz {
2290
- padding: 0;
2291
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__scrollControls_14ysz > button {
2291
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__option_16lqr {
2292
+ padding: var(--gap-0);
2293
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__scrollControls_16lqr > button {
2292
2294
  box-sizing: content-box;
2293
2295
  width: 32px;
2294
2296
  height: 32px;
2295
- padding: 0;
2296
- } .tabs__mobile_14ysz.tabs__headline-system-medium_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__headline-medium_14ysz .tabs__scrollControls_14ysz button:first-child {
2297
- margin: 0 0 0 calc(32px / 2);
2298
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__title_14ysz {
2297
+ padding: var(--gap-0);
2298
+ } .tabs__mobile_16lqr.tabs__headline-system-medium_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__headline-medium_16lqr .tabs__scrollControls_16lqr button:first-child {
2299
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
2300
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__title_16lqr {
2299
2301
  padding-bottom: calc(28px / 2);
2300
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2301
- .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__pickerWrapper_14ysz,
2302
- .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2303
- .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__pickerWrapper_14ysz {
2302
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2303
+ .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__pickerWrapper_16lqr,
2304
+ .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2305
+ .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__pickerWrapper_16lqr {
2304
2306
  margin-left: 28px;
2305
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__option_14ysz {
2306
- padding: 0;
2307
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__scrollControls_14ysz > button {
2307
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__option_16lqr {
2308
+ padding: var(--gap-0);
2309
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__scrollControls_16lqr > button {
2308
2310
  box-sizing: content-box;
2309
2311
  width: 28px;
2310
2312
  height: 28px;
2311
- padding: 0;
2312
- } .tabs__mobile_14ysz.tabs__headline-system-small_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__headline-small_14ysz .tabs__scrollControls_14ysz button:first-child {
2313
- margin: 0 0 0 calc(28px / 2);
2314
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__title_14ysz, .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__title_14ysz {
2313
+ padding: var(--gap-0);
2314
+ } .tabs__mobile_16lqr.tabs__headline-system-small_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__headline-small_16lqr .tabs__scrollControls_16lqr button:first-child {
2315
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
2316
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__title_16lqr, .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__title_16lqr {
2315
2317
  padding-bottom: calc(20px / 2);
2316
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2317
- .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__pickerWrapper_14ysz,
2318
- .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__title_14ysz + .tabs__title_14ysz,
2319
- .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__pickerWrapper_14ysz {
2318
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2319
+ .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__pickerWrapper_16lqr,
2320
+ .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__title_16lqr + .tabs__title_16lqr,
2321
+ .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__pickerWrapper_16lqr {
2320
2322
  margin-left: 20px;
2321
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__option_14ysz, .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__option_14ysz {
2322
- padding: 0;
2323
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__scrollControls_14ysz > button, .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__scrollControls_14ysz > button {
2323
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__option_16lqr, .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__option_16lqr {
2324
+ padding: var(--gap-0);
2325
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__scrollControls_16lqr > button, .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__scrollControls_16lqr > button {
2324
2326
  box-sizing: content-box;
2325
2327
  width: 20px;
2326
2328
  height: 20px;
2327
- padding: 0;
2328
- } .tabs__mobile_14ysz.tabs__headline-system-xsmall_14ysz .tabs__scrollControls_14ysz button:first-child, .tabs__mobile_14ysz.tabs__headline-xsmall_14ysz .tabs__scrollControls_14ysz button:first-child {
2329
- margin: 0 0 0 calc(20px / 2);
2329
+ padding: var(--gap-0);
2330
+ } .tabs__mobile_16lqr.tabs__headline-system-xsmall_16lqr .tabs__scrollControls_16lqr button:first-child, .tabs__mobile_16lqr.tabs__headline-xsmall_16lqr .tabs__scrollControls_16lqr button:first-child {
2331
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2330
2332
  }