@alfalab/core-components-tabs 10.0.3-alfasans → 10.0.4-alfasans

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 (43) hide show
  1. package/components/primary-tablist/index.css +132 -132
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +221 -221
  4. package/components/primary-tablist/mobile.module.css.js +1 -1
  5. package/components/scroll-controls/index.css +11 -11
  6. package/components/scroll-controls/index.module.css.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/scrollable-container/index.module.css.js +1 -1
  9. package/components/secondary-tablist/index.css +18 -18
  10. package/components/secondary-tablist/index.module.css.js +1 -1
  11. package/components/secondary-tablist/mobile.css +22 -22
  12. package/components/secondary-tablist/mobile.module.css.js +1 -1
  13. package/components/tab/index.css +2 -2
  14. package/components/tab/index.module.css.js +1 -1
  15. package/esm/components/primary-tablist/index.css +132 -132
  16. package/esm/components/primary-tablist/index.module.css.js +1 -1
  17. package/esm/components/primary-tablist/mobile.css +221 -221
  18. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  19. package/esm/components/scroll-controls/index.css +11 -11
  20. package/esm/components/scroll-controls/index.module.css.js +1 -1
  21. package/esm/components/scrollable-container/index.css +5 -5
  22. package/esm/components/scrollable-container/index.module.css.js +1 -1
  23. package/esm/components/secondary-tablist/index.css +18 -18
  24. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/mobile.css +22 -22
  26. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  27. package/esm/components/tab/index.css +2 -2
  28. package/esm/components/tab/index.module.css.js +1 -1
  29. package/modern/components/primary-tablist/index.css +132 -132
  30. package/modern/components/primary-tablist/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/mobile.css +221 -221
  32. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  33. package/modern/components/scroll-controls/index.css +11 -11
  34. package/modern/components/scroll-controls/index.module.css.js +1 -1
  35. package/modern/components/scrollable-container/index.css +5 -5
  36. package/modern/components/scrollable-container/index.module.css.js +1 -1
  37. package/modern/components/secondary-tablist/index.css +18 -18
  38. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/mobile.css +22 -22
  40. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  41. package/modern/components/tab/index.css +2 -2
  42. package/modern/components/tab/index.module.css.js +1 -1
  43. package/package.json +2 -2
package/components/primary-tablist/index.css CHANGED
@@ -52,12 +52,12 @@
52
52
  --primary-tablist-xl-gaps: var(--gap-32);
53
53
  --primary-tablist-xl-padding: var(--gap-4) var(--gap-0) var(--gap-24);
54
54
  }
