@alfalab/core-components-tabs 9.0.0 → 9.0.1

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 +131 -131
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +219 -219
  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 +131 -131
  16. package/esm/components/primary-tablist/index.module.css.js +1 -1
  17. package/esm/components/primary-tablist/mobile.css +219 -219
  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 +131 -131
  30. package/modern/components/primary-tablist/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/mobile.css +219 -219
  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 +9 -9
@@ -65,11 +65,11 @@
65
65
  --primary-tablist-xl-font-weight: 400;
66
66
  --primary-tablist-xl-font-family: var(--font-family-system);
67
67
  --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
68
- }.tabs__component_bnoxs {
68
+ }.tabs__component_qzk78 {
69
69
  position: relative;
70
70
  display: inline-flex;
71
71
  min-width: 100%
72
- }.tabs__component_bnoxs:before {
72
+ }.tabs__component_qzk78:before {
73
73
  content: '';
74
74
  display: block;
75
75
  position: absolute;
@@ -77,271 +77,271 @@
77
77
  height: 1px;
78
78
  width: 100%;
79
79
  background-color: var(--primary-tablist-bottom-border-color);
80
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs {
80
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78 {
81
81
  font-size: 18px;
82
82
  line-height: 24px;
83
83
  font-weight: 400;
84
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs {
84
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78 {
85
85
  font-size: 16px;
86
86
  line-height: 24px;
87
87
  font-weight: 400;
88
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs {
88
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78 {
89
89
  font-size: 14px;
90
90
  line-height: 20px;
91
91
  font-weight: 400;
92
- }.tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs {
92
+ }.tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78 {
93
93
  font-size: 18px;
94
94
  line-height: 24px;
95
95
  font-weight: 500;
96
- }.tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs {
96
+ }.tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 {
97
97
  font-size: 16px;
98
98
  line-height: 24px;
99
99
  font-weight: 500;
100
- }.tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs {
100
+ }.tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 {
101
101
  font-size: 14px;
102
102
  line-height: 20px;
103
103
  font-weight: 500;
104
- }.tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs {
104
+ }.tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78 {
105
105
  font-size: 18px;
106
106
  line-height: 24px;
107
107
  font-weight: 700;
108
- }.tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs {
108
+ }.tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78 {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 700;
112
- }.tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs {
112
+ }.tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78 {
113
113
  font-size: 14px;
114
114
  line-height: 20px;
115
115
  font-weight: 700;
116
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs {
116
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 {
117
117
  padding-bottom: calc(24px / 2);
118
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
119
- .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
120
- .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
121
- .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs,
122
- .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
123
- .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
124
- .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
125
- .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs,
126
- .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
127
- .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
128
- .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
129
- .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs {
118
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
119
+ .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
120
+ .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
121
+ .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__pickerWrapper_qzk78,
122
+ .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
123
+ .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
124
+ .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
125
+ .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__pickerWrapper_qzk78,
126
+ .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
127
+ .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
128
+ .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
129
+ .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__pickerWrapper_qzk78 {
130
130
  margin-left: 24px;
131
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__option_bnoxs {
131
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__option_qzk78 {
132
132
  padding: var(--gap-0);
133
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button {
133
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button {
134
134
  box-sizing: content-box;
135
135
  width: 24px;
136
136
  height: 24px;
137
137
  padding: var(--gap-0);
138
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
138
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
139
139
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
140
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs {
140
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 {
141
141
  padding-bottom: calc(20px / 2);
142
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
143
- .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__pickerWrapper_bnoxs,
144
- .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
145
- .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__pickerWrapper_bnoxs,
146
- .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
147
- .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__pickerWrapper_bnoxs {
142
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
143
+ .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__pickerWrapper_qzk78,
144
+ .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
145
+ .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__pickerWrapper_qzk78,
146
+ .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
147
+ .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__pickerWrapper_qzk78 {
148
148
  margin-left: 20px;
149
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__option_bnoxs {
149
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__option_qzk78 {
150
150
  padding: var(--gap-0);
151
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__scrollControls_bnoxs > button {
151
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__scrollControls_qzk78 > button {
152
152
  box-sizing: content-box;
153
153
  width: 20px;
154
154
  height: 20px;
155
155
  padding: var(--gap-0);
156
- }.tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
156
+ }.tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
157
157
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
158
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs {
158
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 {
159
159
  font-size: 48px;
160
160
  line-height: 52px;
161
161
  font-weight: 700;
162
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs {
162
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78 {
163
163
  font-size: 40px;
164
164
  line-height: 48px;
165
165
  font-weight: 700;
166
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs {
166
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 {
167
167
  font-size: 30px;
168
168
  line-height: 36px;
169
169
  font-weight: 700;
170
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs {
170
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 {
171
171
  font-size: 22px;
172
172
  line-height: 26px;
173
173
  font-weight: 700;
174
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs {
174
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 {
175
175
  font-size: 18px;
176
176
  line-height: 22px;
177
177
  font-weight: 700;
178
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs {
178
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 {
179
179
  font-size: 48px;
180
180
  line-height: 64px;
181
181
  font-weight: 500;
182
182
  font-feature-settings: 'ss01';
183
183
  font-family: var(--font-family-styrene);
184
- }.tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs {
184
+ }.tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 {
185
185
  font-size: 40px;
186
186
  line-height: 48px;
187
187
  font-weight: 500;
188
188
  font-feature-settings: 'ss01';
189
189
  font-family: var(--font-family-styrene);
190
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs {
190
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 {
191
191
  font-size: 32px;
192
192
  line-height: 40px;
193
193
  font-weight: 500;
194
194
  font-feature-settings: 'ss01';
195
195
  font-family: var(--font-family-styrene);
196
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs {
196
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 {
197
197
  font-size: 24px;
198
198
  line-height: 32px;
199
199
  font-weight: 500;
200
200
  font-feature-settings: 'ss01';
201
201
  font-family: var(--font-family-styrene);
202
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs {
202
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 {
203
203
  font-size: 20px;
204
204
  line-height: 24px;
205
205
  font-weight: 500;
206
206
  font-feature-settings: 'ss01';
207
207
  font-family: var(--font-family-styrene);
208
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs {
208
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 {
209
209
  padding-bottom: calc(52px / 2);
210
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
211
- .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__pickerWrapper_bnoxs {
210
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
211
+ .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__pickerWrapper_qzk78 {
212
212
  margin-left: 52px;
213
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__option_bnoxs {
213
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__option_qzk78 {
214
214
  padding: var(--gap-0);
215
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__scrollControls_bnoxs > button {
215
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__scrollControls_qzk78 > button {
216
216
  box-sizing: content-box;
217
217
  width: 52px;
218
218
  height: 52px;
219
219
  padding: var(--gap-0);
220
- }.tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__scrollControls_bnoxs button:first-child {
220
+ }.tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__scrollControls_qzk78 button:first-child {
221
221
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
222
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs {
222
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 {
223
223
  padding-bottom: calc(48px / 2);
224
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
225
- .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__pickerWrapper_bnoxs,
226
- .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
227
- .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__pickerWrapper_bnoxs {
224
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
225
+ .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__pickerWrapper_qzk78,
226
+ .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
227
+ .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__pickerWrapper_qzk78 {
228
228
  margin-left: 48px;
229
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__option_bnoxs {
229
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__option_qzk78 {
230
230
  padding: var(--gap-0);
231
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__scrollControls_bnoxs > button {
231
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__scrollControls_qzk78 > button {
232
232
  box-sizing: content-box;
233
233
  width: 48px;
234
234
  height: 48px;
235
235
  padding: var(--gap-0);
236
- }.tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__scrollControls_bnoxs button:first-child {
236
+ }.tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__scrollControls_qzk78 button:first-child {
237
237
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
238
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs {
238
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 {
239
239
  padding-bottom: calc(36px / 2);
240
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
241
- .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__pickerWrapper_bnoxs {
240
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
241
+ .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__pickerWrapper_qzk78 {
242
242
  margin-left: 36px;
243
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__option_bnoxs {
243
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__option_qzk78 {
244
244
  padding: var(--gap-0);
245
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__scrollControls_bnoxs > button {
245
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__scrollControls_qzk78 > button {
246
246
  box-sizing: content-box;
247
247
  width: 36px;
248
248
  height: 36px;
249
249
  padding: var(--gap-0);
250
- }.tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
250
+ }.tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
251
251
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
252
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs {
252
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 {
253
253
  padding-bottom: calc(26px / 2);
254
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
255
- .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__pickerWrapper_bnoxs {
254
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
255
+ .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__pickerWrapper_qzk78 {
256
256
  margin-left: 26px;
257
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__option_bnoxs {
257
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__option_qzk78 {
258
258
  padding: var(--gap-0);
259
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__scrollControls_bnoxs > button {
259
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__scrollControls_qzk78 > button {
260
260
  box-sizing: content-box;
261
261
  width: 26px;
262
262
  height: 26px;
263
263
  padding: var(--gap-0);
264
- }.tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
264
+ }.tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
265
265
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
266
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs {
266
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 {
267
267
  padding-bottom: calc(22px / 2);
268
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
269
- .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__pickerWrapper_bnoxs {
268
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
269
+ .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__pickerWrapper_qzk78 {
270
270
  margin-left: 22px;
271
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__option_bnoxs {
271
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__option_qzk78 {
272
272
  padding: var(--gap-0);
273
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__scrollControls_bnoxs > button {
273
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__scrollControls_qzk78 > button {
274
274
  box-sizing: content-box;
275
275
  width: 22px;
276
276
  height: 22px;
277
277
  padding: var(--gap-0);
278
- }.tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__scrollControls_bnoxs button:first-child {
278
+ }.tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__scrollControls_qzk78 button:first-child {
279
279
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
280
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs {
280
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 {
281
281
  padding-bottom: calc(64px / 2);
282
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
283
- .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__pickerWrapper_bnoxs {
282
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
283
+ .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__pickerWrapper_qzk78 {
284
284
  margin-left: 64px;
285
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__option_bnoxs {
285
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__option_qzk78 {
286
286
  padding: var(--gap-0);
287
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__scrollControls_bnoxs > button {
287
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__scrollControls_qzk78 > button {
288
288
  box-sizing: content-box;
289
289
  width: 64px;
290
290
  height: 64px;
291
291
  padding: var(--gap-0);
292
- }.tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__scrollControls_bnoxs button:first-child {
292
+ }.tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__scrollControls_qzk78 button:first-child {
293
293
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
294
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs {
294
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 {
295
295
  padding-bottom: calc(40px / 2);
296
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
297
- .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__pickerWrapper_bnoxs {
296
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
297
+ .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__pickerWrapper_qzk78 {
298
298
  margin-left: 40px;
299
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__option_bnoxs {
299
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__option_qzk78 {
300
300
  padding: var(--gap-0);
301
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__scrollControls_bnoxs > button {
301
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__scrollControls_qzk78 > button {
302
302
  box-sizing: content-box;
303
303
  width: 40px;
304
304
  height: 40px;
305
305
  padding: var(--gap-0);
306
- }.tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
306
+ }.tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
307
307
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
308
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs {
308
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 {
309
309
  padding-bottom: calc(32px / 2);
310
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
311
- .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__pickerWrapper_bnoxs {
310
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
311
+ .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__pickerWrapper_qzk78 {
312
312
  margin-left: 32px;
313
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__option_bnoxs {
313
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__option_qzk78 {
314
314
  padding: var(--gap-0);
315
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__scrollControls_bnoxs > button {
315
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__scrollControls_qzk78 > button {
316
316
  box-sizing: content-box;
317
317
  width: 32px;
318
318
  height: 32px;
319
319
  padding: var(--gap-0);
320
- }.tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
320
+ }.tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
321
321
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
322
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs {
322
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 {
323
323
  padding-bottom: calc(24px / 2);
324
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
325
- .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__pickerWrapper_bnoxs {
324
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
325
+ .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__pickerWrapper_qzk78 {
326
326
  margin-left: 24px;
327
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__option_bnoxs {
327
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__option_qzk78 {
328
328
  padding: var(--gap-0);
329
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__scrollControls_bnoxs > button {
329
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__scrollControls_qzk78 > button {
330
330
  box-sizing: content-box;
331
331
  width: 24px;
332
332
  height: 24px;
333
333
  padding: var(--gap-0);
334
- }.tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__scrollControls_bnoxs button:first-child {
334
+ }.tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__scrollControls_qzk78 button:first-child {
335
335
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
336
- }.tabs__fullWidthScroll_bnoxs {
336
+ }.tabs__fullWidthScroll_qzk78 {
337
337
  min-width: calc(100% - 2 * var(--gap-16));
338
338
  margin: var(--gap-0) var(--gap-16);
339
- }.tabs__container_bnoxs {
339
+ }.tabs__container_qzk78 {
340
340
  position: relative;
341
341
  overflow: hidden;
342
342
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
343
343
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
344
- }.tabs__title_bnoxs {
344
+ }.tabs__title_qzk78 {
345
345
  display: flex;
346
346
  align-items: center;
347
347
  height: 100%;
@@ -358,83 +358,83 @@
358
358
  -moz-user-select: none;
359
359
  user-select: none;
360
360
  outline: none
361
- }.tabs__title_bnoxs:not(:disabled):hover {
361
+ }.tabs__title_qzk78:not(:disabled):hover {
362
362
  color: var(--primary-tablist-hover-color);
363
- }.tabs__focused_bnoxs {
363
+ }.tabs__focused_qzk78 {
364
364
  outline: 2px solid var(--focus-color);
365
365
  outline-offset: 2px;
366
- }.tabs__collapsed_bnoxs {
366
+ }.tabs__collapsed_qzk78 {
367
367
  order: 99;
368
368
  visibility: collapse;
369
- }.tabs__selected_bnoxs {
369
+ }.tabs__selected_qzk78 {
370
370
  cursor: default;
371
371
  color: var(--primary-tablist-selected-color);
372
- }.tabs__disabled_bnoxs {
372
+ }.tabs__disabled_qzk78 {
373
373
  cursor: var(--disabled-cursor);
374
374
  color: var(--primary-tablist-disabled-color);
375
- }.tabs__line_bnoxs {
375
+ }.tabs__line_qzk78 {
376
376
  position: absolute;
377
377
  height: 3px;
378
378
  bottom: var(--gap-0);
379
379
  left: var(--gap-0);
380
380
  background-color: var(--primary-tablist-line-color);
381
381
  transition: transform 0.2s ease, width 0.2s ease;
382
- }.tabs__option_bnoxs {
382
+ }.tabs__option_qzk78 {
383
383
  color: var(--color-light-text-primary);
384
- }.tabs__s_bnoxs .tabs__title_bnoxs, .tabs__xs_bnoxs .tabs__title_bnoxs, .tabs__xxs_bnoxs .tabs__title_bnoxs {
384
+ }.tabs__s_qzk78 .tabs__title_qzk78, .tabs__xs_qzk78 .tabs__title_qzk78, .tabs__xxs_qzk78 .tabs__title_qzk78 {
385
385
  padding: var(--primary-tablist-s-padding);
386
386
  font-size: var(--primary-tablist-s-font-size);
387
387
  font-weight: var(--primary-tablist-s-font-weight);
388
388
  font-family: var(--primary-tablist-s-font-family);
389
389
  line-height: 24px;
390
- }.tabs__s_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs, .tabs__xs_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs, .tabs__xxs_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
390
+ }.tabs__s_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78, .tabs__xs_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78, .tabs__xxs_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
391
391
  margin-left: var(--primary-tablist-s-gaps);
392
- }.tabs__s_bnoxs .tabs__pickerWrapper_bnoxs, .tabs__xs_bnoxs .tabs__pickerWrapper_bnoxs, .tabs__xxs_bnoxs .tabs__pickerWrapper_bnoxs {
392
+ }.tabs__s_qzk78 .tabs__pickerWrapper_qzk78, .tabs__xs_qzk78 .tabs__pickerWrapper_qzk78, .tabs__xxs_qzk78 .tabs__pickerWrapper_qzk78 {
393
393
  margin-left: var(--primary-tablist-s-gaps);
394
- }.tabs__s_bnoxs .tabs__option_bnoxs, .tabs__xs_bnoxs .tabs__option_bnoxs, .tabs__xxs_bnoxs .tabs__option_bnoxs {
394
+ }.tabs__s_qzk78 .tabs__option_qzk78, .tabs__xs_qzk78 .tabs__option_qzk78, .tabs__xxs_qzk78 .tabs__option_qzk78 {
395
395
  padding: var(--gap-0);
396
- }.tabs__m_bnoxs .tabs__title_bnoxs {
396
+ }.tabs__m_qzk78 .tabs__title_qzk78 {
397
397
  padding: var(--primary-tablist-m-padding);
398
398
  font-size: var(--primary-tablist-m-font-size);
399
399
  font-weight: var(--primary-tablist-m-font-weight);
400
400
  font-family: var(--primary-tablist-m-font-family);
401
401
  line-height: 24px;
402
- }.tabs__m_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
402
+ }.tabs__m_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
403
403
  margin-left: var(--primary-tablist-m-gaps);
404
- }.tabs__m_bnoxs .tabs__pickerWrapper_bnoxs {
404
+ }.tabs__m_qzk78 .tabs__pickerWrapper_qzk78 {
405
405
  margin-left: var(--primary-tablist-m-gaps);
406
- }.tabs__m_bnoxs .tabs__option_bnoxs {
406
+ }.tabs__m_qzk78 .tabs__option_qzk78 {
407
407
  padding: var(--gap-0);
408
- }.tabs__l_bnoxs .tabs__title_bnoxs {
408
+ }.tabs__l_qzk78 .tabs__title_qzk78 {
409
409
  padding: var(--primary-tablist-l-padding);
410
410
  font-size: var(--primary-tablist-l-font-size);
411
411
  font-weight: var(--primary-tablist-l-font-weight);
412
412
  font-family: var(--primary-tablist-l-font-family);
413
413
  line-height: 24px;
414
- }.tabs__l_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
414
+ }.tabs__l_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
415
415
  margin-left: var(--primary-tablist-l-gaps);
416
- }.tabs__l_bnoxs .tabs__pickerWrapper_bnoxs {
416
+ }.tabs__l_qzk78 .tabs__pickerWrapper_qzk78 {
417
417
  margin-left: var(--primary-tablist-l-gaps);
418
- }.tabs__l_bnoxs .tabs__option_bnoxs {
418
+ }.tabs__l_qzk78 .tabs__option_qzk78 {
419
419
  padding: var(--gap-0);
420
- }.tabs__xl_bnoxs .tabs__title_bnoxs {
420
+ }.tabs__xl_qzk78 .tabs__title_qzk78 {
421
421
  padding: var(--primary-tablist-xl-padding);
422
422
  font-size: var(--primary-tablist-xl-font-size);
423
423
  font-weight: var(--primary-tablist-xl-font-weight);
424
424
  font-family: var(--primary-tablist-xl-font-family);
425
425
  line-height: 32px;
426
- }.tabs__xl_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
426
+ }.tabs__xl_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
427
427
  margin-left: var(--primary-tablist-xl-gaps);
428
- }.tabs__xl_bnoxs .tabs__pickerWrapper_bnoxs {
428
+ }.tabs__xl_qzk78 .tabs__pickerWrapper_qzk78 {
429
429
  margin-left: var(--primary-tablist-xl-gaps);
430
- }.tabs__xl_bnoxs .tabs__option_bnoxs {
430
+ }.tabs__xl_qzk78 .tabs__option_qzk78 {
431
431
  padding: var(--gap-0);
432
- }.tabs__rightAddons_bnoxs {
432
+ }.tabs__rightAddons_qzk78 {
433
433
  display: flex;
434
434
  justify-content: center;
435
435
  align-items: center;
436
436
  margin-left: var(--gap-8);
437
- }.tabs__rightAddonsMarginZero_bnoxs {
437
+ }.tabs__rightAddonsMarginZero_qzk78 {
438
438
  margin-left: var(--gap-0);
439
439
  } :root {
440
440
  --color-dark-indigo: #0b1f35;
@@ -2059,221 +2059,221 @@
2059
2059
  --secondary-tablist-l-gaps: var(--gap-16);
2060
2060
  --secondary-tablist-xl-gaps: var(--gap-16);
2061
2061
  --secondary-tablist-transparent-gaps: var(--gap-0);
2062
- } .tabs__title_1t4j8 {
2063
- } .tabs__mobile_1t4j8 .tabs__title_1t4j8 {
2062
+ } .tabs__title_sgjco {
2063
+ } .tabs__mobile_sgjco .tabs__title_sgjco {
2064
2064
  padding: var(--primary-tablist-mobile-padding);
2065
2065
  font-size: var(--primary-tablist-mobile-font-size);
2066
2066
  font-weight: var(--primary-tablist-mobile-font-weight);
2067
2067
  font-family: var(--primary-tablist-mobile-font-family);
2068
2068
  line-height: var(--primary-tablist-mobile-line-height)
2069
- } .tabs__mobile_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8 {
2069
+ } .tabs__mobile_sgjco .tabs__title_sgjco + .tabs__title_sgjco {
2070
2070
  margin-left: var(--primary-tablist-mobile-gaps);
2071
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__title_1t4j8 {
2071
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__title_sgjco {
2072
2072
  font-size: 18px;
2073
2073
  line-height: 24px;
2074
2074
  font-weight: 400;
2075
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__title_1t4j8 {
2075
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__title_sgjco {
2076
2076
  font-size: 16px;
2077
2077
  line-height: 24px;
2078
2078
  font-weight: 400;
2079
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__title_1t4j8 {
2079
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__title_sgjco {
2080
2080
  font-size: 14px;
2081
2081
  line-height: 20px;
2082
2082
  font-weight: 400;
2083
- } .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__title_1t4j8 {
2083
+ } .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__title_sgjco {
2084
2084
  font-size: 18px;
2085
2085
  line-height: 24px;
2086
2086
  font-weight: 500;
2087
- } .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__title_1t4j8 {
2087
+ } .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__title_sgjco {
2088
2088
  font-size: 16px;
2089
2089
  line-height: 24px;
2090
2090
  font-weight: 500;
2091
- } .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__title_1t4j8 {
2091
+ } .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__title_sgjco {
2092
2092
  font-size: 14px;
2093
2093
  line-height: 20px;
2094
2094
  font-weight: 500;
2095
- } .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__title_1t4j8 {
2095
+ } .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__title_sgjco {
2096
2096
  font-size: 18px;
2097
2097
  line-height: 24px;
2098
2098
  font-weight: 700;
2099
- } .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__title_1t4j8 {
2099
+ } .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__title_sgjco {
2100
2100
  font-size: 16px;
2101
2101
  line-height: 24px;
2102
2102
  font-weight: 700;
2103
- } .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__title_1t4j8 {
2103
+ } .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__title_sgjco {
2104
2104
  font-size: 14px;
2105
2105
  line-height: 20px;
2106
2106
  font-weight: 700;
2107
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__title_1t4j8 {
2107
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__title_sgjco {
2108
2108
  padding-bottom: calc(24px / 2);
2109
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2110
- .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__pickerWrapper_1t4j8,
2111
- .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2112
- .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__pickerWrapper_1t4j8,
2113
- .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2114
- .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__pickerWrapper_1t4j8,
2115
- .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2116
- .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__pickerWrapper_1t4j8,
2117
- .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2118
- .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__pickerWrapper_1t4j8,
2119
- .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2120
- .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__pickerWrapper_1t4j8 {
2109
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2110
+ .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__pickerWrapper_sgjco,
2111
+ .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2112
+ .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__pickerWrapper_sgjco,
2113
+ .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2114
+ .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__pickerWrapper_sgjco,
2115
+ .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2116
+ .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__pickerWrapper_sgjco,
2117
+ .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2118
+ .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__pickerWrapper_sgjco,
2119
+ .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2120
+ .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__pickerWrapper_sgjco {
2121
2121
  margin-left: 24px;
2122
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__option_1t4j8 {
2122
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__option_sgjco {
2123
2123
  padding: var(--gap-0);
2124
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 > button {
2124
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__scrollControls_sgjco > button {
2125
2125
  box-sizing: content-box;
2126
2126
  width: 24px;
2127
2127
  height: 24px;
2128
2128
  padding: var(--gap-0);
2129
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-large_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__paragraph-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__accent-primary-large_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__accent-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__action-primary-large_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__action-primary-medium_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2129
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-large_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__paragraph-primary-medium_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__accent-primary-large_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__accent-primary-medium_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__action-primary-large_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__action-primary-medium_sgjco .tabs__scrollControls_sgjco button:first-child {
2130
2130
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
2131
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__title_1t4j8 {
2131
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__title_sgjco {
2132
2132
  padding-bottom: calc(20px / 2);
2133
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2134
- .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__pickerWrapper_1t4j8,
2135
- .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2136
- .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__pickerWrapper_1t4j8,
2137
- .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2138
- .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__pickerWrapper_1t4j8 {
2133
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2134
+ .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__pickerWrapper_sgjco,
2135
+ .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2136
+ .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__pickerWrapper_sgjco,
2137
+ .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2138
+ .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__pickerWrapper_sgjco {
2139
2139
  margin-left: 20px;
2140
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__option_1t4j8 {
2140
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__option_sgjco {
2141
2141
  padding: var(--gap-0);
2142
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__scrollControls_1t4j8 > button {
2142
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__scrollControls_sgjco > button {
2143
2143
  box-sizing: content-box;
2144
2144
  width: 20px;
2145
2145
  height: 20px;
2146
2146
  padding: var(--gap-0);
2147
- } .tabs__mobile_1t4j8.tabs__paragraph-primary-small_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__accent-primary-small_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__action-primary-small_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2147
+ } .tabs__mobile_sgjco.tabs__paragraph-primary-small_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__accent-primary-small_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__action-primary-small_sgjco .tabs__scrollControls_sgjco button:first-child {
2148
2148
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2149
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__title_1t4j8 {
2149
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__title_sgjco {
2150
2150
  font-size: 34px;
2151
2151
  line-height: 40px;
2152
2152
  font-weight: 600;
2153
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__title_1t4j8 {
2153
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__title_sgjco {
2154
2154
  font-size: 30px;
2155
2155
  line-height: 36px;
2156
2156
  font-weight: 600;
2157
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__title_1t4j8 {
2157
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__title_sgjco {
2158
2158
  font-size: 26px;
2159
2159
  line-height: 32px;
2160
2160
  font-weight: 600;
2161
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__title_1t4j8 {
2161
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__title_sgjco {
2162
2162
  font-size: 20px;
2163
2163
  line-height: 28px;
2164
2164
  font-weight: 600;
2165
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__title_1t4j8 {
2165
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__title_sgjco {
2166
2166
  font-size: 16px;
2167
2167
  line-height: 20px;
2168
2168
  font-weight: 600;
2169
- } .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__title_1t4j8 {
2169
+ } .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__title_sgjco {
2170
2170
  font-size: 34px;
2171
2171
  line-height: 40px;
2172
2172
  font-weight: 500;
2173
2173
  font-feature-settings: 'ss01';
2174
2174
  font-family: var(--font-family-styrene);
2175
- } .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__title_1t4j8 {
2175
+ } .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__title_sgjco {
2176
2176
  font-size: 30px;
2177
2177
  line-height: 36px;
2178
2178
  font-weight: 500;
2179
2179
  font-feature-settings: 'ss01';
2180
2180
  font-family: var(--font-family-styrene);
2181
- } .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__title_1t4j8 {
2181
+ } .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__title_sgjco {
2182
2182
  font-size: 26px;
2183
2183
  line-height: 32px;
2184
2184
  font-weight: 500;
2185
2185
  font-feature-settings: 'ss01';
2186
2186
  font-family: var(--font-family-styrene);
2187
- } .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__title_1t4j8 {
2187
+ } .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__title_sgjco {
2188
2188
  font-size: 20px;
2189
2189
  line-height: 28px;
2190
2190
  font-weight: 500;
2191
2191
  font-feature-settings: 'ss01';
2192
2192
  font-family: var(--font-family-styrene);
2193
- } .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__title_1t4j8 {
2193
+ } .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__title_sgjco {
2194
2194
  font-size: 16px;
2195
2195
  line-height: 20px;
2196
2196
  font-weight: 500;
2197
2197
  font-feature-settings: 'ss01';
2198
2198
  font-family: var(--font-family-styrene);
2199
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__title_1t4j8 {
2199
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__title_sgjco {
2200
2200
  padding-bottom: calc(40px / 2);
2201
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2202
- .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__pickerWrapper_1t4j8,
2203
- .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2204
- .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__pickerWrapper_1t4j8 {
2201
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2202
+ .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__pickerWrapper_sgjco,
2203
+ .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2204
+ .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__pickerWrapper_sgjco {
2205
2205
  margin-left: 40px;
2206
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__option_1t4j8 {
2206
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__option_sgjco {
2207
2207
  padding: var(--gap-0);
2208
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__scrollControls_1t4j8 > button {
2208
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__scrollControls_sgjco > button {
2209
2209
  box-sizing: content-box;
2210
2210
  width: 40px;
2211
2211
  height: 40px;
2212
2212
  padding: var(--gap-0);
2213
- } .tabs__mobile_1t4j8.tabs__headline-system-xlarge_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__headline-xlarge_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2213
+ } .tabs__mobile_sgjco.tabs__headline-system-xlarge_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__headline-xlarge_sgjco .tabs__scrollControls_sgjco button:first-child {
2214
2214
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
2215
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__title_1t4j8 {
2215
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__title_sgjco {
2216
2216
  padding-bottom: calc(36px / 2);
2217
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2218
- .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__pickerWrapper_1t4j8,
2219
- .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2220
- .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__pickerWrapper_1t4j8 {
2217
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2218
+ .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__pickerWrapper_sgjco,
2219
+ .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2220
+ .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__pickerWrapper_sgjco {
2221
2221
  margin-left: 36px;
2222
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__option_1t4j8 {
2222
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__option_sgjco {
2223
2223
  padding: var(--gap-0);
2224
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__scrollControls_1t4j8 > button {
2224
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__scrollControls_sgjco > button {
2225
2225
  box-sizing: content-box;
2226
2226
  width: 36px;
2227
2227
  height: 36px;
2228
2228
  padding: var(--gap-0);
2229
- } .tabs__mobile_1t4j8.tabs__headline-system-large_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__headline-large_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2229
+ } .tabs__mobile_sgjco.tabs__headline-system-large_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__headline-large_sgjco .tabs__scrollControls_sgjco button:first-child {
2230
2230
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
2231
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__title_1t4j8 {
2231
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__title_sgjco {
2232
2232
  padding-bottom: calc(32px / 2);
2233
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2234
- .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__pickerWrapper_1t4j8,
2235
- .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2236
- .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__pickerWrapper_1t4j8 {
2233
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2234
+ .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__pickerWrapper_sgjco,
2235
+ .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2236
+ .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__pickerWrapper_sgjco {
2237
2237
  margin-left: 32px;
2238
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__option_1t4j8 {
2238
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__option_sgjco {
2239
2239
  padding: var(--gap-0);
2240
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__scrollControls_1t4j8 > button {
2240
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__scrollControls_sgjco > button {
2241
2241
  box-sizing: content-box;
2242
2242
  width: 32px;
2243
2243
  height: 32px;
2244
2244
  padding: var(--gap-0);
2245
- } .tabs__mobile_1t4j8.tabs__headline-system-medium_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__headline-medium_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2245
+ } .tabs__mobile_sgjco.tabs__headline-system-medium_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__headline-medium_sgjco .tabs__scrollControls_sgjco button:first-child {
2246
2246
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
2247
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__title_1t4j8 {
2247
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__title_sgjco {
2248
2248
  padding-bottom: calc(28px / 2);
2249
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2250
- .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__pickerWrapper_1t4j8,
2251
- .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2252
- .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__pickerWrapper_1t4j8 {
2249
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2250
+ .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__pickerWrapper_sgjco,
2251
+ .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2252
+ .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__pickerWrapper_sgjco {
2253
2253
  margin-left: 28px;
2254
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__option_1t4j8 {
2254
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__option_sgjco {
2255
2255
  padding: var(--gap-0);
2256
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__scrollControls_1t4j8 > button {
2256
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__scrollControls_sgjco > button {
2257
2257
  box-sizing: content-box;
2258
2258
  width: 28px;
2259
2259
  height: 28px;
2260
2260
  padding: var(--gap-0);
2261
- } .tabs__mobile_1t4j8.tabs__headline-system-small_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__headline-small_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2261
+ } .tabs__mobile_sgjco.tabs__headline-system-small_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__headline-small_sgjco .tabs__scrollControls_sgjco button:first-child {
2262
2262
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
2263
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__title_1t4j8, .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__title_1t4j8 {
2263
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__title_sgjco, .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__title_sgjco {
2264
2264
  padding-bottom: calc(20px / 2);
2265
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2266
- .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__pickerWrapper_1t4j8,
2267
- .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__title_1t4j8 + .tabs__title_1t4j8,
2268
- .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__pickerWrapper_1t4j8 {
2265
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2266
+ .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__pickerWrapper_sgjco,
2267
+ .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__title_sgjco + .tabs__title_sgjco,
2268
+ .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__pickerWrapper_sgjco {
2269
2269
  margin-left: 20px;
2270
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__option_1t4j8, .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__option_1t4j8 {
2270
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__option_sgjco, .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__option_sgjco {
2271
2271
  padding: var(--gap-0);
2272
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__scrollControls_1t4j8 > button, .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__scrollControls_1t4j8 > button {
2272
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__scrollControls_sgjco > button, .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__scrollControls_sgjco > button {
2273
2273
  box-sizing: content-box;
2274
2274
  width: 20px;
2275
2275
  height: 20px;
2276
2276
  padding: var(--gap-0);
2277
- } .tabs__mobile_1t4j8.tabs__headline-system-xsmall_1t4j8 .tabs__scrollControls_1t4j8 button:first-child, .tabs__mobile_1t4j8.tabs__headline-xsmall_1t4j8 .tabs__scrollControls_1t4j8 button:first-child {
2277
+ } .tabs__mobile_sgjco.tabs__headline-system-xsmall_sgjco .tabs__scrollControls_sgjco button:first-child, .tabs__mobile_sgjco.tabs__headline-xsmall_sgjco .tabs__scrollControls_sgjco button:first-child {
2278
2278
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
2279
2279
  }