@alfalab/core-components-tabs 8.6.0 → 8.6.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.
- package/components/primary-tablist/Component.collapsible.js +1 -1
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/index.css +131 -131
- package/components/primary-tablist/mobile.css +219 -219
- package/components/scroll-controls/Component.js +1 -1
- package/components/scroll-controls/index.css +12 -12
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +6 -6
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/index.css +11 -11
- package/components/secondary-tablist/mobile.css +13 -13
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/esm/components/primary-tablist/Component.collapsible.js +1 -1
- package/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/esm/components/primary-tablist/Component.mobile.js +2 -2
- package/esm/components/primary-tablist/index.css +131 -131
- package/esm/components/primary-tablist/mobile.css +219 -219
- package/esm/components/scroll-controls/Component.js +1 -1
- package/esm/components/scroll-controls/index.css +12 -12
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +6 -6
- package/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/esm/components/secondary-tablist/Component.mobile.js +2 -2
- package/esm/components/secondary-tablist/index.css +11 -11
- package/esm/components/secondary-tablist/mobile.css +13 -13
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/index.module-329bd113.js +4 -0
- package/esm/index.module-c2b4a565.js +4 -0
- package/index.module-52123f08.js +6 -0
- package/index.module-b92170ea.js +6 -0
- package/modern/components/primary-tablist/Component.collapsible.js +1 -1
- package/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/modern/components/primary-tablist/Component.mobile.js +2 -2
- package/modern/components/primary-tablist/index.css +131 -131
- package/modern/components/primary-tablist/mobile.css +219 -219
- package/modern/components/scroll-controls/Component.js +1 -1
- package/modern/components/scroll-controls/index.css +12 -12
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +6 -6
- package/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/modern/components/secondary-tablist/Component.mobile.js +2 -2
- package/modern/components/secondary-tablist/index.css +11 -11
- package/modern/components/secondary-tablist/mobile.css +13 -13
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/index.module-45e29a3d.js +4 -0
- package/modern/index.module-e47d16c1.js +4 -0
- package/package.json +2 -2
- package/esm/index.module-09631eda.js +0 -4
- package/esm/index.module-b24b51c6.js +0 -4
- package/index.module-8583a636.js +0 -6
- package/index.module-fe7d33d0.js +0 -6
- package/modern/index.module-819ff0ab.js +0 -4
- package/modern/index.module-ee14bf5a.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1eejh */
|
|
2
2
|
:root {
|
|
3
3
|
}/* deprecated */:root {
|
|
4
4
|
--color-light-accent-primary: #ef3124;
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
/* size l */
|
|
93
93
|
|
|
94
94
|
/* size xl */
|
|
95
|
-
}.
|
|
95
|
+
}.tabs__component_1edc6 {
|
|
96
96
|
position: relative;
|
|
97
97
|
display: inline-flex;
|
|
98
98
|
min-width: 100%
|
|
99
|
-
}.
|
|
99
|
+
}.tabs__component_1edc6:before {
|
|
100
100
|
content: '';
|
|
101
101
|
display: block;
|
|
102
102
|
position: absolute;
|
|
@@ -104,273 +104,273 @@
|
|
|
104
104
|
height: 1px;
|
|
105
105
|
width: 100%;
|
|
106
106
|
background-color: var(--primary-tablist-bottom-border-color);
|
|
107
|
-
}.
|
|
107
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .title {
|
|
108
108
|
font-size: 18px;
|
|
109
109
|
line-height: 24px;
|
|
110
110
|
font-weight: 400;
|
|
111
|
-
}.
|
|
111
|
+
}.tabs__desktop_1edc6.paragraph-primary-medium .title {
|
|
112
112
|
font-size: 16px;
|
|
113
113
|
line-height: 24px;
|
|
114
114
|
font-weight: 400;
|
|
115
|
-
}.
|
|
115
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .title {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 20px;
|
|
118
118
|
font-weight: 400;
|
|
119
|
-
}.
|
|
119
|
+
}.tabs__desktop_1edc6.action-primary-large .title {
|
|
120
120
|
font-size: 18px;
|
|
121
121
|
line-height: 24px;
|
|
122
122
|
font-weight: 500;
|
|
123
|
-
}.
|
|
123
|
+
}.tabs__desktop_1edc6.action-primary-medium .title {
|
|
124
124
|
font-size: 16px;
|
|
125
125
|
line-height: 24px;
|
|
126
126
|
font-weight: 500;
|
|
127
|
-
}.
|
|
127
|
+
}.tabs__desktop_1edc6.action-primary-small .title {
|
|
128
128
|
font-size: 14px;
|
|
129
129
|
line-height: 20px;
|
|
130
130
|
font-weight: 500;
|
|
131
|
-
}.
|
|
131
|
+
}.tabs__desktop_1edc6.accent-primary-large .title {
|
|
132
132
|
font-size: 18px;
|
|
133
133
|
line-height: 24px;
|
|
134
134
|
font-weight: 700;
|
|
135
|
-
}.
|
|
135
|
+
}.tabs__desktop_1edc6.accent-primary-medium .title {
|
|
136
136
|
font-size: 16px;
|
|
137
137
|
line-height: 24px;
|
|
138
138
|
font-weight: 700;
|
|
139
|
-
}.
|
|
139
|
+
}.tabs__desktop_1edc6.accent-primary-small .title {
|
|
140
140
|
font-size: 14px;
|
|
141
141
|
line-height: 20px;
|
|
142
142
|
font-weight: 700;
|
|
143
|
-
}.
|
|
143
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .title, .tabs__desktop_1edc6.paragraph-primary-medium .title, .tabs__desktop_1edc6.accent-primary-large .title, .tabs__desktop_1edc6.accent-primary-medium .title, .tabs__desktop_1edc6.action-primary-large .title, .tabs__desktop_1edc6.action-primary-medium .title {
|
|
144
144
|
padding-bottom: calc(24px / 2);
|
|
145
|
-
}.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
.
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
153
|
-
.
|
|
154
|
-
.
|
|
155
|
-
.
|
|
156
|
-
.
|
|
145
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .title + .title,
|
|
146
|
+
.tabs__desktop_1edc6.paragraph-primary-large .pickerWrapper,
|
|
147
|
+
.tabs__desktop_1edc6.paragraph-primary-medium .title + .title,
|
|
148
|
+
.tabs__desktop_1edc6.paragraph-primary-medium .pickerWrapper,
|
|
149
|
+
.tabs__desktop_1edc6.accent-primary-large .title + .title,
|
|
150
|
+
.tabs__desktop_1edc6.accent-primary-large .pickerWrapper,
|
|
151
|
+
.tabs__desktop_1edc6.accent-primary-medium .title + .title,
|
|
152
|
+
.tabs__desktop_1edc6.accent-primary-medium .pickerWrapper,
|
|
153
|
+
.tabs__desktop_1edc6.action-primary-large .title + .title,
|
|
154
|
+
.tabs__desktop_1edc6.action-primary-large .pickerWrapper,
|
|
155
|
+
.tabs__desktop_1edc6.action-primary-medium .title + .title,
|
|
156
|
+
.tabs__desktop_1edc6.action-primary-medium .pickerWrapper {
|
|
157
157
|
margin-left: 24px;
|
|
158
|
-
}.
|
|
158
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .option, .tabs__desktop_1edc6.paragraph-primary-medium .option, .tabs__desktop_1edc6.accent-primary-large .option, .tabs__desktop_1edc6.accent-primary-medium .option, .tabs__desktop_1edc6.action-primary-large .option, .tabs__desktop_1edc6.action-primary-medium .option {
|
|
159
159
|
padding: 0;
|
|
160
|
-
}.
|
|
160
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .scrollControls > button, .tabs__desktop_1edc6.paragraph-primary-medium .scrollControls > button, .tabs__desktop_1edc6.accent-primary-large .scrollControls > button, .tabs__desktop_1edc6.accent-primary-medium .scrollControls > button, .tabs__desktop_1edc6.action-primary-large .scrollControls > button, .tabs__desktop_1edc6.action-primary-medium .scrollControls > button {
|
|
161
161
|
box-sizing: content-box;
|
|
162
162
|
width: 24px;
|
|
163
163
|
height: 24px;
|
|
164
164
|
padding: 0;
|
|
165
|
-
}.
|
|
165
|
+
}.tabs__desktop_1edc6.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_1edc6.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_1edc6.accent-primary-large .scrollControls button:first-child, .tabs__desktop_1edc6.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_1edc6.action-primary-large .scrollControls button:first-child, .tabs__desktop_1edc6.action-primary-medium .scrollControls button:first-child {
|
|
166
166
|
margin: 0 0 0 calc(24px / 2);
|
|
167
|
-
}.
|
|
167
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .title, .tabs__desktop_1edc6.accent-primary-small .title, .tabs__desktop_1edc6.action-primary-small .title {
|
|
168
168
|
padding-bottom: calc(20px / 2);
|
|
169
|
-
}.
|
|
170
|
-
.
|
|
171
|
-
.
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
169
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .title + .title,
|
|
170
|
+
.tabs__desktop_1edc6.paragraph-primary-small .pickerWrapper,
|
|
171
|
+
.tabs__desktop_1edc6.accent-primary-small .title + .title,
|
|
172
|
+
.tabs__desktop_1edc6.accent-primary-small .pickerWrapper,
|
|
173
|
+
.tabs__desktop_1edc6.action-primary-small .title + .title,
|
|
174
|
+
.tabs__desktop_1edc6.action-primary-small .pickerWrapper {
|
|
175
175
|
margin-left: 20px;
|
|
176
|
-
}.
|
|
176
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .option, .tabs__desktop_1edc6.accent-primary-small .option, .tabs__desktop_1edc6.action-primary-small .option {
|
|
177
177
|
padding: 0;
|
|
178
|
-
}.
|
|
178
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .scrollControls > button, .tabs__desktop_1edc6.accent-primary-small .scrollControls > button, .tabs__desktop_1edc6.action-primary-small .scrollControls > button {
|
|
179
179
|
box-sizing: content-box;
|
|
180
180
|
width: 20px;
|
|
181
181
|
height: 20px;
|
|
182
182
|
padding: 0;
|
|
183
|
-
}.
|
|
183
|
+
}.tabs__desktop_1edc6.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_1edc6.accent-primary-small .scrollControls button:first-child, .tabs__desktop_1edc6.action-primary-small .scrollControls button:first-child {
|
|
184
184
|
margin: 0 0 0 calc(20px / 2);
|
|
185
|
-
}.
|
|
185
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .title {
|
|
186
186
|
font-size: 48px;
|
|
187
187
|
line-height: 52px;
|
|
188
188
|
font-weight: 700;
|
|
189
|
-
}.
|
|
189
|
+
}.tabs__desktop_1edc6.headline-system-large .title {
|
|
190
190
|
font-size: 40px;
|
|
191
191
|
line-height: 48px;
|
|
192
192
|
font-weight: 700;
|
|
193
|
-
}.
|
|
193
|
+
}.tabs__desktop_1edc6.headline-system-medium .title {
|
|
194
194
|
font-size: 30px;
|
|
195
195
|
line-height: 36px;
|
|
196
196
|
font-weight: 700;
|
|
197
|
-
}.
|
|
197
|
+
}.tabs__desktop_1edc6.headline-system-small .title {
|
|
198
198
|
font-size: 22px;
|
|
199
199
|
line-height: 26px;
|
|
200
200
|
font-weight: 700;
|
|
201
|
-
}.
|
|
201
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .title {
|
|
202
202
|
font-size: 18px;
|
|
203
203
|
line-height: 22px;
|
|
204
204
|
font-weight: 700;
|
|
205
|
-
}.
|
|
205
|
+
}.tabs__desktop_1edc6.headline-xlarge .title {
|
|
206
206
|
font-size: 48px;
|
|
207
207
|
line-height: 64px;
|
|
208
208
|
font-weight: 500;
|
|
209
209
|
font-feature-settings: 'ss01';
|
|
210
210
|
font-family: var(--font-family-styrene);
|
|
211
|
-
}.
|
|
211
|
+
}.tabs__desktop_1edc6.headline-large .title {
|
|
212
212
|
font-size: 40px;
|
|
213
213
|
line-height: 48px;
|
|
214
214
|
font-weight: 500;
|
|
215
215
|
font-feature-settings: 'ss01';
|
|
216
216
|
font-family: var(--font-family-styrene);
|
|
217
|
-
}.
|
|
217
|
+
}.tabs__desktop_1edc6.headline-medium .title {
|
|
218
218
|
font-size: 32px;
|
|
219
219
|
line-height: 40px;
|
|
220
220
|
font-weight: 500;
|
|
221
221
|
font-feature-settings: 'ss01';
|
|
222
222
|
font-family: var(--font-family-styrene);
|
|
223
|
-
}.
|
|
223
|
+
}.tabs__desktop_1edc6.headline-small .title {
|
|
224
224
|
font-size: 24px;
|
|
225
225
|
line-height: 32px;
|
|
226
226
|
font-weight: 500;
|
|
227
227
|
font-feature-settings: 'ss01';
|
|
228
228
|
font-family: var(--font-family-styrene);
|
|
229
|
-
}.
|
|
229
|
+
}.tabs__desktop_1edc6.headline-xsmall .title {
|
|
230
230
|
font-size: 20px;
|
|
231
231
|
line-height: 24px;
|
|
232
232
|
font-weight: 500;
|
|
233
233
|
font-feature-settings: 'ss01';
|
|
234
234
|
font-family: var(--font-family-styrene);
|
|
235
|
-
}.
|
|
235
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .title {
|
|
236
236
|
padding-bottom: calc(52px / 2);
|
|
237
|
-
}.
|
|
238
|
-
.
|
|
237
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .title + .title,
|
|
238
|
+
.tabs__desktop_1edc6.headline-system-xlarge .pickerWrapper {
|
|
239
239
|
margin-left: 52px;
|
|
240
|
-
}.
|
|
240
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .option {
|
|
241
241
|
padding: 0;
|
|
242
|
-
}.
|
|
242
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .scrollControls > button {
|
|
243
243
|
box-sizing: content-box;
|
|
244
244
|
width: 52px;
|
|
245
245
|
height: 52px;
|
|
246
246
|
padding: 0;
|
|
247
|
-
}.
|
|
247
|
+
}.tabs__desktop_1edc6.headline-system-xlarge .scrollControls button:first-child {
|
|
248
248
|
margin: 0 0 0 calc(52px / 2);
|
|
249
|
-
}.
|
|
249
|
+
}.tabs__desktop_1edc6.headline-system-large .title, .tabs__desktop_1edc6.headline-large .title {
|
|
250
250
|
padding-bottom: calc(48px / 2);
|
|
251
|
-
}.
|
|
252
|
-
.
|
|
253
|
-
.
|
|
254
|
-
.
|
|
251
|
+
}.tabs__desktop_1edc6.headline-system-large .title + .title,
|
|
252
|
+
.tabs__desktop_1edc6.headline-system-large .pickerWrapper,
|
|
253
|
+
.tabs__desktop_1edc6.headline-large .title + .title,
|
|
254
|
+
.tabs__desktop_1edc6.headline-large .pickerWrapper {
|
|
255
255
|
margin-left: 48px;
|
|
256
|
-
}.
|
|
256
|
+
}.tabs__desktop_1edc6.headline-system-large .option, .tabs__desktop_1edc6.headline-large .option {
|
|
257
257
|
padding: 0;
|
|
258
|
-
}.
|
|
258
|
+
}.tabs__desktop_1edc6.headline-system-large .scrollControls > button, .tabs__desktop_1edc6.headline-large .scrollControls > button {
|
|
259
259
|
box-sizing: content-box;
|
|
260
260
|
width: 48px;
|
|
261
261
|
height: 48px;
|
|
262
262
|
padding: 0;
|
|
263
|
-
}.
|
|
263
|
+
}.tabs__desktop_1edc6.headline-system-large .scrollControls button:first-child, .tabs__desktop_1edc6.headline-large .scrollControls button:first-child {
|
|
264
264
|
margin: 0 0 0 calc(48px / 2);
|
|
265
|
-
}.
|
|
265
|
+
}.tabs__desktop_1edc6.headline-system-medium .title {
|
|
266
266
|
padding-bottom: calc(36px / 2);
|
|
267
|
-
}.
|
|
268
|
-
.
|
|
267
|
+
}.tabs__desktop_1edc6.headline-system-medium .title + .title,
|
|
268
|
+
.tabs__desktop_1edc6.headline-system-medium .pickerWrapper {
|
|
269
269
|
margin-left: 36px;
|
|
270
|
-
}.
|
|
270
|
+
}.tabs__desktop_1edc6.headline-system-medium .option {
|
|
271
271
|
padding: 0;
|
|
272
|
-
}.
|
|
272
|
+
}.tabs__desktop_1edc6.headline-system-medium .scrollControls > button {
|
|
273
273
|
box-sizing: content-box;
|
|
274
274
|
width: 36px;
|
|
275
275
|
height: 36px;
|
|
276
276
|
padding: 0;
|
|
277
|
-
}.
|
|
277
|
+
}.tabs__desktop_1edc6.headline-system-medium .scrollControls button:first-child {
|
|
278
278
|
margin: 0 0 0 calc(36px / 2);
|
|
279
|
-
}.
|
|
279
|
+
}.tabs__desktop_1edc6.headline-system-small .title {
|
|
280
280
|
padding-bottom: calc(26px / 2);
|
|
281
|
-
}.
|
|
282
|
-
.
|
|
281
|
+
}.tabs__desktop_1edc6.headline-system-small .title + .title,
|
|
282
|
+
.tabs__desktop_1edc6.headline-system-small .pickerWrapper {
|
|
283
283
|
margin-left: 26px;
|
|
284
|
-
}.
|
|
284
|
+
}.tabs__desktop_1edc6.headline-system-small .option {
|
|
285
285
|
padding: 0;
|
|
286
|
-
}.
|
|
286
|
+
}.tabs__desktop_1edc6.headline-system-small .scrollControls > button {
|
|
287
287
|
box-sizing: content-box;
|
|
288
288
|
width: 26px;
|
|
289
289
|
height: 26px;
|
|
290
290
|
padding: 0;
|
|
291
|
-
}.
|
|
291
|
+
}.tabs__desktop_1edc6.headline-system-small .scrollControls button:first-child {
|
|
292
292
|
margin: 0 0 0 calc(26px / 2);
|
|
293
|
-
}.
|
|
293
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .title {
|
|
294
294
|
padding-bottom: calc(22px / 2);
|
|
295
|
-
}.
|
|
296
|
-
.
|
|
295
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .title + .title,
|
|
296
|
+
.tabs__desktop_1edc6.headline-system-xsmall .pickerWrapper {
|
|
297
297
|
margin-left: 22px;
|
|
298
|
-
}.
|
|
298
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .option {
|
|
299
299
|
padding: 0;
|
|
300
|
-
}.
|
|
300
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .scrollControls > button {
|
|
301
301
|
box-sizing: content-box;
|
|
302
302
|
width: 22px;
|
|
303
303
|
height: 22px;
|
|
304
304
|
padding: 0;
|
|
305
|
-
}.
|
|
305
|
+
}.tabs__desktop_1edc6.headline-system-xsmall .scrollControls button:first-child {
|
|
306
306
|
margin: 0 0 0 calc(22px / 2);
|
|
307
|
-
}.
|
|
307
|
+
}.tabs__desktop_1edc6.headline-xlarge .title {
|
|
308
308
|
padding-bottom: calc(64px / 2);
|
|
309
|
-
}.
|
|
310
|
-
.
|
|
309
|
+
}.tabs__desktop_1edc6.headline-xlarge .title + .title,
|
|
310
|
+
.tabs__desktop_1edc6.headline-xlarge .pickerWrapper {
|
|
311
311
|
margin-left: 64px;
|
|
312
|
-
}.
|
|
312
|
+
}.tabs__desktop_1edc6.headline-xlarge .option {
|
|
313
313
|
padding: 0;
|
|
314
|
-
}.
|
|
314
|
+
}.tabs__desktop_1edc6.headline-xlarge .scrollControls > button {
|
|
315
315
|
box-sizing: content-box;
|
|
316
316
|
width: 64px;
|
|
317
317
|
height: 64px;
|
|
318
318
|
padding: 0;
|
|
319
|
-
}.
|
|
319
|
+
}.tabs__desktop_1edc6.headline-xlarge .scrollControls button:first-child {
|
|
320
320
|
margin: 0 0 0 calc(64px / 2);
|
|
321
|
-
}.
|
|
321
|
+
}.tabs__desktop_1edc6.headline-medium .title {
|
|
322
322
|
padding-bottom: calc(40px / 2);
|
|
323
|
-
}.
|
|
324
|
-
.
|
|
323
|
+
}.tabs__desktop_1edc6.headline-medium .title + .title,
|
|
324
|
+
.tabs__desktop_1edc6.headline-medium .pickerWrapper {
|
|
325
325
|
margin-left: 40px;
|
|
326
|
-
}.
|
|
326
|
+
}.tabs__desktop_1edc6.headline-medium .option {
|
|
327
327
|
padding: 0;
|
|
328
|
-
}.
|
|
328
|
+
}.tabs__desktop_1edc6.headline-medium .scrollControls > button {
|
|
329
329
|
box-sizing: content-box;
|
|
330
330
|
width: 40px;
|
|
331
331
|
height: 40px;
|
|
332
332
|
padding: 0;
|
|
333
|
-
}.
|
|
333
|
+
}.tabs__desktop_1edc6.headline-medium .scrollControls button:first-child {
|
|
334
334
|
margin: 0 0 0 calc(40px / 2);
|
|
335
|
-
}.
|
|
335
|
+
}.tabs__desktop_1edc6.headline-small .title {
|
|
336
336
|
padding-bottom: calc(32px / 2);
|
|
337
|
-
}.
|
|
338
|
-
.
|
|
337
|
+
}.tabs__desktop_1edc6.headline-small .title + .title,
|
|
338
|
+
.tabs__desktop_1edc6.headline-small .pickerWrapper {
|
|
339
339
|
margin-left: 32px;
|
|
340
|
-
}.
|
|
340
|
+
}.tabs__desktop_1edc6.headline-small .option {
|
|
341
341
|
padding: 0;
|
|
342
|
-
}.
|
|
342
|
+
}.tabs__desktop_1edc6.headline-small .scrollControls > button {
|
|
343
343
|
box-sizing: content-box;
|
|
344
344
|
width: 32px;
|
|
345
345
|
height: 32px;
|
|
346
346
|
padding: 0;
|
|
347
|
-
}.
|
|
347
|
+
}.tabs__desktop_1edc6.headline-small .scrollControls button:first-child {
|
|
348
348
|
margin: 0 0 0 calc(32px / 2);
|
|
349
|
-
}.
|
|
349
|
+
}.tabs__desktop_1edc6.headline-xsmall .title {
|
|
350
350
|
padding-bottom: calc(24px / 2);
|
|
351
|
-
}.
|
|
352
|
-
.
|
|
351
|
+
}.tabs__desktop_1edc6.headline-xsmall .title + .title,
|
|
352
|
+
.tabs__desktop_1edc6.headline-xsmall .pickerWrapper {
|
|
353
353
|
margin-left: 24px;
|
|
354
|
-
}.
|
|
354
|
+
}.tabs__desktop_1edc6.headline-xsmall .option {
|
|
355
355
|
padding: 0;
|
|
356
|
-
}.
|
|
356
|
+
}.tabs__desktop_1edc6.headline-xsmall .scrollControls > button {
|
|
357
357
|
box-sizing: content-box;
|
|
358
358
|
width: 24px;
|
|
359
359
|
height: 24px;
|
|
360
360
|
padding: 0;
|
|
361
|
-
}.
|
|
361
|
+
}.tabs__desktop_1edc6.headline-xsmall .scrollControls button:first-child {
|
|
362
362
|
margin: 0 0 0 calc(24px / 2);
|
|
363
|
-
}.
|
|
363
|
+
}.tabs__fullWidthScroll_1edc6 {
|
|
364
364
|
min-width: calc(100% - 2 * var(--gap-m));
|
|
365
365
|
margin: 0 var(--gap-m);
|
|
366
|
-
}.
|
|
366
|
+
}.tabs__container_1edc6 {
|
|
367
367
|
position: relative;
|
|
368
368
|
overflow: hidden;
|
|
369
369
|
|
|
370
370
|
/* focus-outline fix */
|
|
371
371
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
372
372
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
373
|
-
}.
|
|
373
|
+
}.tabs__title_1edc6 {
|
|
374
374
|
display: flex;
|
|
375
375
|
align-items: center;
|
|
376
376
|
height: 100%;
|
|
@@ -386,78 +386,78 @@
|
|
|
386
386
|
-webkit-user-select: none;
|
|
387
387
|
user-select: none;
|
|
388
388
|
outline: none
|
|
389
|
-
}.
|
|
389
|
+
}.tabs__title_1edc6:not(.tabs__disabled_1edc6):hover {
|
|
390
390
|
color: var(--primary-tablist-hover-color);
|
|
391
|
-
}.
|
|
391
|
+
}.tabs__focused_1edc6 {
|
|
392
392
|
outline: 2px solid var(--focus-color);
|
|
393
393
|
outline-offset: 2px;
|
|
394
|
-
}.
|
|
394
|
+
}.tabs__collapsed_1edc6 {
|
|
395
395
|
order: 99;
|
|
396
396
|
visibility: collapse;
|
|
397
|
-
}.
|
|
397
|
+
}.tabs__selected_1edc6 {
|
|
398
398
|
cursor: default;
|
|
399
399
|
color: var(--primary-tablist-selected-color);
|
|
400
|
-
}.
|
|
400
|
+
}.tabs__disabled_1edc6 {
|
|
401
401
|
cursor: var(--disabled-cursor);
|
|
402
402
|
color: var(--primary-tablist-disabled-color);
|
|
403
|
-
}.
|
|
403
|
+
}.tabs__line_1edc6 {
|
|
404
404
|
position: absolute;
|
|
405
405
|
height: 3px;
|
|
406
406
|
bottom: 0;
|
|
407
407
|
left: 0;
|
|
408
408
|
background-color: var(--primary-tablist-line-color);
|
|
409
409
|
transition: transform 0.2s ease, width 0.2s ease;
|
|
410
|
-
}.
|
|
410
|
+
}.tabs__option_1edc6 {
|
|
411
411
|
color: var(--color-light-text-primary);
|
|
412
|
-
}/* sizes */.
|
|
412
|
+
}/* sizes */.tabs__s_1edc6 .tabs__title_1edc6, .tabs__xs_1edc6 .tabs__title_1edc6, .tabs__xxs_1edc6 .tabs__title_1edc6 {
|
|
413
413
|
padding: var(--primary-tablist-s-padding);
|
|
414
414
|
font-size: var(--primary-tablist-s-font-size);
|
|
415
415
|
font-weight: var(--primary-tablist-s-font-weight);
|
|
416
416
|
font-family: var(--primary-tablist-s-font-family);
|
|
417
417
|
line-height: 24px;
|
|
418
|
-
}.
|
|
418
|
+
}.tabs__s_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6, .tabs__xs_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6, .tabs__xxs_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6 {
|
|
419
419
|
margin-left: var(--primary-tablist-s-gaps);
|
|
420
|
-
}.
|
|
420
|
+
}.tabs__s_1edc6 .tabs__pickerWrapper_1edc6, .tabs__xs_1edc6 .tabs__pickerWrapper_1edc6, .tabs__xxs_1edc6 .tabs__pickerWrapper_1edc6 {
|
|
421
421
|
margin-left: var(--primary-tablist-s-gaps);
|
|
422
|
-
}.
|
|
422
|
+
}.tabs__s_1edc6 .tabs__option_1edc6, .tabs__xs_1edc6 .tabs__option_1edc6, .tabs__xxs_1edc6 .tabs__option_1edc6 {
|
|
423
423
|
padding: 0;
|
|
424
|
-
}.
|
|
424
|
+
}.tabs__m_1edc6 .tabs__title_1edc6 {
|
|
425
425
|
padding: var(--primary-tablist-m-padding);
|
|
426
426
|
font-size: var(--primary-tablist-m-font-size);
|
|
427
427
|
font-weight: var(--primary-tablist-m-font-weight);
|
|
428
428
|
font-family: var(--primary-tablist-m-font-family);
|
|
429
429
|
line-height: 24px;
|
|
430
|
-
}.
|
|
430
|
+
}.tabs__m_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6 {
|
|
431
431
|
margin-left: var(--primary-tablist-m-gaps);
|
|
432
|
-
}.
|
|
432
|
+
}.tabs__m_1edc6 .tabs__pickerWrapper_1edc6 {
|
|
433
433
|
margin-left: var(--primary-tablist-m-gaps);
|
|
434
|
-
}.
|
|
434
|
+
}.tabs__m_1edc6 .tabs__option_1edc6 {
|
|
435
435
|
padding: 0;
|
|
436
|
-
}.
|
|
436
|
+
}.tabs__l_1edc6 .tabs__title_1edc6 {
|
|
437
437
|
padding: var(--primary-tablist-l-padding);
|
|
438
438
|
font-size: var(--primary-tablist-l-font-size);
|
|
439
439
|
font-weight: var(--primary-tablist-l-font-weight);
|
|
440
440
|
font-family: var(--primary-tablist-l-font-family);
|
|
441
441
|
line-height: 24px;
|
|
442
|
-
}.
|
|
442
|
+
}.tabs__l_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6 {
|
|
443
443
|
margin-left: var(--primary-tablist-l-gaps);
|
|
444
|
-
}.
|
|
444
|
+
}.tabs__l_1edc6 .tabs__pickerWrapper_1edc6 {
|
|
445
445
|
margin-left: var(--primary-tablist-l-gaps);
|
|
446
|
-
}.
|
|
446
|
+
}.tabs__l_1edc6 .tabs__option_1edc6 {
|
|
447
447
|
padding: 0;
|
|
448
|
-
}.
|
|
448
|
+
}.tabs__xl_1edc6 .tabs__title_1edc6 {
|
|
449
449
|
padding: var(--primary-tablist-xl-padding);
|
|
450
450
|
font-size: var(--primary-tablist-xl-font-size);
|
|
451
451
|
font-weight: var(--primary-tablist-xl-font-weight);
|
|
452
452
|
font-family: var(--primary-tablist-xl-font-family);
|
|
453
453
|
line-height: 32px;
|
|
454
|
-
}.
|
|
454
|
+
}.tabs__xl_1edc6 .tabs__title_1edc6 + .tabs__title_1edc6 {
|
|
455
455
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
456
|
-
}.
|
|
456
|
+
}.tabs__xl_1edc6 .tabs__pickerWrapper_1edc6 {
|
|
457
457
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
458
|
-
}.
|
|
458
|
+
}.tabs__xl_1edc6 .tabs__option_1edc6 {
|
|
459
459
|
padding: 0;
|
|
460
|
-
}.
|
|
460
|
+
}.tabs__rightAddons_1edc6 {
|
|
461
461
|
display: flex;
|
|
462
462
|
justify-content: center;
|
|
463
463
|
align-items: center;
|
|
@@ -2023,221 +2023,221 @@
|
|
|
2023
2023
|
|
|
2024
2024
|
/* size xl */
|
|
2025
2025
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
2026
|
-
} .
|
|
2027
|
-
} .
|
|
2026
|
+
} .tabs__title_1iwdw {
|
|
2027
|
+
} .tabs__mobile_1iwdw .tabs__title_1iwdw {
|
|
2028
2028
|
padding: var(--primary-tablist-mobile-padding);
|
|
2029
2029
|
font-size: var(--primary-tablist-mobile-font-size);
|
|
2030
2030
|
font-weight: var(--primary-tablist-mobile-font-weight);
|
|
2031
2031
|
font-family: var(--primary-tablist-mobile-font-family);
|
|
2032
2032
|
line-height: var(--primary-tablist-mobile-line-height)
|
|
2033
|
-
} .
|
|
2033
|
+
} .tabs__mobile_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw {
|
|
2034
2034
|
margin-left: var(--primary-tablist-mobile-gaps);
|
|
2035
|
-
} .
|
|
2035
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__title_1iwdw {
|
|
2036
2036
|
font-size: 18px;
|
|
2037
2037
|
line-height: 24px;
|
|
2038
2038
|
font-weight: 400;
|
|
2039
|
-
} .
|
|
2039
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__title_1iwdw {
|
|
2040
2040
|
font-size: 16px;
|
|
2041
2041
|
line-height: 24px;
|
|
2042
2042
|
font-weight: 400;
|
|
2043
|
-
} .
|
|
2043
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__title_1iwdw {
|
|
2044
2044
|
font-size: 14px;
|
|
2045
2045
|
line-height: 20px;
|
|
2046
2046
|
font-weight: 400;
|
|
2047
|
-
} .
|
|
2047
|
+
} .tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__title_1iwdw {
|
|
2048
2048
|
font-size: 18px;
|
|
2049
2049
|
line-height: 24px;
|
|
2050
2050
|
font-weight: 500;
|
|
2051
|
-
} .
|
|
2051
|
+
} .tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__title_1iwdw {
|
|
2052
2052
|
font-size: 16px;
|
|
2053
2053
|
line-height: 24px;
|
|
2054
2054
|
font-weight: 500;
|
|
2055
|
-
} .
|
|
2055
|
+
} .tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__title_1iwdw {
|
|
2056
2056
|
font-size: 14px;
|
|
2057
2057
|
line-height: 20px;
|
|
2058
2058
|
font-weight: 500;
|
|
2059
|
-
} .
|
|
2059
|
+
} .tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__title_1iwdw {
|
|
2060
2060
|
font-size: 18px;
|
|
2061
2061
|
line-height: 24px;
|
|
2062
2062
|
font-weight: 700;
|
|
2063
|
-
} .
|
|
2063
|
+
} .tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__title_1iwdw {
|
|
2064
2064
|
font-size: 16px;
|
|
2065
2065
|
line-height: 24px;
|
|
2066
2066
|
font-weight: 700;
|
|
2067
|
-
} .
|
|
2067
|
+
} .tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__title_1iwdw {
|
|
2068
2068
|
font-size: 14px;
|
|
2069
2069
|
line-height: 20px;
|
|
2070
2070
|
font-weight: 700;
|
|
2071
|
-
} .
|
|
2071
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__title_1iwdw {
|
|
2072
2072
|
padding-bottom: calc(24px / 2);
|
|
2073
|
-
} .
|
|
2074
|
-
.
|
|
2075
|
-
.
|
|
2076
|
-
.
|
|
2077
|
-
.
|
|
2078
|
-
.
|
|
2079
|
-
.
|
|
2080
|
-
.
|
|
2081
|
-
.
|
|
2082
|
-
.
|
|
2083
|
-
.
|
|
2084
|
-
.
|
|
2073
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2074
|
+
.tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2075
|
+
.tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2076
|
+
.tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2077
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2078
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2079
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2080
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2081
|
+
.tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2082
|
+
.tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2083
|
+
.tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2084
|
+
.tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2085
2085
|
margin-left: 24px;
|
|
2086
|
-
} .
|
|
2086
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__option_1iwdw {
|
|
2087
2087
|
padding: 0;
|
|
2088
|
-
} .
|
|
2088
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2089
2089
|
box-sizing: content-box;
|
|
2090
2090
|
width: 24px;
|
|
2091
2091
|
height: 24px;
|
|
2092
2092
|
padding: 0;
|
|
2093
|
-
} .
|
|
2093
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-large_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__paragraph-primary-medium_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__accent-primary-large_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__accent-primary-medium_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__action-primary-large_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__action-primary-medium_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2094
2094
|
margin: 0 0 0 calc(24px / 2);
|
|
2095
|
-
} .
|
|
2095
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__title_1iwdw {
|
|
2096
2096
|
padding-bottom: calc(20px / 2);
|
|
2097
|
-
} .
|
|
2098
|
-
.
|
|
2099
|
-
.
|
|
2100
|
-
.
|
|
2101
|
-
.
|
|
2102
|
-
.
|
|
2097
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2098
|
+
.tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2099
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2100
|
+
.tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2101
|
+
.tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2102
|
+
.tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2103
2103
|
margin-left: 20px;
|
|
2104
|
-
} .
|
|
2104
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__option_1iwdw {
|
|
2105
2105
|
padding: 0;
|
|
2106
|
-
} .
|
|
2106
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2107
2107
|
box-sizing: content-box;
|
|
2108
2108
|
width: 20px;
|
|
2109
2109
|
height: 20px;
|
|
2110
2110
|
padding: 0;
|
|
2111
|
-
} .
|
|
2111
|
+
} .tabs__mobile_1iwdw.tabs__paragraph-primary-small_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__accent-primary-small_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__action-primary-small_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2112
2112
|
margin: 0 0 0 calc(20px / 2);
|
|
2113
|
-
} .
|
|
2113
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__title_1iwdw {
|
|
2114
2114
|
font-size: 34px;
|
|
2115
2115
|
line-height: 40px;
|
|
2116
2116
|
font-weight: 600;
|
|
2117
|
-
} .
|
|
2117
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__title_1iwdw {
|
|
2118
2118
|
font-size: 30px;
|
|
2119
2119
|
line-height: 36px;
|
|
2120
2120
|
font-weight: 600;
|
|
2121
|
-
} .
|
|
2121
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__title_1iwdw {
|
|
2122
2122
|
font-size: 26px;
|
|
2123
2123
|
line-height: 32px;
|
|
2124
2124
|
font-weight: 600;
|
|
2125
|
-
} .
|
|
2125
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__title_1iwdw {
|
|
2126
2126
|
font-size: 20px;
|
|
2127
2127
|
line-height: 28px;
|
|
2128
2128
|
font-weight: 600;
|
|
2129
|
-
} .
|
|
2129
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__title_1iwdw {
|
|
2130
2130
|
font-size: 16px;
|
|
2131
2131
|
line-height: 20px;
|
|
2132
2132
|
font-weight: 600;
|
|
2133
|
-
} .
|
|
2133
|
+
} .tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__title_1iwdw {
|
|
2134
2134
|
font-size: 34px;
|
|
2135
2135
|
line-height: 40px;
|
|
2136
2136
|
font-weight: 500;
|
|
2137
2137
|
font-feature-settings: 'ss01';
|
|
2138
2138
|
font-family: var(--font-family-styrene);
|
|
2139
|
-
} .
|
|
2139
|
+
} .tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__title_1iwdw {
|
|
2140
2140
|
font-size: 30px;
|
|
2141
2141
|
line-height: 36px;
|
|
2142
2142
|
font-weight: 500;
|
|
2143
2143
|
font-feature-settings: 'ss01';
|
|
2144
2144
|
font-family: var(--font-family-styrene);
|
|
2145
|
-
} .
|
|
2145
|
+
} .tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__title_1iwdw {
|
|
2146
2146
|
font-size: 26px;
|
|
2147
2147
|
line-height: 32px;
|
|
2148
2148
|
font-weight: 500;
|
|
2149
2149
|
font-feature-settings: 'ss01';
|
|
2150
2150
|
font-family: var(--font-family-styrene);
|
|
2151
|
-
} .
|
|
2151
|
+
} .tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__title_1iwdw {
|
|
2152
2152
|
font-size: 20px;
|
|
2153
2153
|
line-height: 28px;
|
|
2154
2154
|
font-weight: 500;
|
|
2155
2155
|
font-feature-settings: 'ss01';
|
|
2156
2156
|
font-family: var(--font-family-styrene);
|
|
2157
|
-
} .
|
|
2157
|
+
} .tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__title_1iwdw {
|
|
2158
2158
|
font-size: 16px;
|
|
2159
2159
|
line-height: 20px;
|
|
2160
2160
|
font-weight: 500;
|
|
2161
2161
|
font-feature-settings: 'ss01';
|
|
2162
2162
|
font-family: var(--font-family-styrene);
|
|
2163
|
-
} .
|
|
2163
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__title_1iwdw {
|
|
2164
2164
|
padding-bottom: calc(40px / 2);
|
|
2165
|
-
} .
|
|
2166
|
-
.
|
|
2167
|
-
.
|
|
2168
|
-
.
|
|
2165
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2166
|
+
.tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2167
|
+
.tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2168
|
+
.tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2169
2169
|
margin-left: 40px;
|
|
2170
|
-
} .
|
|
2170
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__option_1iwdw {
|
|
2171
2171
|
padding: 0;
|
|
2172
|
-
} .
|
|
2172
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2173
2173
|
box-sizing: content-box;
|
|
2174
2174
|
width: 40px;
|
|
2175
2175
|
height: 40px;
|
|
2176
2176
|
padding: 0;
|
|
2177
|
-
} .
|
|
2177
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xlarge_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__headline-xlarge_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2178
2178
|
margin: 0 0 0 calc(40px / 2);
|
|
2179
|
-
} .
|
|
2179
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__title_1iwdw {
|
|
2180
2180
|
padding-bottom: calc(36px / 2);
|
|
2181
|
-
} .
|
|
2182
|
-
.
|
|
2183
|
-
.
|
|
2184
|
-
.
|
|
2181
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2182
|
+
.tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2183
|
+
.tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2184
|
+
.tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2185
2185
|
margin-left: 36px;
|
|
2186
|
-
} .
|
|
2186
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__option_1iwdw {
|
|
2187
2187
|
padding: 0;
|
|
2188
|
-
} .
|
|
2188
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2189
2189
|
box-sizing: content-box;
|
|
2190
2190
|
width: 36px;
|
|
2191
2191
|
height: 36px;
|
|
2192
2192
|
padding: 0;
|
|
2193
|
-
} .
|
|
2193
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-large_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__headline-large_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2194
2194
|
margin: 0 0 0 calc(36px / 2);
|
|
2195
|
-
} .
|
|
2195
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__title_1iwdw {
|
|
2196
2196
|
padding-bottom: calc(32px / 2);
|
|
2197
|
-
} .
|
|
2198
|
-
.
|
|
2199
|
-
.
|
|
2200
|
-
.
|
|
2197
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2198
|
+
.tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2199
|
+
.tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2200
|
+
.tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2201
2201
|
margin-left: 32px;
|
|
2202
|
-
} .
|
|
2202
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__option_1iwdw {
|
|
2203
2203
|
padding: 0;
|
|
2204
|
-
} .
|
|
2204
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2205
2205
|
box-sizing: content-box;
|
|
2206
2206
|
width: 32px;
|
|
2207
2207
|
height: 32px;
|
|
2208
2208
|
padding: 0;
|
|
2209
|
-
} .
|
|
2209
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-medium_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__headline-medium_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2210
2210
|
margin: 0 0 0 calc(32px / 2);
|
|
2211
|
-
} .
|
|
2211
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__title_1iwdw {
|
|
2212
2212
|
padding-bottom: calc(28px / 2);
|
|
2213
|
-
} .
|
|
2214
|
-
.
|
|
2215
|
-
.
|
|
2216
|
-
.
|
|
2213
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2214
|
+
.tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2215
|
+
.tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2216
|
+
.tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2217
2217
|
margin-left: 28px;
|
|
2218
|
-
} .
|
|
2218
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__option_1iwdw {
|
|
2219
2219
|
padding: 0;
|
|
2220
|
-
} .
|
|
2220
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2221
2221
|
box-sizing: content-box;
|
|
2222
2222
|
width: 28px;
|
|
2223
2223
|
height: 28px;
|
|
2224
2224
|
padding: 0;
|
|
2225
|
-
} .
|
|
2225
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-small_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__headline-small_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2226
2226
|
margin: 0 0 0 calc(28px / 2);
|
|
2227
|
-
} .
|
|
2227
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__title_1iwdw, .tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__title_1iwdw {
|
|
2228
2228
|
padding-bottom: calc(20px / 2);
|
|
2229
|
-
} .
|
|
2230
|
-
.
|
|
2231
|
-
.
|
|
2232
|
-
.
|
|
2229
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2230
|
+
.tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__pickerWrapper_1iwdw,
|
|
2231
|
+
.tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__title_1iwdw + .tabs__title_1iwdw,
|
|
2232
|
+
.tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__pickerWrapper_1iwdw {
|
|
2233
2233
|
margin-left: 20px;
|
|
2234
|
-
} .
|
|
2234
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__option_1iwdw, .tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__option_1iwdw {
|
|
2235
2235
|
padding: 0;
|
|
2236
|
-
} .
|
|
2236
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__scrollControls_1iwdw > button, .tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__scrollControls_1iwdw > button {
|
|
2237
2237
|
box-sizing: content-box;
|
|
2238
2238
|
width: 20px;
|
|
2239
2239
|
height: 20px;
|
|
2240
2240
|
padding: 0;
|
|
2241
|
-
} .
|
|
2241
|
+
} .tabs__mobile_1iwdw.tabs__headline-system-xsmall_1iwdw .tabs__scrollControls_1iwdw button:first-child, .tabs__mobile_1iwdw.tabs__headline-xsmall_1iwdw .tabs__scrollControls_1iwdw button:first-child {
|
|
2242
2242
|
margin: 0 0 0 calc(20px / 2);
|
|
2243
2243
|
}
|