55
- .tabs__component_xow3q {
55
+ .tabs__component_ymwe4 {
56
56
  position: relative;
57
57
  display: inline-flex;
58
58
  min-width: 100%;
59
59
  }
60
- .tabs__component_xow3q:before {
60
+ .tabs__component_ymwe4:before {
61
61
  content: '';
62
62
  display: block;
63
63
  position: absolute;
@@ -66,375 +66,375 @@
66
66
  width: 100%;
67
67
  background-color: var(--primary-tablist-bottom-border-color);
68
68
  }
69
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__title_xow3q {
69
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__title_ymwe4 {
70
70
  font-size: 18px;
71
71
  line-height: 24px;
72
72
  font-weight: 400;
73
73
  letter-spacing: -0.36px;
74
74
  font-family: var(--font-family-alfasans);
75
75
  }
76
- .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__title_xow3q {
76
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__title_ymwe4 {
77
77
  font-size: 16px;
78
78
  line-height: 24px;
79
79
  font-weight: 400;
80
80
  letter-spacing: -0.24px;
81
81
  font-family: var(--font-family-alfasans);
82
82
  }
83
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__title_xow3q {
83
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__title_ymwe4 {
84
84
  font-size: 14px;
85
85
  line-height: 20px;
86
86
  font-weight: 400;
87
87
  letter-spacing: -0.08px;
88
88
  font-family: var(--font-family-alfasans);
89
89
  }
90
- .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__title_xow3q {
90
+ .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__title_ymwe4 {
91
91
  font-size: 18px;
92
92
  line-height: 24px;
93
93
  font-weight: 500;
94
94
  letter-spacing: -0.17px;
95
95
  font-family: var(--font-family-alfasans);
96
96
  }
97
- .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__title_xow3q {
97
+ .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__title_ymwe4 {
98
98
  font-size: 16px;
99
99
  line-height: 24px;
100
100
  font-weight: 500;
101
101
  letter-spacing: -0.05px;
102
102
  font-family: var(--font-family-alfasans);
103
103
  }
104
- .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__title_xow3q {
104
+ .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__title_ymwe4 {
105
105
  font-size: 14px;
106
106
  line-height: 20px;
107
107
  font-weight: 500;
108
108
  letter-spacing: 0.07px;
109
109
  font-family: var(--font-family-alfasans);
110
110
  }
111
- .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__title_xow3q {
111
+ .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__title_ymwe4 {
112
112
  font-size: 18px;
113
113
  line-height: 24px;
114
114
  font-weight: 700;
115
115
  letter-spacing: 0.38px;
116
116
  font-family: var(--font-family-alfasans);
117
117
  }
118
- .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__title_xow3q {
118
+ .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__title_ymwe4 {
119
119
  font-size: 16px;
120
120
  line-height: 24px;
121
121
  font-weight: 700;
122
122
  letter-spacing: 0.43px;
123
123
  font-family: var(--font-family-alfasans);
124
124
  }
125
- .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__title_xow3q {
125
+ .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__title_ymwe4 {
126
126
  font-size: 14px;
127
127
  line-height: 20px;
128
128
  font-weight: 700;
129
129
  letter-spacing: 0.47px;
130
130
  font-family: var(--font-family-alfasans);
131
131
  }
132
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__title_xow3q {
132
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__title_ymwe4 {
133
133
  padding-bottom: calc(24px / 2);
134
134
  }
135
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
136
- .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
137
- .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
138
- .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
139
- .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
140
- .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
141
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__pickerWrapper_xow3q,
142
- .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__pickerWrapper_xow3q,
143
- .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__pickerWrapper_xow3q,
144
- .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__pickerWrapper_xow3q,
145
- .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__pickerWrapper_xow3q,
146
- .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__pickerWrapper_xow3q {
135
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
136
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
137
+ .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
138
+ .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
139
+ .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
140
+ .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
141
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__pickerWrapper_ymwe4,
142
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__pickerWrapper_ymwe4,
143
+ .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__pickerWrapper_ymwe4,
144
+ .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__pickerWrapper_ymwe4,
145
+ .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__pickerWrapper_ymwe4,
146
+ .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__pickerWrapper_ymwe4 {
147
147
  margin-left: 24px;
148
148
  }
149
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__option_xow3q {
149
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__option_ymwe4 {
150
150
  padding: var(--gap-0);
151
151
  }
152
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__scrollControls_xow3q > button {
152
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 > button {
153
153
  box-sizing: content-box;
154
154
  width: 24px;
155
155
  height: 24px;
156
156
  padding: var(--gap-0);
157
157
  }
158
- .tabs__desktop_xow3q.tabs__paragraph-primary-large_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__paragraph-primary-medium_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__accent-primary-large_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__accent-primary-medium_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__action-primary-large_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__action-primary-medium_xow3q .tabs__scrollControls_xow3q button:first-child {
158
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-large_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__paragraph-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__accent-primary-large_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__accent-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__action-primary-large_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__action-primary-medium_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
159
159
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
160
160
  }
161
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__title_xow3q {
161
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__title_ymwe4 {
162
162
  padding-bottom: calc(20px / 2);
163
163
  }
164
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
165
- .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
166
- .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
167
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__pickerWrapper_xow3q,
168
- .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__pickerWrapper_xow3q,
169
- .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__pickerWrapper_xow3q {
164
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
165
+ .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
166
+ .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
167
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__pickerWrapper_ymwe4,
168
+ .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__pickerWrapper_ymwe4,
169
+ .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__pickerWrapper_ymwe4 {
170
170
  margin-left: 20px;
171
171
  }
172
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__option_xow3q {
172
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__option_ymwe4 {
173
173
  padding: var(--gap-0);
174
174
  }
175
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__scrollControls_xow3q > button {
175
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__scrollControls_ymwe4 > button {
176
176
  box-sizing: content-box;
177
177
  width: 20px;
178
178
  height: 20px;
179
179
  padding: var(--gap-0);
180
180
  }
181
- .tabs__desktop_xow3q.tabs__paragraph-primary-small_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__accent-primary-small_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__action-primary-small_xow3q .tabs__scrollControls_xow3q button:first-child {
181
+ .tabs__desktop_ymwe4.tabs__paragraph-primary-small_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__accent-primary-small_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__action-primary-small_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
182
182
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
183
183
  }
184
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__title_xow3q {
184
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__title_ymwe4 {
185
185
  font-size: 48px;
186
186
  line-height: 52px;
187
187
  font-weight: 700;
188
188
  letter-spacing: 0.1px;
189
189
  font-family: var(--font-family-alfasans);
190
190
  }
191
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__title_xow3q {
191
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__title_ymwe4 {
192
192
  font-size: 40px;
193
193
  line-height: 48px;
194
194
  font-weight: 700;
195
195
  letter-spacing: 0.1px;
196
196
  font-family: var(--font-family-alfasans);
197
197
  }
198
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__title_xow3q {
198
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__title_ymwe4 {
199
199
  font-size: 30px;
200
200
  line-height: 36px;
201
201
  font-weight: 700;
202
202
  letter-spacing: 0.1px;
203
203
  font-family: var(--font-family-alfasans);
204
204
  }
205
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__title_xow3q {
205
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__title_ymwe4 {
206
206
  font-size: 22px;
207
207
  line-height: 26px;
208
208
  font-weight: 700;
209
209
  letter-spacing: 0.2px;
210
210
  font-family: var(--font-family-alfasans);
211
211
  }
212
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__title_xow3q {
212
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__title_ymwe4 {
213
213
  font-size: 18px;
214
214
  line-height: 22px;
215
215
  font-weight: 700;
216
216
  letter-spacing: 0.38px;
217
217
  font-family: var(--font-family-alfasans);
218
218
  }
219
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__title_xow3q {
219
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__title_ymwe4 {
220
220
  font-size: 48px;
221
221
  line-height: 64px;
222
222
  font-weight: 700;
223
223
  letter-spacing: 0.1px;
224
224
  font-family: var(--font-family-alfasans);
225
225
  }
226
- .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__title_xow3q {
226
+ .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__title_ymwe4 {
227
227
  font-size: 40px;
228
228
  line-height: 48px;
229
229
  font-weight: 700;
230
230
  letter-spacing: 0.1px;
231
231
  font-family: var(--font-family-alfasans);
232
232
  }
233
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__title_xow3q {
233
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__title_ymwe4 {
234
234
  font-size: 32px;
235
235
  line-height: 40px;
236
236
  font-weight: 700;
237
237
  letter-spacing: 0.3px;
238
238
  font-family: var(--font-family-alfasans);
239
239
  }
240
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__title_xow3q {
240
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__title_ymwe4 {
241
241
  font-size: 24px;
242
242
  line-height: 32px;
243
243
  font-weight: 700;
244
244
  letter-spacing: 0.39px;
245
245
  font-family: var(--font-family-alfasans);
246
246
  }
247
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__title_xow3q {
247
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__title_ymwe4 {
248
248
  font-size: 20px;
249
249
  line-height: 24px;
250
250
  font-weight: 700;
251
251
  letter-spacing: 0.33px;
252
252
  font-family: var(--font-family-alfasans);
253
253
  }
254
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__title_xow3q {
254
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__title_ymwe4 {
255
255
  padding-bottom: calc(52px / 2);
256
256
  }
257
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
258
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__pickerWrapper_xow3q {
257
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
258
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__pickerWrapper_ymwe4 {
259
259
  margin-left: 52px;
260
260
  }
261
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__option_xow3q {
261
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__option_ymwe4 {
262
262
  padding: var(--gap-0);
263
263
  }
264
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__scrollControls_xow3q > button {
264
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__scrollControls_ymwe4 > button {
265
265
  box-sizing: content-box;
266
266
  width: 52px;
267
267
  height: 52px;
268
268
  padding: var(--gap-0);
269
269
  }
270
- .tabs__desktop_xow3q.tabs__headline-system-xlarge_xow3q .tabs__scrollControls_xow3q button:first-child {
270
+ .tabs__desktop_ymwe4.tabs__headline-system-xlarge_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
271
271
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
272
272
  }
273
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__title_xow3q, .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__title_xow3q {
273
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__title_ymwe4, .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__title_ymwe4 {
274
274
  padding-bottom: calc(48px / 2);
275
275
  }
276
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
277
- .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
278
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__pickerWrapper_xow3q,
279
- .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__pickerWrapper_xow3q {
276
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
277
+ .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
278
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__pickerWrapper_ymwe4,
279
+ .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__pickerWrapper_ymwe4 {
280
280
  margin-left: 48px;
281
281
  }
282
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__option_xow3q, .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__option_xow3q {
282
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__option_ymwe4, .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__option_ymwe4 {
283
283
  padding: var(--gap-0);
284
284
  }
285
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__scrollControls_xow3q > button, .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__scrollControls_xow3q > button {
285
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__scrollControls_ymwe4 > button, .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__scrollControls_ymwe4 > button {
286
286
  box-sizing: content-box;
287
287
  width: 48px;
288
288
  height: 48px;
289
289
  padding: var(--gap-0);
290
290
  }
291
- .tabs__desktop_xow3q.tabs__headline-system-large_xow3q .tabs__scrollControls_xow3q button:first-child, .tabs__desktop_xow3q.tabs__headline-large_xow3q .tabs__scrollControls_xow3q button:first-child {
291
+ .tabs__desktop_ymwe4.tabs__headline-system-large_ymwe4 .tabs__scrollControls_ymwe4 button:first-child, .tabs__desktop_ymwe4.tabs__headline-large_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
292
292
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
293
293
  }
294
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__title_xow3q {
294
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__title_ymwe4 {
295
295
  padding-bottom: calc(36px / 2);
296
296
  }
297
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
298
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__pickerWrapper_xow3q {
297
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
298
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__pickerWrapper_ymwe4 {
299
299
  margin-left: 36px;
300
300
  }
301
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__option_xow3q {
301
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__option_ymwe4 {
302
302
  padding: var(--gap-0);
303
303
  }
304
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__scrollControls_xow3q > button {
304
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__scrollControls_ymwe4 > button {
305
305
  box-sizing: content-box;
306
306
  width: 36px;
307
307
  height: 36px;
308
308
  padding: var(--gap-0);
309
309
  }
310
- .tabs__desktop_xow3q.tabs__headline-system-medium_xow3q .tabs__scrollControls_xow3q button:first-child {
310
+ .tabs__desktop_ymwe4.tabs__headline-system-medium_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
311
311
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
312
312
  }
313
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__title_xow3q {
313
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__title_ymwe4 {
314
314
  padding-bottom: calc(26px / 2);
315
315
  }
316
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
317
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__pickerWrapper_xow3q {
316
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
317
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__pickerWrapper_ymwe4 {
318
318
  margin-left: 26px;
319
319
  }
320
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__option_xow3q {
320
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__option_ymwe4 {
321
321
  padding: var(--gap-0);
322
322
  }
323
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__scrollControls_xow3q > button {
323
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__scrollControls_ymwe4 > button {
324
324
  box-sizing: content-box;
325
325
  width: 26px;
326
326
  height: 26px;
327
327
  padding: var(--gap-0);
328
328
  }
329
- .tabs__desktop_xow3q.tabs__headline-system-small_xow3q .tabs__scrollControls_xow3q button:first-child {
329
+ .tabs__desktop_ymwe4.tabs__headline-system-small_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
330
330
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
331
331
  }
332
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__title_xow3q {
332
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__title_ymwe4 {
333
333
  padding-bottom: calc(22px / 2);
334
334
  }
335
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
336
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__pickerWrapper_xow3q {
335
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
336
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__pickerWrapper_ymwe4 {
337
337
  margin-left: 22px;
338
338
  }
339
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__option_xow3q {
339
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__option_ymwe4 {
340
340
  padding: var(--gap-0);
341
341
  }
342
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__scrollControls_xow3q > button {
342
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__scrollControls_ymwe4 > button {
343
343
  box-sizing: content-box;
344
344
  width: 22px;
345
345
  height: 22px;
346
346
  padding: var(--gap-0);
347
347
  }
348
- .tabs__desktop_xow3q.tabs__headline-system-xsmall_xow3q .tabs__scrollControls_xow3q button:first-child {
348
+ .tabs__desktop_ymwe4.tabs__headline-system-xsmall_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
349
349
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
350
350
  }
351
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__title_xow3q {
351
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__title_ymwe4 {
352
352
  padding-bottom: calc(64px / 2);
353
353
  }
354
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
355
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__pickerWrapper_xow3q {
354
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
355
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__pickerWrapper_ymwe4 {
356
356
  margin-left: 64px;
357
357
  }
358
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__option_xow3q {
358
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__option_ymwe4 {
359
359
  padding: var(--gap-0);
360
360
  }
361
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__scrollControls_xow3q > button {
361
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__scrollControls_ymwe4 > button {
362
362
  box-sizing: content-box;
363
363
  width: 64px;
364
364
  height: 64px;
365
365
  padding: var(--gap-0);
366
366
  }
367
- .tabs__desktop_xow3q.tabs__headline-xlarge_xow3q .tabs__scrollControls_xow3q button:first-child {
367
+ .tabs__desktop_ymwe4.tabs__headline-xlarge_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
368
368
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
369
369
  }
370
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__title_xow3q {
370
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__title_ymwe4 {
371
371
  padding-bottom: calc(40px / 2);
372
372
  }
373
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
374
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__pickerWrapper_xow3q {
373
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
374
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__pickerWrapper_ymwe4 {
375
375
  margin-left: 40px;
376
376
  }
377
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__option_xow3q {
377
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__option_ymwe4 {
378
378
  padding: var(--gap-0);
379
379
  }
380
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__scrollControls_xow3q > button {
380
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__scrollControls_ymwe4 > button {
381
381
  box-sizing: content-box;
382
382
  width: 40px;
383
383
  height: 40px;
384
384
  padding: var(--gap-0);
385
385
  }
386
- .tabs__desktop_xow3q.tabs__headline-medium_xow3q .tabs__scrollControls_xow3q button:first-child {
386
+ .tabs__desktop_ymwe4.tabs__headline-medium_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
387
387
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
388
388
  }
389
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__title_xow3q {
389
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__title_ymwe4 {
390
390
  padding-bottom: calc(32px / 2);
391
391
  }
392
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
393
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__pickerWrapper_xow3q {
392
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
393
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__pickerWrapper_ymwe4 {
394
394
  margin-left: 32px;
395
395
  }
396
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__option_xow3q {
396
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__option_ymwe4 {
397
397
  padding: var(--gap-0);
398
398
  }
399
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__scrollControls_xow3q > button {
399
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__scrollControls_ymwe4 > button {
400
400
  box-sizing: content-box;
401
401
  width: 32px;
402
402
  height: 32px;
403
403
  padding: var(--gap-0);
404
404
  }
405
- .tabs__desktop_xow3q.tabs__headline-small_xow3q .tabs__scrollControls_xow3q button:first-child {
405
+ .tabs__desktop_ymwe4.tabs__headline-small_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
406
406
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
407
407
  }
408
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__title_xow3q {
408
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__title_ymwe4 {
409
409
  padding-bottom: calc(24px / 2);
410
410
  }
411
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__title_xow3q + .tabs__title_xow3q,
412
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__pickerWrapper_xow3q {
411
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4,
412
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__pickerWrapper_ymwe4 {
413
413
  margin-left: 24px;
414
414
  }
415
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__option_xow3q {
415
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__option_ymwe4 {
416
416
  padding: var(--gap-0);
417
417
  }
418
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__scrollControls_xow3q > button {
418
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__scrollControls_ymwe4 > button {
419
419
  box-sizing: content-box;
420
420
  width: 24px;
421
421
  height: 24px;
422
422
  padding: var(--gap-0);
423
423
  }
424
- .tabs__desktop_xow3q.tabs__headline-xsmall_xow3q .tabs__scrollControls_xow3q button:first-child {
424
+ .tabs__desktop_ymwe4.tabs__headline-xsmall_ymwe4 .tabs__scrollControls_ymwe4 button:first-child {
425
425
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
426
426
  }
427
- .tabs__fullWidthScroll_xow3q {
427
+ .tabs__fullWidthScroll_ymwe4 {
428
428
  min-width: calc(100% - 2 * var(--gap-16));
429
429
  margin: var(--gap-0) var(--gap-16);
430
430
  }
431
- .tabs__container_xow3q {
431
+ .tabs__container_ymwe4 {
432
432
  position: relative;
433
433
  overflow: hidden;
434
434
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
435
435
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
436
436
  }
437
- .tabs__title_xow3q {
437
+ .tabs__title_ymwe4 {
438
438
  display: flex;
439
439
  align-items: center;
440
440
  height: 100%;
@@ -451,26 +451,26 @@
451
451
  user-select: none;
452
452
  outline: none;
453
453
  }
454
- .tabs__title_xow3q:not(:disabled):hover {
454
+ .tabs__title_ymwe4:not(:disabled):hover {
455
455
  color: var(--primary-tablist-hover-color);
456
456
  }
457
- .tabs__focused_xow3q {
457
+ .tabs__focused_ymwe4 {
458
458
  outline: 2px solid var(--focus-color);
459
459
  outline-offset: 2px;
460
460
  }
461
- .tabs__collapsed_xow3q {
461
+ .tabs__collapsed_ymwe4 {
462
462
  order: 99;
463
463
  visibility: collapse;
464
464
  }
465
- .tabs__selected_xow3q {
465
+ .tabs__selected_ymwe4 {
466
466
  cursor: default;
467
467
  color: var(--primary-tablist-selected-color);
468
468
  }
469
- .tabs__disabled_xow3q {
469
+ .tabs__disabled_ymwe4 {
470
470
  cursor: var(--disabled-cursor);
471
471
  color: var(--primary-tablist-disabled-color);
472
472
  }
473
- .tabs__line_xow3q {
473
+ .tabs__line_ymwe4 {
474
474
  position: absolute;
475
475
  height: 3px;
476
476
  bottom: calc(var(--gap-2) / 2);
@@ -480,67 +480,67 @@
480
480
  transform 0.2s ease,
481
481
  width 0.2s ease;
482
482
  }
483
- .tabs__option_xow3q {
483
+ .tabs__option_ymwe4 {
484
484
  color: var(--color-light-text-primary);
485
485
  }
486
- .tabs__s_xow3q .tabs__title_xow3q, .tabs__xs_xow3q .tabs__title_xow3q, .tabs__xxs_xow3q .tabs__title_xow3q {
486
+ .tabs__s_ymwe4 .tabs__title_ymwe4, .tabs__xs_ymwe4 .tabs__title_ymwe4, .tabs__xxs_ymwe4 .tabs__title_ymwe4 {
487
487
  padding: var(--primary-tablist-s-padding);
488
488
  }
489
- .tabs__s_xow3q .tabs__title_xow3q + .tabs__title_xow3q, .tabs__xs_xow3q .tabs__title_xow3q + .tabs__title_xow3q, .tabs__xxs_xow3q .tabs__title_xow3q + .tabs__title_xow3q {
489
+ .tabs__s_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4, .tabs__xs_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4, .tabs__xxs_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4 {
490
490
  margin-left: var(--primary-tablist-s-gaps);
491
491
  }
492
- .tabs__s_xow3q .tabs__pickerWrapper_xow3q, .tabs__xs_xow3q .tabs__pickerWrapper_xow3q, .tabs__xxs_xow3q .tabs__pickerWrapper_xow3q {
492
+ .tabs__s_ymwe4 .tabs__pickerWrapper_ymwe4, .tabs__xs_ymwe4 .tabs__pickerWrapper_ymwe4, .tabs__xxs_ymwe4 .tabs__pickerWrapper_ymwe4 {
493
493
  margin-left: var(--primary-tablist-s-gaps);
494
494
  }
495
- .tabs__s_xow3q .tabs__option_xow3q, .tabs__xs_xow3q .tabs__option_xow3q, .tabs__xxs_xow3q .tabs__option_xow3q {
495
+ .tabs__s_ymwe4 .tabs__option_ymwe4, .tabs__xs_ymwe4 .tabs__option_ymwe4, .tabs__xxs_ymwe4 .tabs__option_ymwe4 {
496
496
  padding: var(--gap-0);
497
497
  }
498
- .tabs__m_xow3q .tabs__title_xow3q {
498
+ .tabs__m_ymwe4 .tabs__title_ymwe4 {
499
499
  padding: var(--primary-tablist-m-padding);
500
500
  }
501
- .tabs__m_xow3q .tabs__title_xow3q + .tabs__title_xow3q {
501
+ .tabs__m_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4 {
502
502
  margin-left: var(--primary-tablist-m-gaps);
503
503
  }
504
- .tabs__m_xow3q .tabs__pickerWrapper_xow3q {
504
+ .tabs__m_ymwe4 .tabs__pickerWrapper_ymwe4 {
505
505
  margin-left: var(--primary-tablist-m-gaps);
506
506
  }
507
- .tabs__m_xow3q .tabs__option_xow3q {
507
+ .tabs__m_ymwe4 .tabs__option_ymwe4 {
508
508
  padding: var(--gap-0);
509
509
  }
510
- .tabs__l_xow3q .tabs__title_xow3q {
510
+ .tabs__l_ymwe4 .tabs__title_ymwe4 {
511
511
  padding: var(--primary-tablist-l-padding);
512
512
  }
513
- .tabs__l_xow3q .tabs__title_xow3q + .tabs__title_xow3q {
513
+ .tabs__l_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4 {
514
514
  margin-left: var(--primary-tablist-l-gaps);
515
515
  }
516
- .tabs__l_xow3q .tabs__pickerWrapper_xow3q {
516
+ .tabs__l_ymwe4 .tabs__pickerWrapper_ymwe4 {
517
517
  margin-left: var(--primary-tablist-l-gaps);
518
518
  }
519
- .tabs__l_xow3q .tabs__option_xow3q {
519
+ .tabs__l_ymwe4 .tabs__option_ymwe4 {
520
520
  padding: var(--gap-0);
521
521
  }
522
- .tabs__xl_xow3q .tabs__title_xow3q {
522
+ .tabs__xl_ymwe4 .tabs__title_ymwe4 {
523
523
  padding: var(--primary-tablist-xl-padding);
524
524
  }
525
- .tabs__xl_xow3q .tabs__title_xow3q + .tabs__title_xow3q {
525
+ .tabs__xl_ymwe4 .tabs__title_ymwe4 + .tabs__title_ymwe4 {
526
526
  margin-left: var(--primary-tablist-xl-gaps);
527
527
  }
528
- .tabs__xl_xow3q .tabs__pickerWrapper_xow3q {
528
+ .tabs__xl_ymwe4 .tabs__pickerWrapper_ymwe4 {
529
529
  margin-left: var(--primary-tablist-xl-gaps);
530
530
  }
531
- .tabs__xl_xow3q .tabs__option_xow3q {
531
+ .tabs__xl_ymwe4 .tabs__option_ymwe4 {
532
532
  padding: var(--gap-0);
533
533
  }
534
- .tabs__rightAddons_xow3q {
534
+ .tabs__rightAddons_ymwe4 {
535
535
  display: flex;
536
536
  justify-content: center;
537
537
  align-items: center;
538
538
  margin-left: var(--gap-8);
539
539
  }
540
- .tabs__rightAddonsMarginZero_xow3q {
540
+ .tabs__rightAddonsMarginZero_ymwe4 {
541
541
  margin-left: var(--gap-0);
542
542
  }
543
- .tabs__title_xow3q.tabs__noTextStyle_xow3q {
543
+ .tabs__title_ymwe4.tabs__noTextStyle_ymwe4 {
544
544
  font-size: 18px;
545
545
  line-height: 24px;
546
546
  font-weight: 400;