@alfalab/core-components-tabs 9.2.1 → 9.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +2 -2
package/esm/components/primary-tablist/mobile.css CHANGED
@@ -66,11 +66,11 @@
66
66
  --primary-tablist-xl-font-weight: 400;
67
67
  --primary-tablist-xl-font-family: var(--font-family-system);
68
68
  --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
69
- }.tabs__component_vpnkp {
69
+ }.tabs__component_txp5a {
70
70
  position: relative;
71
71
  display: inline-flex;
72
72
  min-width: 100%;
73
- }.tabs__component_vpnkp:before {
73
+ }.tabs__component_txp5a:before {
74
74
  content: '';
75
75
  display: block;
76
76
  position: absolute;
@@ -78,271 +78,271 @@
78
78
  height: 1px;
79
79
  width: 100%;
80
80
  background-color: var(--primary-tablist-bottom-border-color);
81
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__title_vpnkp {
81
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__title_txp5a {
82
82
  font-size: 18px;
83
83
  line-height: 24px;
84
84
  font-weight: 400;
85
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__title_vpnkp {
85
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__title_txp5a {
86
86
  font-size: 16px;
87
87
  line-height: 24px;
88
88
  font-weight: 400;
89
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__title_vpnkp {
89
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__title_txp5a {
90
90
  font-size: 14px;
91
91
  line-height: 20px;
92
92
  font-weight: 400;
93
- }.tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__title_vpnkp {
93
+ }.tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__title_txp5a {
94
94
  font-size: 18px;
95
95
  line-height: 24px;
96
96
  font-weight: 500;
97
- }.tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__title_vpnkp {
97
+ }.tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__title_txp5a {
98
98
  font-size: 16px;
99
99
  line-height: 24px;
100
100
  font-weight: 500;
101
- }.tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__title_vpnkp {
101
+ }.tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__title_txp5a {
102
102
  font-size: 14px;
103
103
  line-height: 20px;
104
104
  font-weight: 500;
105
- }.tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__title_vpnkp {
105
+ }.tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__title_txp5a {
106
106
  font-size: 18px;
107
107
  line-height: 24px;
108
108
  font-weight: 700;
109
- }.tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__title_vpnkp {
109
+ }.tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__title_txp5a {
110
110
  font-size: 16px;
111
111
  line-height: 24px;
112
112
  font-weight: 700;
113
- }.tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__title_vpnkp {
113
+ }.tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__title_txp5a {
114
114
  font-size: 14px;
115
115
  line-height: 20px;
116
116
  font-weight: 700;
117
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__title_vpnkp {
117
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__title_txp5a {
118
118
  padding-bottom: calc(24px / 2);
119
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
120
- .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
121
- .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
122
- .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
123
- .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
124
- .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
125
- .tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__pickerWrapper_vpnkp,
126
- .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__pickerWrapper_vpnkp,
127
- .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__pickerWrapper_vpnkp,
128
- .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__pickerWrapper_vpnkp,
129
- .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__pickerWrapper_vpnkp,
130
- .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__pickerWrapper_vpnkp {
119
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
120
+ .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
121
+ .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
122
+ .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
123
+ .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
124
+ .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
125
+ .tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__pickerWrapper_txp5a,
126
+ .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__pickerWrapper_txp5a,
127
+ .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__pickerWrapper_txp5a,
128
+ .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__pickerWrapper_txp5a,
129
+ .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__pickerWrapper_txp5a,
130
+ .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__pickerWrapper_txp5a {
131
131
  margin-left: 24px;
132
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__option_vpnkp {
132
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__option_txp5a {
133
133
  padding: var(--gap-0);
134
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__scrollControls_vpnkp > button {
134
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__scrollControls_txp5a > button {
135
135
  box-sizing: content-box;
136
136
  width: 24px;
137
137
  height: 24px;
138
138
  padding: var(--gap-0);
139
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-large_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__paragraph-primary-medium_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__accent-primary-large_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__accent-primary-medium_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__action-primary-large_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__action-primary-medium_vpnkp .tabs__scrollControls_vpnkp button:first-child {
139
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-large_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__paragraph-primary-medium_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__accent-primary-large_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__accent-primary-medium_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__action-primary-large_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__action-primary-medium_txp5a .tabs__scrollControls_txp5a button:first-child {
140
140
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
141
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__title_vpnkp {
141
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__title_txp5a {
142
142
  padding-bottom: calc(20px / 2);
143
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
144
- .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
145
- .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
146
- .tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__pickerWrapper_vpnkp,
147
- .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__pickerWrapper_vpnkp,
148
- .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__pickerWrapper_vpnkp {
143
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
144
+ .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
145
+ .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
146
+ .tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__pickerWrapper_txp5a,
147
+ .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__pickerWrapper_txp5a,
148
+ .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__pickerWrapper_txp5a {
149
149
  margin-left: 20px;
150
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__option_vpnkp {
150
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__option_txp5a {
151
151
  padding: var(--gap-0);
152
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__scrollControls_vpnkp > button {
152
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__scrollControls_txp5a > button {
153
153
  box-sizing: content-box;
154
154
  width: 20px;
155
155
  height: 20px;
156
156
  padding: var(--gap-0);
157
- }.tabs__desktop_vpnkp.tabs__paragraph-primary-small_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__accent-primary-small_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__action-primary-small_vpnkp .tabs__scrollControls_vpnkp button:first-child {
157
+ }.tabs__desktop_txp5a.tabs__paragraph-primary-small_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__accent-primary-small_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__action-primary-small_txp5a .tabs__scrollControls_txp5a button:first-child {
158
158
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
159
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__title_vpnkp {
159
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__title_txp5a {
160
160
  font-size: 48px;
161
161
  line-height: 52px;
162
162
  font-weight: 700;
163
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__title_vpnkp {
163
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__title_txp5a {
164
164
  font-size: 40px;
165
165
  line-height: 48px;
166
166
  font-weight: 700;
167
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__title_vpnkp {
167
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__title_txp5a {
168
168
  font-size: 30px;
169
169
  line-height: 36px;
170
170
  font-weight: 700;
171
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__title_vpnkp {
171
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__title_txp5a {
172
172
  font-size: 22px;
173
173
  line-height: 26px;
174
174
  font-weight: 700;
175
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__title_vpnkp {
175
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__title_txp5a {
176
176
  font-size: 18px;
177
177
  line-height: 22px;
178
178
  font-weight: 700;
179
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__title_vpnkp {
179
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__title_txp5a {
180
180
  font-size: 48px;
181
181
  line-height: 64px;
182
182
  font-weight: 500;
183
183
  font-feature-settings: 'ss01';
184
184
  font-family: var(--font-family-styrene);
185
- }.tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__title_vpnkp {
185
+ }.tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__title_txp5a {
186
186
  font-size: 40px;
187
187
  line-height: 48px;
188
188
  font-weight: 500;
189
189
  font-feature-settings: 'ss01';
190
190
  font-family: var(--font-family-styrene);
191
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__title_vpnkp {
191
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__title_txp5a {
192
192
  font-size: 32px;
193
193
  line-height: 40px;
194
194
  font-weight: 500;
195
195
  font-feature-settings: 'ss01';
196
196
  font-family: var(--font-family-styrene);
197
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__title_vpnkp {
197
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__title_txp5a {
198
198
  font-size: 24px;
199
199
  line-height: 32px;
200
200
  font-weight: 500;
201
201
  font-feature-settings: 'ss01';
202
202
  font-family: var(--font-family-styrene);
203
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__title_vpnkp {
203
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__title_txp5a {
204
204
  font-size: 20px;
205
205
  line-height: 24px;
206
206
  font-weight: 500;
207
207
  font-feature-settings: 'ss01';
208
208
  font-family: var(--font-family-styrene);
209
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__title_vpnkp {
209
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__title_txp5a {
210
210
  padding-bottom: calc(52px / 2);
211
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
212
- .tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__pickerWrapper_vpnkp {
211
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
212
+ .tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__pickerWrapper_txp5a {
213
213
  margin-left: 52px;
214
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__option_vpnkp {
214
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__option_txp5a {
215
215
  padding: var(--gap-0);
216
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__scrollControls_vpnkp > button {
216
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__scrollControls_txp5a > button {
217
217
  box-sizing: content-box;
218
218
  width: 52px;
219
219
  height: 52px;
220
220
  padding: var(--gap-0);
221
- }.tabs__desktop_vpnkp.tabs__headline-system-xlarge_vpnkp .tabs__scrollControls_vpnkp button:first-child {
221
+ }.tabs__desktop_txp5a.tabs__headline-system-xlarge_txp5a .tabs__scrollControls_txp5a button:first-child {
222
222
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
223
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__title_vpnkp, .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__title_vpnkp {
223
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__title_txp5a, .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__title_txp5a {
224
224
  padding-bottom: calc(48px / 2);
225
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
226
- .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
227
- .tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__pickerWrapper_vpnkp,
228
- .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__pickerWrapper_vpnkp {
225
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
226
+ .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
227
+ .tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__pickerWrapper_txp5a,
228
+ .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__pickerWrapper_txp5a {
229
229
  margin-left: 48px;
230
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__option_vpnkp, .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__option_vpnkp {
230
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__option_txp5a, .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__option_txp5a {
231
231
  padding: var(--gap-0);
232
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__scrollControls_vpnkp > button, .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__scrollControls_vpnkp > button {
232
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__scrollControls_txp5a > button, .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__scrollControls_txp5a > button {
233
233
  box-sizing: content-box;
234
234
  width: 48px;
235
235
  height: 48px;
236
236
  padding: var(--gap-0);
237
- }.tabs__desktop_vpnkp.tabs__headline-system-large_vpnkp .tabs__scrollControls_vpnkp button:first-child, .tabs__desktop_vpnkp.tabs__headline-large_vpnkp .tabs__scrollControls_vpnkp button:first-child {
237
+ }.tabs__desktop_txp5a.tabs__headline-system-large_txp5a .tabs__scrollControls_txp5a button:first-child, .tabs__desktop_txp5a.tabs__headline-large_txp5a .tabs__scrollControls_txp5a button:first-child {
238
238
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
239
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__title_vpnkp {
239
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__title_txp5a {
240
240
  padding-bottom: calc(36px / 2);
241
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
242
- .tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__pickerWrapper_vpnkp {
241
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
242
+ .tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__pickerWrapper_txp5a {
243
243
  margin-left: 36px;
244
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__option_vpnkp {
244
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__option_txp5a {
245
245
  padding: var(--gap-0);
246
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__scrollControls_vpnkp > button {
246
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__scrollControls_txp5a > button {
247
247
  box-sizing: content-box;
248
248
  width: 36px;
249
249
  height: 36px;
250
250
  padding: var(--gap-0);
251
- }.tabs__desktop_vpnkp.tabs__headline-system-medium_vpnkp .tabs__scrollControls_vpnkp button:first-child {
251
+ }.tabs__desktop_txp5a.tabs__headline-system-medium_txp5a .tabs__scrollControls_txp5a button:first-child {
252
252
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
253
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__title_vpnkp {
253
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__title_txp5a {
254
254
  padding-bottom: calc(26px / 2);
255
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
256
- .tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__pickerWrapper_vpnkp {
255
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
256
+ .tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__pickerWrapper_txp5a {
257
257
  margin-left: 26px;
258
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__option_vpnkp {
258
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__option_txp5a {
259
259
  padding: var(--gap-0);
260
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__scrollControls_vpnkp > button {
260
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__scrollControls_txp5a > button {
261
261
  box-sizing: content-box;
262
262
  width: 26px;
263
263
  height: 26px;
264
264
  padding: var(--gap-0);
265
- }.tabs__desktop_vpnkp.tabs__headline-system-small_vpnkp .tabs__scrollControls_vpnkp button:first-child {
265
+ }.tabs__desktop_txp5a.tabs__headline-system-small_txp5a .tabs__scrollControls_txp5a button:first-child {
266
266
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
267
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__title_vpnkp {
267
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__title_txp5a {
268
268
  padding-bottom: calc(22px / 2);
269
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
270
- .tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__pickerWrapper_vpnkp {
269
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
270
+ .tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__pickerWrapper_txp5a {
271
271
  margin-left: 22px;
272
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__option_vpnkp {
272
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__option_txp5a {
273
273
  padding: var(--gap-0);
274
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__scrollControls_vpnkp > button {
274
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__scrollControls_txp5a > button {
275
275
  box-sizing: content-box;
276
276
  width: 22px;
277
277
  height: 22px;
278
278
  padding: var(--gap-0);
279
- }.tabs__desktop_vpnkp.tabs__headline-system-xsmall_vpnkp .tabs__scrollControls_vpnkp button:first-child {
279
+ }.tabs__desktop_txp5a.tabs__headline-system-xsmall_txp5a .tabs__scrollControls_txp5a button:first-child {
280
280
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
281
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__title_vpnkp {
281
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__title_txp5a {
282
282
  padding-bottom: calc(64px / 2);
283
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
284
- .tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__pickerWrapper_vpnkp {
283
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
284
+ .tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__pickerWrapper_txp5a {
285
285
  margin-left: 64px;
286
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__option_vpnkp {
286
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__option_txp5a {
287
287
  padding: var(--gap-0);
288
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__scrollControls_vpnkp > button {
288
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__scrollControls_txp5a > button {
289
289
  box-sizing: content-box;
290
290
  width: 64px;
291
291
  height: 64px;
292
292
  padding: var(--gap-0);
293
- }.tabs__desktop_vpnkp.tabs__headline-xlarge_vpnkp .tabs__scrollControls_vpnkp button:first-child {
293
+ }.tabs__desktop_txp5a.tabs__headline-xlarge_txp5a .tabs__scrollControls_txp5a button:first-child {
294
294
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
295
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__title_vpnkp {
295
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__title_txp5a {
296
296
  padding-bottom: calc(40px / 2);
297
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
298
- .tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__pickerWrapper_vpnkp {
297
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
298
+ .tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__pickerWrapper_txp5a {
299
299
  margin-left: 40px;
300
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__option_vpnkp {
300
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__option_txp5a {
301
301
  padding: var(--gap-0);
302
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__scrollControls_vpnkp > button {
302
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__scrollControls_txp5a > button {
303
303
  box-sizing: content-box;
304
304
  width: 40px;
305
305
  height: 40px;
306
306
  padding: var(--gap-0);
307
- }.tabs__desktop_vpnkp.tabs__headline-medium_vpnkp .tabs__scrollControls_vpnkp button:first-child {
307
+ }.tabs__desktop_txp5a.tabs__headline-medium_txp5a .tabs__scrollControls_txp5a button:first-child {
308
308
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
309
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__title_vpnkp {
309
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__title_txp5a {
310
310
  padding-bottom: calc(32px / 2);
311
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
312
- .tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__pickerWrapper_vpnkp {
311
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
312
+ .tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__pickerWrapper_txp5a {
313
313
  margin-left: 32px;
314
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__option_vpnkp {
314
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__option_txp5a {
315
315
  padding: var(--gap-0);
316
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__scrollControls_vpnkp > button {
316
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__scrollControls_txp5a > button {
317
317
  box-sizing: content-box;
318
318
  width: 32px;
319
319
  height: 32px;
320
320
  padding: var(--gap-0);
321
- }.tabs__desktop_vpnkp.tabs__headline-small_vpnkp .tabs__scrollControls_vpnkp button:first-child {
321
+ }.tabs__desktop_txp5a.tabs__headline-small_txp5a .tabs__scrollControls_txp5a button:first-child {
322
322
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
323
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__title_vpnkp {
323
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__title_txp5a {
324
324
  padding-bottom: calc(24px / 2);
325
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp,
326
- .tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__pickerWrapper_vpnkp {
325
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__title_txp5a + .tabs__title_txp5a,
326
+ .tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__pickerWrapper_txp5a {
327
327
  margin-left: 24px;
328
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__option_vpnkp {
328
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__option_txp5a {
329
329
  padding: var(--gap-0);
330
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__scrollControls_vpnkp > button {
330
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__scrollControls_txp5a > button {
331
331
  box-sizing: content-box;
332
332
  width: 24px;
333
333
  height: 24px;
334
334
  padding: var(--gap-0);
335
- }.tabs__desktop_vpnkp.tabs__headline-xsmall_vpnkp .tabs__scrollControls_vpnkp button:first-child {
335
+ }.tabs__desktop_txp5a.tabs__headline-xsmall_txp5a .tabs__scrollControls_txp5a button:first-child {
336
336
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
337
- }.tabs__fullWidthScroll_vpnkp {
337
+ }.tabs__fullWidthScroll_txp5a {
338
338
  min-width: calc(100% - 2 * var(--gap-16));
339
339
  margin: var(--gap-0) var(--gap-16);
340
- }.tabs__container_vpnkp {
340
+ }.tabs__container_txp5a {
341
341
  position: relative;
342
342
  overflow: hidden;
343
343
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
344
344
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
345
- }.tabs__title_vpnkp {
345
+ }.tabs__title_txp5a {
346
346
  display: flex;
347
347
  align-items: center;
348
348
  height: 100%;
@@ -359,21 +359,21 @@
359
359
  -moz-user-select: none;
360
360
  user-select: none;
361
361
  outline: none;
362
- }.tabs__title_vpnkp:not(:disabled):hover {
362
+ }.tabs__title_txp5a:not(:disabled):hover {
363
363
  color: var(--primary-tablist-hover-color);
364
- }.tabs__focused_vpnkp {
364
+ }.tabs__focused_txp5a {
365
365
  outline: 2px solid var(--focus-color);
366
366
  outline-offset: 2px;
367
- }.tabs__collapsed_vpnkp {
367
+ }.tabs__collapsed_txp5a {
368
368
  order: 99;
369
369
  visibility: collapse;
370
- }.tabs__selected_vpnkp {
370
+ }.tabs__selected_txp5a {
371
371
  cursor: default;
372
372
  color: var(--primary-tablist-selected-color);
373
- }.tabs__disabled_vpnkp {
373
+ }.tabs__disabled_txp5a {
374
374
  cursor: var(--disabled-cursor);
375
375
  color: var(--primary-tablist-disabled-color);
376
- }.tabs__line_vpnkp {
376
+ }.tabs__line_txp5a {
377
377
  position: absolute;
378
378
  height: 3px;
379
379
  bottom: var(--gap-0);
@@ -382,62 +382,62 @@
382
382
  transition:
383
383
  transform 0.2s ease,
384
384
  width 0.2s ease;
385
- }.tabs__option_vpnkp {
385
+ }.tabs__option_txp5a {
386
386
  color: var(--color-light-text-primary);
387
- }.tabs__s_vpnkp .tabs__title_vpnkp, .tabs__xs_vpnkp .tabs__title_vpnkp, .tabs__xxs_vpnkp .tabs__title_vpnkp {
387
+ }.tabs__s_txp5a .tabs__title_txp5a, .tabs__xs_txp5a .tabs__title_txp5a, .tabs__xxs_txp5a .tabs__title_txp5a {
388
388
  padding: var(--primary-tablist-s-padding);
389
389
  font-size: var(--primary-tablist-s-font-size);
390
390
  font-weight: var(--primary-tablist-s-font-weight);
391
391
  font-family: var(--primary-tablist-s-font-family);
392
392
  line-height: 24px;
393
- }.tabs__s_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp, .tabs__xs_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp, .tabs__xxs_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp {
393
+ }.tabs__s_txp5a .tabs__title_txp5a + .tabs__title_txp5a, .tabs__xs_txp5a .tabs__title_txp5a + .tabs__title_txp5a, .tabs__xxs_txp5a .tabs__title_txp5a + .tabs__title_txp5a {
394
394
  margin-left: var(--primary-tablist-s-gaps);
395
- }.tabs__s_vpnkp .tabs__pickerWrapper_vpnkp, .tabs__xs_vpnkp .tabs__pickerWrapper_vpnkp, .tabs__xxs_vpnkp .tabs__pickerWrapper_vpnkp {
395
+ }.tabs__s_txp5a .tabs__pickerWrapper_txp5a, .tabs__xs_txp5a .tabs__pickerWrapper_txp5a, .tabs__xxs_txp5a .tabs__pickerWrapper_txp5a {
396
396
  margin-left: var(--primary-tablist-s-gaps);
397
- }.tabs__s_vpnkp .tabs__option_vpnkp, .tabs__xs_vpnkp .tabs__option_vpnkp, .tabs__xxs_vpnkp .tabs__option_vpnkp {
397
+ }.tabs__s_txp5a .tabs__option_txp5a, .tabs__xs_txp5a .tabs__option_txp5a, .tabs__xxs_txp5a .tabs__option_txp5a {
398
398
  padding: var(--gap-0);
399
- }.tabs__m_vpnkp .tabs__title_vpnkp {
399
+ }.tabs__m_txp5a .tabs__title_txp5a {
400
400
  padding: var(--primary-tablist-m-padding);
401
401
  font-size: var(--primary-tablist-m-font-size);
402
402
  font-weight: var(--primary-tablist-m-font-weight);
403
403
  font-family: var(--primary-tablist-m-font-family);
404
404
  line-height: 24px;
405
- }.tabs__m_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp {
405
+ }.tabs__m_txp5a .tabs__title_txp5a + .tabs__title_txp5a {
406
406
  margin-left: var(--primary-tablist-m-gaps);
407
- }.tabs__m_vpnkp .tabs__pickerWrapper_vpnkp {
407
+ }.tabs__m_txp5a .tabs__pickerWrapper_txp5a {
408
408
  margin-left: var(--primary-tablist-m-gaps);
409
- }.tabs__m_vpnkp .tabs__option_vpnkp {
409
+ }.tabs__m_txp5a .tabs__option_txp5a {
410
410
  padding: var(--gap-0);
411
- }.tabs__l_vpnkp .tabs__title_vpnkp {
411
+ }.tabs__l_txp5a .tabs__title_txp5a {
412
412
  padding: var(--primary-tablist-l-padding);
413
413
  font-size: var(--primary-tablist-l-font-size);
414
414
  font-weight: var(--primary-tablist-l-font-weight);
415
415
  font-family: var(--primary-tablist-l-font-family);
416
416
  line-height: 24px;
417
- }.tabs__l_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp {
417
+ }.tabs__l_txp5a .tabs__title_txp5a + .tabs__title_txp5a {
418
418
  margin-left: var(--primary-tablist-l-gaps);
419
- }.tabs__l_vpnkp .tabs__pickerWrapper_vpnkp {
419
+ }.tabs__l_txp5a .tabs__pickerWrapper_txp5a {
420
420
  margin-left: var(--primary-tablist-l-gaps);
421
- }.tabs__l_vpnkp .tabs__option_vpnkp {
421
+ }.tabs__l_txp5a .tabs__option_txp5a {
422
422
  padding: var(--gap-0);
423
- }.tabs__xl_vpnkp .tabs__title_vpnkp {
423
+ }.tabs__xl_txp5a .tabs__title_txp5a {
424
424
  padding: var(--primary-tablist-xl-padding);
425
425
  font-size: var(--primary-tablist-xl-font-size);
426
426
  font-weight: var(--primary-tablist-xl-font-weight);
427
427
  font-family: var(--primary-tablist-xl-font-family);
428
428
  line-height: 32px;
429
- }.tabs__xl_vpnkp .tabs__title_vpnkp + .tabs__title_vpnkp {
429
+ }.tabs__xl_txp5a .tabs__title_txp5a + .tabs__title_txp5a {
430
430
  margin-left: var(--primary-tablist-xl-gaps);
431
- }.tabs__xl_vpnkp .tabs__pickerWrapper_vpnkp {
431
+ }.tabs__xl_txp5a .tabs__pickerWrapper_txp5a {
432
432
  margin-left: var(--primary-tablist-xl-gaps);
433
- }.tabs__xl_vpnkp .tabs__option_vpnkp {
433
+ }.tabs__xl_txp5a .tabs__option_txp5a {
434
434
  padding: var(--gap-0);
435
- }.tabs__rightAddons_vpnkp {
435
+ }.tabs__rightAddons_txp5a {
436
436
  display: flex;
437
437
  justify-content: center;
438
438
  align-items: center;
439
439
  margin-left: var(--gap-8);
440
- }.tabs__rightAddonsMarginZero_vpnkp {
440
+ }.tabs__rightAddonsMarginZero_txp5a {
441
441
  margin-left: var(--gap-0);
442
442
  } :root {
443
443
  --color-light-accent-primary: #ef3124;
@@ -507,221 +507,221 @@
507
507
  --primary-tablist-xl-font-weight: 400;
508
508
  --primary-tablist-xl-font-family: var(--font-family-system);
509
509
  --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
510
- } .tabs__title_1uj9p {
511
- } .tabs__mobile_1uj9p .tabs__title_1uj9p {
510
+ } .tabs__title_1auj1 {
511
+ } .tabs__mobile_1auj1 .tabs__title_1auj1 {
512
512
  padding: var(--primary-tablist-mobile-padding);
513
513
  font-size: var(--primary-tablist-mobile-font-size);
514
514
  font-weight: var(--primary-tablist-mobile-font-weight);
515
515
  font-family: var(--primary-tablist-mobile-font-family);
516
516
  line-height: var(--primary-tablist-mobile-line-height);
517
- } .tabs__mobile_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p {
517
+ } .tabs__mobile_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1 {
518
518
  margin-left: var(--primary-tablist-mobile-gaps);
519
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__title_1uj9p {
519
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__title_1auj1 {
520
520
  font-size: 18px;
521
521
  line-height: 24px;
522
522
  font-weight: 400;
523
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__title_1uj9p {
523
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__title_1auj1 {
524
524
  font-size: 16px;
525
525
  line-height: 24px;
526
526
  font-weight: 400;
527
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__title_1uj9p {
527
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__title_1auj1 {
528
528
  font-size: 14px;
529
529
  line-height: 20px;
530
530
  font-weight: 400;
531
- } .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__title_1uj9p {
531
+ } .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__title_1auj1 {
532
532
  font-size: 18px;
533
533
  line-height: 24px;
534
534
  font-weight: 500;
535
- } .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__title_1uj9p {
535
+ } .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__title_1auj1 {
536
536
  font-size: 16px;
537
537
  line-height: 24px;
538
538
  font-weight: 500;
539
- } .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__title_1uj9p {
539
+ } .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__title_1auj1 {
540
540
  font-size: 14px;
541
541
  line-height: 20px;
542
542
  font-weight: 500;
543
- } .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__title_1uj9p {
543
+ } .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__title_1auj1 {
544
544
  font-size: 18px;
545
545
  line-height: 24px;
546
546
  font-weight: 700;
547
- } .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__title_1uj9p {
547
+ } .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__title_1auj1 {
548
548
  font-size: 16px;
549
549
  line-height: 24px;
550
550
  font-weight: 700;
551
- } .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__title_1uj9p {
551
+ } .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__title_1auj1 {
552
552
  font-size: 14px;
553
553
  line-height: 20px;
554
554
  font-weight: 700;
555
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__title_1uj9p {
555
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__title_1auj1 {
556
556
  padding-bottom: calc(24px / 2);
557
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
558
- .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
559
- .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
560
- .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
561
- .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
562
- .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
563
- .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__pickerWrapper_1uj9p,
564
- .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__pickerWrapper_1uj9p,
565
- .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__pickerWrapper_1uj9p,
566
- .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__pickerWrapper_1uj9p,
567
- .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__pickerWrapper_1uj9p,
568
- .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__pickerWrapper_1uj9p {
557
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
558
+ .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
559
+ .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
560
+ .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
561
+ .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
562
+ .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
563
+ .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__pickerWrapper_1auj1,
564
+ .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__pickerWrapper_1auj1,
565
+ .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__pickerWrapper_1auj1,
566
+ .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__pickerWrapper_1auj1,
567
+ .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__pickerWrapper_1auj1,
568
+ .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__pickerWrapper_1auj1 {
569
569
  margin-left: 24px;
570
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__option_1uj9p {
570
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__option_1auj1 {
571
571
  padding: var(--gap-0);
572
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__scrollControls_1uj9p > button {
572
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__scrollControls_1auj1 > button {
573
573
  box-sizing: content-box;
574
574
  width: 24px;
575
575
  height: 24px;
576
576
  padding: var(--gap-0);
577
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-large_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__paragraph-primary-medium_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__accent-primary-large_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__accent-primary-medium_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__action-primary-large_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__action-primary-medium_1uj9p .tabs__scrollControls_1uj9p button:first-child {
577
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-large_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__paragraph-primary-medium_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__accent-primary-large_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__accent-primary-medium_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__action-primary-large_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__action-primary-medium_1auj1 .tabs__scrollControls_1auj1 button:first-child {
578
578
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
579
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__title_1uj9p {
579
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__title_1auj1 {
580
580
  padding-bottom: calc(20px / 2);
581
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
582
- .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
583
- .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
584
- .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__pickerWrapper_1uj9p,
585
- .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__pickerWrapper_1uj9p,
586
- .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__pickerWrapper_1uj9p {
581
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
582
+ .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
583
+ .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
584
+ .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__pickerWrapper_1auj1,
585
+ .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__pickerWrapper_1auj1,
586
+ .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__pickerWrapper_1auj1 {
587
587
  margin-left: 20px;
588
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__option_1uj9p {
588
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__option_1auj1 {
589
589
  padding: var(--gap-0);
590
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__scrollControls_1uj9p > button {
590
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__scrollControls_1auj1 > button {
591
591
  box-sizing: content-box;
592
592
  width: 20px;
593
593
  height: 20px;
594
594
  padding: var(--gap-0);
595
- } .tabs__mobile_1uj9p.tabs__paragraph-primary-small_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__accent-primary-small_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__action-primary-small_1uj9p .tabs__scrollControls_1uj9p button:first-child {
595
+ } .tabs__mobile_1auj1.tabs__paragraph-primary-small_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__accent-primary-small_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__action-primary-small_1auj1 .tabs__scrollControls_1auj1 button:first-child {
596
596
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
597
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__title_1uj9p {
597
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__title_1auj1 {
598
598
  font-size: 34px;
599
599
  line-height: 40px;
600
600
  font-weight: 600;
601
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__title_1uj9p {
601
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__title_1auj1 {
602
602
  font-size: 30px;
603
603
  line-height: 36px;
604
604
  font-weight: 600;
605
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__title_1uj9p {
605
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__title_1auj1 {
606
606
  font-size: 26px;
607
607
  line-height: 32px;
608
608
  font-weight: 600;
609
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__title_1uj9p {
609
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__title_1auj1 {
610
610
  font-size: 20px;
611
611
  line-height: 28px;
612
612
  font-weight: 600;
613
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__title_1uj9p {
613
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__title_1auj1 {
614
614
  font-size: 16px;
615
615
  line-height: 20px;
616
616
  font-weight: 600;
617
- } .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__title_1uj9p {
617
+ } .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__title_1auj1 {
618
618
  font-size: 34px;
619
619
  line-height: 40px;
620
620
  font-weight: 500;
621
621
  font-feature-settings: 'ss01';
622
622
  font-family: var(--font-family-styrene);
623
- } .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__title_1uj9p {
623
+ } .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__title_1auj1 {
624
624
  font-size: 30px;
625
625
  line-height: 36px;
626
626
  font-weight: 500;
627
627
  font-feature-settings: 'ss01';
628
628
  font-family: var(--font-family-styrene);
629
- } .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__title_1uj9p {
629
+ } .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__title_1auj1 {
630
630
  font-size: 26px;
631
631
  line-height: 32px;
632
632
  font-weight: 500;
633
633
  font-feature-settings: 'ss01';
634
634
  font-family: var(--font-family-styrene);
635
- } .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__title_1uj9p {
635
+ } .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__title_1auj1 {
636
636
  font-size: 20px;
637
637
  line-height: 28px;
638
638
  font-weight: 500;
639
639
  font-feature-settings: 'ss01';
640
640
  font-family: var(--font-family-styrene);
641
- } .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__title_1uj9p {
641
+ } .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__title_1auj1 {
642
642
  font-size: 16px;
643
643
  line-height: 20px;
644
644
  font-weight: 500;
645
645
  font-feature-settings: 'ss01';
646
646
  font-family: var(--font-family-styrene);
647
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__title_1uj9p {
647
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__title_1auj1 {
648
648
  padding-bottom: calc(40px / 2);
649
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
650
- .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
651
- .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__pickerWrapper_1uj9p,
652
- .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__pickerWrapper_1uj9p {
649
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
650
+ .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
651
+ .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__pickerWrapper_1auj1,
652
+ .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__pickerWrapper_1auj1 {
653
653
  margin-left: 40px;
654
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__option_1uj9p {
654
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__option_1auj1 {
655
655
  padding: var(--gap-0);
656
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__scrollControls_1uj9p > button {
656
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__scrollControls_1auj1 > button {
657
657
  box-sizing: content-box;
658
658
  width: 40px;
659
659
  height: 40px;
660
660
  padding: var(--gap-0);
661
- } .tabs__mobile_1uj9p.tabs__headline-system-xlarge_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__headline-xlarge_1uj9p .tabs__scrollControls_1uj9p button:first-child {
661
+ } .tabs__mobile_1auj1.tabs__headline-system-xlarge_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__headline-xlarge_1auj1 .tabs__scrollControls_1auj1 button:first-child {
662
662
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
663
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__title_1uj9p {
663
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__title_1auj1 {
664
664
  padding-bottom: calc(36px / 2);
665
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
666
- .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
667
- .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__pickerWrapper_1uj9p,
668
- .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__pickerWrapper_1uj9p {
665
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
666
+ .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
667
+ .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__pickerWrapper_1auj1,
668
+ .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__pickerWrapper_1auj1 {
669
669
  margin-left: 36px;
670
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__option_1uj9p {
670
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__option_1auj1 {
671
671
  padding: var(--gap-0);
672
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__scrollControls_1uj9p > button {
672
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__scrollControls_1auj1 > button {
673
673
  box-sizing: content-box;
674
674
  width: 36px;
675
675
  height: 36px;
676
676
  padding: var(--gap-0);
677
- } .tabs__mobile_1uj9p.tabs__headline-system-large_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__headline-large_1uj9p .tabs__scrollControls_1uj9p button:first-child {
677
+ } .tabs__mobile_1auj1.tabs__headline-system-large_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__headline-large_1auj1 .tabs__scrollControls_1auj1 button:first-child {
678
678
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
679
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__title_1uj9p {
679
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__title_1auj1 {
680
680
  padding-bottom: calc(32px / 2);
681
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
682
- .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
683
- .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__pickerWrapper_1uj9p,
684
- .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__pickerWrapper_1uj9p {
681
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
682
+ .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
683
+ .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__pickerWrapper_1auj1,
684
+ .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__pickerWrapper_1auj1 {
685
685
  margin-left: 32px;
686
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__option_1uj9p {
686
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__option_1auj1 {
687
687
  padding: var(--gap-0);
688
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__scrollControls_1uj9p > button {
688
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__scrollControls_1auj1 > button {
689
689
  box-sizing: content-box;
690
690
  width: 32px;
691
691
  height: 32px;
692
692
  padding: var(--gap-0);
693
- } .tabs__mobile_1uj9p.tabs__headline-system-medium_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__headline-medium_1uj9p .tabs__scrollControls_1uj9p button:first-child {
693
+ } .tabs__mobile_1auj1.tabs__headline-system-medium_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__headline-medium_1auj1 .tabs__scrollControls_1auj1 button:first-child {
694
694
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
695
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__title_1uj9p {
695
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__title_1auj1 {
696
696
  padding-bottom: calc(28px / 2);
697
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
698
- .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
699
- .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__pickerWrapper_1uj9p,
700
- .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__pickerWrapper_1uj9p {
697
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
698
+ .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
699
+ .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__pickerWrapper_1auj1,
700
+ .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__pickerWrapper_1auj1 {
701
701
  margin-left: 28px;
702
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__option_1uj9p {
702
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__option_1auj1 {
703
703
  padding: var(--gap-0);
704
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__scrollControls_1uj9p > button {
704
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__scrollControls_1auj1 > button {
705
705
  box-sizing: content-box;
706
706
  width: 28px;
707
707
  height: 28px;
708
708
  padding: var(--gap-0);
709
- } .tabs__mobile_1uj9p.tabs__headline-system-small_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__headline-small_1uj9p .tabs__scrollControls_1uj9p button:first-child {
709
+ } .tabs__mobile_1auj1.tabs__headline-system-small_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__headline-small_1auj1 .tabs__scrollControls_1auj1 button:first-child {
710
710
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
711
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__title_1uj9p, .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__title_1uj9p {
711
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__title_1auj1, .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__title_1auj1 {
712
712
  padding-bottom: calc(20px / 2);
713
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
714
- .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__title_1uj9p + .tabs__title_1uj9p,
715
- .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__pickerWrapper_1uj9p,
716
- .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__pickerWrapper_1uj9p {
713
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
714
+ .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__title_1auj1 + .tabs__title_1auj1,
715
+ .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__pickerWrapper_1auj1,
716
+ .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__pickerWrapper_1auj1 {
717
717
  margin-left: 20px;
718
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__option_1uj9p, .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__option_1uj9p {
718
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__option_1auj1, .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__option_1auj1 {
719
719
  padding: var(--gap-0);
720
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__scrollControls_1uj9p > button, .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__scrollControls_1uj9p > button {
720
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__scrollControls_1auj1 > button, .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__scrollControls_1auj1 > button {
721
721
  box-sizing: content-box;
722
722
  width: 20px;
723
723
  height: 20px;
724
724
  padding: var(--gap-0);
725
- } .tabs__mobile_1uj9p.tabs__headline-system-xsmall_1uj9p .tabs__scrollControls_1uj9p button:first-child, .tabs__mobile_1uj9p.tabs__headline-xsmall_1uj9p .tabs__scrollControls_1uj9p button:first-child {
725
+ } .tabs__mobile_1auj1.tabs__headline-system-xsmall_1auj1 .tabs__scrollControls_1auj1 button:first-child, .tabs__mobile_1auj1.tabs__headline-xsmall_1auj1 .tabs__scrollControls_1auj1 button:first-child {
726
726
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
727
727
  }