@alfalab/core-components-tabs 8.9.0 → 8.9.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.
- 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 +132 -132
- package/components/primary-tablist/mobile.css +221 -220
- 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 +17 -17
- package/components/secondary-tablist/mobile.css +21 -20
- 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 +132 -132
- package/esm/components/primary-tablist/mobile.css +221 -220
- 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 +17 -17
- package/esm/components/secondary-tablist/mobile.css +21 -20
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/index.module-11b36e67.js +4 -0
- package/esm/index.module-422a5a79.js +4 -0
- package/index.module-2aa3f86a.js +6 -0
- package/index.module-92532875.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 +132 -132
- package/modern/components/primary-tablist/mobile.css +221 -220
- 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 +17 -17
- package/modern/components/secondary-tablist/mobile.css +21 -20
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/index.module-7f340dfd.js +4 -0
- package/modern/index.module-9f26b98a.js +4 -0
- package/package.json +4 -4
- package/esm/index.module-2e31d255.js +0 -4
- package/esm/index.module-58855717.js +0 -4
- package/index.module-1b957504.js +0 -6
- package/index.module-e547bb72.js +0 -6
- package/modern/index.module-c9fbdbe7.js +0 -4
- package/modern/index.module-efcd5c38.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 80vgt */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
}/* deprecated */:root {
|
|
4
4
|
--color-light-accent-primary: #ef3124;
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
/* size l */
|
|
93
93
|
|
|
94
94
|
/* size xl */
|
|
95
|
-
}.
|
|
95
|
+
}.tabs__component_198ro {
|
|
96
96
|
position: relative;
|
|
97
97
|
display: inline-flex;
|
|
98
98
|
min-width: 100%
|
|
99
|
-
}.
|
|
99
|
+
}.tabs__component_198ro: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_198ro.paragraph-primary-large .title {
|
|
108
108
|
font-size: 18px;
|
|
109
109
|
line-height: 24px;
|
|
110
110
|
font-weight: 400;
|
|
111
|
-
}.
|
|
111
|
+
}.tabs__desktop_198ro.paragraph-primary-medium .title {
|
|
112
112
|
font-size: 16px;
|
|
113
113
|
line-height: 24px;
|
|
114
114
|
font-weight: 400;
|
|
115
|
-
}.
|
|
115
|
+
}.tabs__desktop_198ro.paragraph-primary-small .title {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 20px;
|
|
118
118
|
font-weight: 400;
|
|
119
|
-
}.
|
|
119
|
+
}.tabs__desktop_198ro.action-primary-large .title {
|
|
120
120
|
font-size: 18px;
|
|
121
121
|
line-height: 24px;
|
|
122
122
|
font-weight: 500;
|
|
123
|
-
}.
|
|
123
|
+
}.tabs__desktop_198ro.action-primary-medium .title {
|
|
124
124
|
font-size: 16px;
|
|
125
125
|
line-height: 24px;
|
|
126
126
|
font-weight: 500;
|
|
127
|
-
}.
|
|
127
|
+
}.tabs__desktop_198ro.action-primary-small .title {
|
|
128
128
|
font-size: 14px;
|
|
129
129
|
line-height: 20px;
|
|
130
130
|
font-weight: 500;
|
|
131
|
-
}.
|
|
131
|
+
}.tabs__desktop_198ro.accent-primary-large .title {
|
|
132
132
|
font-size: 18px;
|
|
133
133
|
line-height: 24px;
|
|
134
134
|
font-weight: 700;
|
|
135
|
-
}.
|
|
135
|
+
}.tabs__desktop_198ro.accent-primary-medium .title {
|
|
136
136
|
font-size: 16px;
|
|
137
137
|
line-height: 24px;
|
|
138
138
|
font-weight: 700;
|
|
139
|
-
}.
|
|
139
|
+
}.tabs__desktop_198ro.accent-primary-small .title {
|
|
140
140
|
font-size: 14px;
|
|
141
141
|
line-height: 20px;
|
|
142
142
|
font-weight: 700;
|
|
143
|
-
}.
|
|
143
|
+
}.tabs__desktop_198ro.paragraph-primary-large .title, .tabs__desktop_198ro.paragraph-primary-medium .title, .tabs__desktop_198ro.accent-primary-large .title, .tabs__desktop_198ro.accent-primary-medium .title, .tabs__desktop_198ro.action-primary-large .title, .tabs__desktop_198ro.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_198ro.paragraph-primary-large .title + .title,
|
|
146
|
+
.tabs__desktop_198ro.paragraph-primary-large .pickerWrapper,
|
|
147
|
+
.tabs__desktop_198ro.paragraph-primary-medium .title + .title,
|
|
148
|
+
.tabs__desktop_198ro.paragraph-primary-medium .pickerWrapper,
|
|
149
|
+
.tabs__desktop_198ro.accent-primary-large .title + .title,
|
|
150
|
+
.tabs__desktop_198ro.accent-primary-large .pickerWrapper,
|
|
151
|
+
.tabs__desktop_198ro.accent-primary-medium .title + .title,
|
|
152
|
+
.tabs__desktop_198ro.accent-primary-medium .pickerWrapper,
|
|
153
|
+
.tabs__desktop_198ro.action-primary-large .title + .title,
|
|
154
|
+
.tabs__desktop_198ro.action-primary-large .pickerWrapper,
|
|
155
|
+
.tabs__desktop_198ro.action-primary-medium .title + .title,
|
|
156
|
+
.tabs__desktop_198ro.action-primary-medium .pickerWrapper {
|
|
157
157
|
margin-left: 24px;
|
|
158
|
-
}.
|
|
158
|
+
}.tabs__desktop_198ro.paragraph-primary-large .option, .tabs__desktop_198ro.paragraph-primary-medium .option, .tabs__desktop_198ro.accent-primary-large .option, .tabs__desktop_198ro.accent-primary-medium .option, .tabs__desktop_198ro.action-primary-large .option, .tabs__desktop_198ro.action-primary-medium .option {
|
|
159
159
|
padding: 0;
|
|
160
|
-
}.
|
|
160
|
+
}.tabs__desktop_198ro.paragraph-primary-large .scrollControls > button, .tabs__desktop_198ro.paragraph-primary-medium .scrollControls > button, .tabs__desktop_198ro.accent-primary-large .scrollControls > button, .tabs__desktop_198ro.accent-primary-medium .scrollControls > button, .tabs__desktop_198ro.action-primary-large .scrollControls > button, .tabs__desktop_198ro.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_198ro.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_198ro.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_198ro.accent-primary-large .scrollControls button:first-child, .tabs__desktop_198ro.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_198ro.action-primary-large .scrollControls button:first-child, .tabs__desktop_198ro.action-primary-medium .scrollControls button:first-child {
|
|
166
166
|
margin: 0 0 0 calc(24px / 2);
|
|
167
|
-
}.
|
|
167
|
+
}.tabs__desktop_198ro.paragraph-primary-small .title, .tabs__desktop_198ro.accent-primary-small .title, .tabs__desktop_198ro.action-primary-small .title {
|
|
168
168
|
padding-bottom: calc(20px / 2);
|
|
169
|
-
}.
|
|
170
|
-
.
|
|
171
|
-
.
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
169
|
+
}.tabs__desktop_198ro.paragraph-primary-small .title + .title,
|
|
170
|
+
.tabs__desktop_198ro.paragraph-primary-small .pickerWrapper,
|
|
171
|
+
.tabs__desktop_198ro.accent-primary-small .title + .title,
|
|
172
|
+
.tabs__desktop_198ro.accent-primary-small .pickerWrapper,
|
|
173
|
+
.tabs__desktop_198ro.action-primary-small .title + .title,
|
|
174
|
+
.tabs__desktop_198ro.action-primary-small .pickerWrapper {
|
|
175
175
|
margin-left: 20px;
|
|
176
|
-
}.
|
|
176
|
+
}.tabs__desktop_198ro.paragraph-primary-small .option, .tabs__desktop_198ro.accent-primary-small .option, .tabs__desktop_198ro.action-primary-small .option {
|
|
177
177
|
padding: 0;
|
|
178
|
-
}.
|
|
178
|
+
}.tabs__desktop_198ro.paragraph-primary-small .scrollControls > button, .tabs__desktop_198ro.accent-primary-small .scrollControls > button, .tabs__desktop_198ro.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_198ro.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_198ro.accent-primary-small .scrollControls button:first-child, .tabs__desktop_198ro.action-primary-small .scrollControls button:first-child {
|
|
184
184
|
margin: 0 0 0 calc(20px / 2);
|
|
185
|
-
}.
|
|
185
|
+
}.tabs__desktop_198ro.headline-system-xlarge .title {
|
|
186
186
|
font-size: 48px;
|
|
187
187
|
line-height: 52px;
|
|
188
188
|
font-weight: 700;
|
|
189
|
-
}.
|
|
189
|
+
}.tabs__desktop_198ro.headline-system-large .title {
|
|
190
190
|
font-size: 40px;
|
|
191
191
|
line-height: 48px;
|
|
192
192
|
font-weight: 700;
|
|
193
|
-
}.
|
|
193
|
+
}.tabs__desktop_198ro.headline-system-medium .title {
|
|
194
194
|
font-size: 30px;
|
|
195
195
|
line-height: 36px;
|
|
196
196
|
font-weight: 700;
|
|
197
|
-
}.
|
|
197
|
+
}.tabs__desktop_198ro.headline-system-small .title {
|
|
198
198
|
font-size: 22px;
|
|
199
199
|
line-height: 26px;
|
|
200
200
|
font-weight: 700;
|
|
201
|
-
}.
|
|
201
|
+
}.tabs__desktop_198ro.headline-system-xsmall .title {
|
|
202
202
|
font-size: 18px;
|
|
203
203
|
line-height: 22px;
|
|
204
204
|
font-weight: 700;
|
|
205
|
-
}.
|
|
205
|
+
}.tabs__desktop_198ro.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_198ro.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_198ro.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_198ro.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_198ro.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_198ro.headline-system-xlarge .title {
|
|
236
236
|
padding-bottom: calc(52px / 2);
|
|
237
|
-
}.
|
|
238
|
-
.
|
|
237
|
+
}.tabs__desktop_198ro.headline-system-xlarge .title + .title,
|
|
238
|
+
.tabs__desktop_198ro.headline-system-xlarge .pickerWrapper {
|
|
239
239
|
margin-left: 52px;
|
|
240
|
-
}.
|
|
240
|
+
}.tabs__desktop_198ro.headline-system-xlarge .option {
|
|
241
241
|
padding: 0;
|
|
242
|
-
}.
|
|
242
|
+
}.tabs__desktop_198ro.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_198ro.headline-system-xlarge .scrollControls button:first-child {
|
|
248
248
|
margin: 0 0 0 calc(52px / 2);
|
|
249
|
-
}.
|
|
249
|
+
}.tabs__desktop_198ro.headline-system-large .title, .tabs__desktop_198ro.headline-large .title {
|
|
250
250
|
padding-bottom: calc(48px / 2);
|
|
251
|
-
}.
|
|
252
|
-
.
|
|
253
|
-
.
|
|
254
|
-
.
|
|
251
|
+
}.tabs__desktop_198ro.headline-system-large .title + .title,
|
|
252
|
+
.tabs__desktop_198ro.headline-system-large .pickerWrapper,
|
|
253
|
+
.tabs__desktop_198ro.headline-large .title + .title,
|
|
254
|
+
.tabs__desktop_198ro.headline-large .pickerWrapper {
|
|
255
255
|
margin-left: 48px;
|
|
256
|
-
}.
|
|
256
|
+
}.tabs__desktop_198ro.headline-system-large .option, .tabs__desktop_198ro.headline-large .option {
|
|
257
257
|
padding: 0;
|
|
258
|
-
}.
|
|
258
|
+
}.tabs__desktop_198ro.headline-system-large .scrollControls > button, .tabs__desktop_198ro.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_198ro.headline-system-large .scrollControls button:first-child, .tabs__desktop_198ro.headline-large .scrollControls button:first-child {
|
|
264
264
|
margin: 0 0 0 calc(48px / 2);
|
|
265
|
-
}.
|
|
265
|
+
}.tabs__desktop_198ro.headline-system-medium .title {
|
|
266
266
|
padding-bottom: calc(36px / 2);
|
|
267
|
-
}.
|
|
268
|
-
.
|
|
267
|
+
}.tabs__desktop_198ro.headline-system-medium .title + .title,
|
|
268
|
+
.tabs__desktop_198ro.headline-system-medium .pickerWrapper {
|
|
269
269
|
margin-left: 36px;
|
|
270
|
-
}.
|
|
270
|
+
}.tabs__desktop_198ro.headline-system-medium .option {
|
|
271
271
|
padding: 0;
|
|
272
|
-
}.
|
|
272
|
+
}.tabs__desktop_198ro.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_198ro.headline-system-medium .scrollControls button:first-child {
|
|
278
278
|
margin: 0 0 0 calc(36px / 2);
|
|
279
|
-
}.
|
|
279
|
+
}.tabs__desktop_198ro.headline-system-small .title {
|
|
280
280
|
padding-bottom: calc(26px / 2);
|
|
281
|
-
}.
|
|
282
|
-
.
|
|
281
|
+
}.tabs__desktop_198ro.headline-system-small .title + .title,
|
|
282
|
+
.tabs__desktop_198ro.headline-system-small .pickerWrapper {
|
|
283
283
|
margin-left: 26px;
|
|
284
|
-
}.
|
|
284
|
+
}.tabs__desktop_198ro.headline-system-small .option {
|
|
285
285
|
padding: 0;
|
|
286
|
-
}.
|
|
286
|
+
}.tabs__desktop_198ro.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_198ro.headline-system-small .scrollControls button:first-child {
|
|
292
292
|
margin: 0 0 0 calc(26px / 2);
|
|
293
|
-
}.
|
|
293
|
+
}.tabs__desktop_198ro.headline-system-xsmall .title {
|
|
294
294
|
padding-bottom: calc(22px / 2);
|
|
295
|
-
}.
|
|
296
|
-
.
|
|
295
|
+
}.tabs__desktop_198ro.headline-system-xsmall .title + .title,
|
|
296
|
+
.tabs__desktop_198ro.headline-system-xsmall .pickerWrapper {
|
|
297
297
|
margin-left: 22px;
|
|
298
|
-
}.
|
|
298
|
+
}.tabs__desktop_198ro.headline-system-xsmall .option {
|
|
299
299
|
padding: 0;
|
|
300
|
-
}.
|
|
300
|
+
}.tabs__desktop_198ro.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_198ro.headline-system-xsmall .scrollControls button:first-child {
|
|
306
306
|
margin: 0 0 0 calc(22px / 2);
|
|
307
|
-
}.
|
|
307
|
+
}.tabs__desktop_198ro.headline-xlarge .title {
|
|
308
308
|
padding-bottom: calc(64px / 2);
|
|
309
|
-
}.
|
|
310
|
-
.
|
|
309
|
+
}.tabs__desktop_198ro.headline-xlarge .title + .title,
|
|
310
|
+
.tabs__desktop_198ro.headline-xlarge .pickerWrapper {
|
|
311
311
|
margin-left: 64px;
|
|
312
|
-
}.
|
|
312
|
+
}.tabs__desktop_198ro.headline-xlarge .option {
|
|
313
313
|
padding: 0;
|
|
314
|
-
}.
|
|
314
|
+
}.tabs__desktop_198ro.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_198ro.headline-xlarge .scrollControls button:first-child {
|
|
320
320
|
margin: 0 0 0 calc(64px / 2);
|
|
321
|
-
}.
|
|
321
|
+
}.tabs__desktop_198ro.headline-medium .title {
|
|
322
322
|
padding-bottom: calc(40px / 2);
|
|
323
|
-
}.
|
|
324
|
-
.
|
|
323
|
+
}.tabs__desktop_198ro.headline-medium .title + .title,
|
|
324
|
+
.tabs__desktop_198ro.headline-medium .pickerWrapper {
|
|
325
325
|
margin-left: 40px;
|
|
326
|
-
}.
|
|
326
|
+
}.tabs__desktop_198ro.headline-medium .option {
|
|
327
327
|
padding: 0;
|
|
328
|
-
}.
|
|
328
|
+
}.tabs__desktop_198ro.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_198ro.headline-medium .scrollControls button:first-child {
|
|
334
334
|
margin: 0 0 0 calc(40px / 2);
|
|
335
|
-
}.
|
|
335
|
+
}.tabs__desktop_198ro.headline-small .title {
|
|
336
336
|
padding-bottom: calc(32px / 2);
|
|
337
|
-
}.
|
|
338
|
-
.
|
|
337
|
+
}.tabs__desktop_198ro.headline-small .title + .title,
|
|
338
|
+
.tabs__desktop_198ro.headline-small .pickerWrapper {
|
|
339
339
|
margin-left: 32px;
|
|
340
|
-
}.
|
|
340
|
+
}.tabs__desktop_198ro.headline-small .option {
|
|
341
341
|
padding: 0;
|
|
342
|
-
}.
|
|
342
|
+
}.tabs__desktop_198ro.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_198ro.headline-small .scrollControls button:first-child {
|
|
348
348
|
margin: 0 0 0 calc(32px / 2);
|
|
349
|
-
}.
|
|
349
|
+
}.tabs__desktop_198ro.headline-xsmall .title {
|
|
350
350
|
padding-bottom: calc(24px / 2);
|
|
351
|
-
}.
|
|
352
|
-
.
|
|
351
|
+
}.tabs__desktop_198ro.headline-xsmall .title + .title,
|
|
352
|
+
.tabs__desktop_198ro.headline-xsmall .pickerWrapper {
|
|
353
353
|
margin-left: 24px;
|
|
354
|
-
}.
|
|
354
|
+
}.tabs__desktop_198ro.headline-xsmall .option {
|
|
355
355
|
padding: 0;
|
|
356
|
-
}.
|
|
356
|
+
}.tabs__desktop_198ro.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_198ro.headline-xsmall .scrollControls button:first-child {
|
|
362
362
|
margin: 0 0 0 calc(24px / 2);
|
|
363
|
-
}.
|
|
363
|
+
}.tabs__fullWidthScroll_198ro {
|
|
364
364
|
min-width: calc(100% - 2 * var(--gap-m));
|
|
365
365
|
margin: 0 var(--gap-m);
|
|
366
|
-
}.
|
|
366
|
+
}.tabs__container_198ro {
|
|
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_198ro {
|
|
374
374
|
display: flex;
|
|
375
375
|
align-items: center;
|
|
376
376
|
height: 100%;
|
|
@@ -386,83 +386,83 @@
|
|
|
386
386
|
-webkit-user-select: none;
|
|
387
387
|
user-select: none;
|
|
388
388
|
outline: none
|
|
389
|
-
}.
|
|
389
|
+
}.tabs__title_198ro:not(:disabled):hover {
|
|
390
390
|
color: var(--primary-tablist-hover-color);
|
|
391
|
-
}.
|
|
391
|
+
}.tabs__focused_198ro {
|
|
392
392
|
outline: 2px solid var(--focus-color);
|
|
393
393
|
outline-offset: 2px;
|
|
394
|
-
}.
|
|
394
|
+
}.tabs__collapsed_198ro {
|
|
395
395
|
order: 99;
|
|
396
396
|
visibility: collapse;
|
|
397
|
-
}.
|
|
397
|
+
}.tabs__selected_198ro {
|
|
398
398
|
cursor: default;
|
|
399
399
|
color: var(--primary-tablist-selected-color);
|
|
400
|
-
}.
|
|
400
|
+
}.tabs__disabled_198ro {
|
|
401
401
|
cursor: var(--disabled-cursor);
|
|
402
402
|
color: var(--primary-tablist-disabled-color);
|
|
403
|
-
}.
|
|
403
|
+
}.tabs__line_198ro {
|
|
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_198ro {
|
|
411
411
|
color: var(--color-light-text-primary);
|
|
412
|
-
}/* sizes */.
|
|
412
|
+
}/* sizes */.tabs__s_198ro .tabs__title_198ro, .tabs__xs_198ro .tabs__title_198ro, .tabs__xxs_198ro .tabs__title_198ro {
|
|
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_198ro .tabs__title_198ro + .tabs__title_198ro, .tabs__xs_198ro .tabs__title_198ro + .tabs__title_198ro, .tabs__xxs_198ro .tabs__title_198ro + .tabs__title_198ro {
|
|
419
419
|
margin-left: var(--primary-tablist-s-gaps);
|
|
420
|
-
}.
|
|
420
|
+
}.tabs__s_198ro .tabs__pickerWrapper_198ro, .tabs__xs_198ro .tabs__pickerWrapper_198ro, .tabs__xxs_198ro .tabs__pickerWrapper_198ro {
|
|
421
421
|
margin-left: var(--primary-tablist-s-gaps);
|
|
422
|
-
}.
|
|
422
|
+
}.tabs__s_198ro .tabs__option_198ro, .tabs__xs_198ro .tabs__option_198ro, .tabs__xxs_198ro .tabs__option_198ro {
|
|
423
423
|
padding: 0;
|
|
424
|
-
}.
|
|
424
|
+
}.tabs__m_198ro .tabs__title_198ro {
|
|
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_198ro .tabs__title_198ro + .tabs__title_198ro {
|
|
431
431
|
margin-left: var(--primary-tablist-m-gaps);
|
|
432
|
-
}.
|
|
432
|
+
}.tabs__m_198ro .tabs__pickerWrapper_198ro {
|
|
433
433
|
margin-left: var(--primary-tablist-m-gaps);
|
|
434
|
-
}.
|
|
434
|
+
}.tabs__m_198ro .tabs__option_198ro {
|
|
435
435
|
padding: 0;
|
|
436
|
-
}.
|
|
436
|
+
}.tabs__l_198ro .tabs__title_198ro {
|
|
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_198ro .tabs__title_198ro + .tabs__title_198ro {
|
|
443
443
|
margin-left: var(--primary-tablist-l-gaps);
|
|
444
|
-
}.
|
|
444
|
+
}.tabs__l_198ro .tabs__pickerWrapper_198ro {
|
|
445
445
|
margin-left: var(--primary-tablist-l-gaps);
|
|
446
|
-
}.
|
|
446
|
+
}.tabs__l_198ro .tabs__option_198ro {
|
|
447
447
|
padding: 0;
|
|
448
|
-
}.
|
|
448
|
+
}.tabs__xl_198ro .tabs__title_198ro {
|
|
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_198ro .tabs__title_198ro + .tabs__title_198ro {
|
|
455
455
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
456
|
-
}.
|
|
456
|
+
}.tabs__xl_198ro .tabs__pickerWrapper_198ro {
|
|
457
457
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
458
|
-
}.
|
|
458
|
+
}.tabs__xl_198ro .tabs__option_198ro {
|
|
459
459
|
padding: 0;
|
|
460
|
-
}.
|
|
460
|
+
}.tabs__rightAddons_198ro {
|
|
461
461
|
display: flex;
|
|
462
462
|
justify-content: center;
|
|
463
463
|
align-items: center;
|
|
464
464
|
margin-left: var(--gap-xs);
|
|
465
|
-
}.
|
|
465
|
+
}.tabs__rightAddonsMarginZero_198ro {
|
|
466
466
|
margin-left: 0;
|
|
467
467
|
} :root {
|
|
468
468
|
--color-dark-indigo: #0b1f35; /* deprecated */
|
|
@@ -1942,6 +1942,7 @@
|
|
|
1942
1942
|
--gap-2xs: 4px;
|
|
1943
1943
|
--gap-xs: 8px;
|
|
1944
1944
|
--gap-s: 12px;
|
|
1945
|
+
--gap-2s: 14px;
|
|
1945
1946
|
--gap-m: 16px;
|
|
1946
1947
|
--gap-l: 20px;
|
|
1947
1948
|
--gap-xl: 24px;
|
|
@@ -2051,221 +2052,221 @@
|
|
|
2051
2052
|
|
|
2052
2053
|
/* size xl */
|
|
2053
2054
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
2054
|
-
} .
|
|
2055
|
-
} .
|
|
2055
|
+
} .tabs__title_10e4p {
|
|
2056
|
+
} .tabs__mobile_10e4p .tabs__title_10e4p {
|
|
2056
2057
|
padding: var(--primary-tablist-mobile-padding);
|
|
2057
2058
|
font-size: var(--primary-tablist-mobile-font-size);
|
|
2058
2059
|
font-weight: var(--primary-tablist-mobile-font-weight);
|
|
2059
2060
|
font-family: var(--primary-tablist-mobile-font-family);
|
|
2060
2061
|
line-height: var(--primary-tablist-mobile-line-height)
|
|
2061
|
-
} .
|
|
2062
|
+
} .tabs__mobile_10e4p .tabs__title_10e4p + .tabs__title_10e4p {
|
|
2062
2063
|
margin-left: var(--primary-tablist-mobile-gaps);
|
|
2063
|
-
} .
|
|
2064
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__title_10e4p {
|
|
2064
2065
|
font-size: 18px;
|
|
2065
2066
|
line-height: 24px;
|
|
2066
2067
|
font-weight: 400;
|
|
2067
|
-
} .
|
|
2068
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__title_10e4p {
|
|
2068
2069
|
font-size: 16px;
|
|
2069
2070
|
line-height: 24px;
|
|
2070
2071
|
font-weight: 400;
|
|
2071
|
-
} .
|
|
2072
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__title_10e4p {
|
|
2072
2073
|
font-size: 14px;
|
|
2073
2074
|
line-height: 20px;
|
|
2074
2075
|
font-weight: 400;
|
|
2075
|
-
} .
|
|
2076
|
+
} .tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__title_10e4p {
|
|
2076
2077
|
font-size: 18px;
|
|
2077
2078
|
line-height: 24px;
|
|
2078
2079
|
font-weight: 500;
|
|
2079
|
-
} .
|
|
2080
|
+
} .tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__title_10e4p {
|
|
2080
2081
|
font-size: 16px;
|
|
2081
2082
|
line-height: 24px;
|
|
2082
2083
|
font-weight: 500;
|
|
2083
|
-
} .
|
|
2084
|
+
} .tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__title_10e4p {
|
|
2084
2085
|
font-size: 14px;
|
|
2085
2086
|
line-height: 20px;
|
|
2086
2087
|
font-weight: 500;
|
|
2087
|
-
} .
|
|
2088
|
+
} .tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__title_10e4p {
|
|
2088
2089
|
font-size: 18px;
|
|
2089
2090
|
line-height: 24px;
|
|
2090
2091
|
font-weight: 700;
|
|
2091
|
-
} .
|
|
2092
|
+
} .tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__title_10e4p {
|
|
2092
2093
|
font-size: 16px;
|
|
2093
2094
|
line-height: 24px;
|
|
2094
2095
|
font-weight: 700;
|
|
2095
|
-
} .
|
|
2096
|
+
} .tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__title_10e4p {
|
|
2096
2097
|
font-size: 14px;
|
|
2097
2098
|
line-height: 20px;
|
|
2098
2099
|
font-weight: 700;
|
|
2099
|
-
} .
|
|
2100
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__title_10e4p {
|
|
2100
2101
|
padding-bottom: calc(24px / 2);
|
|
2101
|
-
} .
|
|
2102
|
-
.
|
|
2103
|
-
.
|
|
2104
|
-
.
|
|
2105
|
-
.
|
|
2106
|
-
.
|
|
2107
|
-
.
|
|
2108
|
-
.
|
|
2109
|
-
.
|
|
2110
|
-
.
|
|
2111
|
-
.
|
|
2112
|
-
.
|
|
2102
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2103
|
+
.tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__pickerWrapper_10e4p,
|
|
2104
|
+
.tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2105
|
+
.tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__pickerWrapper_10e4p,
|
|
2106
|
+
.tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2107
|
+
.tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__pickerWrapper_10e4p,
|
|
2108
|
+
.tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2109
|
+
.tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__pickerWrapper_10e4p,
|
|
2110
|
+
.tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2111
|
+
.tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__pickerWrapper_10e4p,
|
|
2112
|
+
.tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2113
|
+
.tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__pickerWrapper_10e4p {
|
|
2113
2114
|
margin-left: 24px;
|
|
2114
|
-
} .
|
|
2115
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__option_10e4p {
|
|
2115
2116
|
padding: 0;
|
|
2116
|
-
} .
|
|
2117
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__scrollControls_10e4p > button {
|
|
2117
2118
|
box-sizing: content-box;
|
|
2118
2119
|
width: 24px;
|
|
2119
2120
|
height: 24px;
|
|
2120
2121
|
padding: 0;
|
|
2121
|
-
} .
|
|
2122
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-large_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__paragraph-primary-medium_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__accent-primary-large_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__accent-primary-medium_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__action-primary-large_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__action-primary-medium_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2122
2123
|
margin: 0 0 0 calc(24px / 2);
|
|
2123
|
-
} .
|
|
2124
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__title_10e4p {
|
|
2124
2125
|
padding-bottom: calc(20px / 2);
|
|
2125
|
-
} .
|
|
2126
|
-
.
|
|
2127
|
-
.
|
|
2128
|
-
.
|
|
2129
|
-
.
|
|
2130
|
-
.
|
|
2126
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2127
|
+
.tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__pickerWrapper_10e4p,
|
|
2128
|
+
.tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2129
|
+
.tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__pickerWrapper_10e4p,
|
|
2130
|
+
.tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2131
|
+
.tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__pickerWrapper_10e4p {
|
|
2131
2132
|
margin-left: 20px;
|
|
2132
|
-
} .
|
|
2133
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__option_10e4p {
|
|
2133
2134
|
padding: 0;
|
|
2134
|
-
} .
|
|
2135
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__scrollControls_10e4p > button {
|
|
2135
2136
|
box-sizing: content-box;
|
|
2136
2137
|
width: 20px;
|
|
2137
2138
|
height: 20px;
|
|
2138
2139
|
padding: 0;
|
|
2139
|
-
} .
|
|
2140
|
+
} .tabs__mobile_10e4p.tabs__paragraph-primary-small_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__accent-primary-small_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__action-primary-small_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2140
2141
|
margin: 0 0 0 calc(20px / 2);
|
|
2141
|
-
} .
|
|
2142
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__title_10e4p {
|
|
2142
2143
|
font-size: 34px;
|
|
2143
2144
|
line-height: 40px;
|
|
2144
2145
|
font-weight: 600;
|
|
2145
|
-
} .
|
|
2146
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__title_10e4p {
|
|
2146
2147
|
font-size: 30px;
|
|
2147
2148
|
line-height: 36px;
|
|
2148
2149
|
font-weight: 600;
|
|
2149
|
-
} .
|
|
2150
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__title_10e4p {
|
|
2150
2151
|
font-size: 26px;
|
|
2151
2152
|
line-height: 32px;
|
|
2152
2153
|
font-weight: 600;
|
|
2153
|
-
} .
|
|
2154
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__title_10e4p {
|
|
2154
2155
|
font-size: 20px;
|
|
2155
2156
|
line-height: 28px;
|
|
2156
2157
|
font-weight: 600;
|
|
2157
|
-
} .
|
|
2158
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__title_10e4p {
|
|
2158
2159
|
font-size: 16px;
|
|
2159
2160
|
line-height: 20px;
|
|
2160
2161
|
font-weight: 600;
|
|
2161
|
-
} .
|
|
2162
|
+
} .tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__title_10e4p {
|
|
2162
2163
|
font-size: 34px;
|
|
2163
2164
|
line-height: 40px;
|
|
2164
2165
|
font-weight: 500;
|
|
2165
2166
|
font-feature-settings: 'ss01';
|
|
2166
2167
|
font-family: var(--font-family-styrene);
|
|
2167
|
-
} .
|
|
2168
|
+
} .tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__title_10e4p {
|
|
2168
2169
|
font-size: 30px;
|
|
2169
2170
|
line-height: 36px;
|
|
2170
2171
|
font-weight: 500;
|
|
2171
2172
|
font-feature-settings: 'ss01';
|
|
2172
2173
|
font-family: var(--font-family-styrene);
|
|
2173
|
-
} .
|
|
2174
|
+
} .tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__title_10e4p {
|
|
2174
2175
|
font-size: 26px;
|
|
2175
2176
|
line-height: 32px;
|
|
2176
2177
|
font-weight: 500;
|
|
2177
2178
|
font-feature-settings: 'ss01';
|
|
2178
2179
|
font-family: var(--font-family-styrene);
|
|
2179
|
-
} .
|
|
2180
|
+
} .tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__title_10e4p {
|
|
2180
2181
|
font-size: 20px;
|
|
2181
2182
|
line-height: 28px;
|
|
2182
2183
|
font-weight: 500;
|
|
2183
2184
|
font-feature-settings: 'ss01';
|
|
2184
2185
|
font-family: var(--font-family-styrene);
|
|
2185
|
-
} .
|
|
2186
|
+
} .tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__title_10e4p {
|
|
2186
2187
|
font-size: 16px;
|
|
2187
2188
|
line-height: 20px;
|
|
2188
2189
|
font-weight: 500;
|
|
2189
2190
|
font-feature-settings: 'ss01';
|
|
2190
2191
|
font-family: var(--font-family-styrene);
|
|
2191
|
-
} .
|
|
2192
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__title_10e4p {
|
|
2192
2193
|
padding-bottom: calc(40px / 2);
|
|
2193
|
-
} .
|
|
2194
|
-
.
|
|
2195
|
-
.
|
|
2196
|
-
.
|
|
2194
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2195
|
+
.tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__pickerWrapper_10e4p,
|
|
2196
|
+
.tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2197
|
+
.tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__pickerWrapper_10e4p {
|
|
2197
2198
|
margin-left: 40px;
|
|
2198
|
-
} .
|
|
2199
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__option_10e4p {
|
|
2199
2200
|
padding: 0;
|
|
2200
|
-
} .
|
|
2201
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__scrollControls_10e4p > button {
|
|
2201
2202
|
box-sizing: content-box;
|
|
2202
2203
|
width: 40px;
|
|
2203
2204
|
height: 40px;
|
|
2204
2205
|
padding: 0;
|
|
2205
|
-
} .
|
|
2206
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xlarge_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__headline-xlarge_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2206
2207
|
margin: 0 0 0 calc(40px / 2);
|
|
2207
|
-
} .
|
|
2208
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__title_10e4p {
|
|
2208
2209
|
padding-bottom: calc(36px / 2);
|
|
2209
|
-
} .
|
|
2210
|
-
.
|
|
2211
|
-
.
|
|
2212
|
-
.
|
|
2210
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2211
|
+
.tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__pickerWrapper_10e4p,
|
|
2212
|
+
.tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2213
|
+
.tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__pickerWrapper_10e4p {
|
|
2213
2214
|
margin-left: 36px;
|
|
2214
|
-
} .
|
|
2215
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__option_10e4p {
|
|
2215
2216
|
padding: 0;
|
|
2216
|
-
} .
|
|
2217
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__scrollControls_10e4p > button {
|
|
2217
2218
|
box-sizing: content-box;
|
|
2218
2219
|
width: 36px;
|
|
2219
2220
|
height: 36px;
|
|
2220
2221
|
padding: 0;
|
|
2221
|
-
} .
|
|
2222
|
+
} .tabs__mobile_10e4p.tabs__headline-system-large_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__headline-large_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2222
2223
|
margin: 0 0 0 calc(36px / 2);
|
|
2223
|
-
} .
|
|
2224
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__title_10e4p {
|
|
2224
2225
|
padding-bottom: calc(32px / 2);
|
|
2225
|
-
} .
|
|
2226
|
-
.
|
|
2227
|
-
.
|
|
2228
|
-
.
|
|
2226
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2227
|
+
.tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__pickerWrapper_10e4p,
|
|
2228
|
+
.tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2229
|
+
.tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__pickerWrapper_10e4p {
|
|
2229
2230
|
margin-left: 32px;
|
|
2230
|
-
} .
|
|
2231
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__option_10e4p {
|
|
2231
2232
|
padding: 0;
|
|
2232
|
-
} .
|
|
2233
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__scrollControls_10e4p > button {
|
|
2233
2234
|
box-sizing: content-box;
|
|
2234
2235
|
width: 32px;
|
|
2235
2236
|
height: 32px;
|
|
2236
2237
|
padding: 0;
|
|
2237
|
-
} .
|
|
2238
|
+
} .tabs__mobile_10e4p.tabs__headline-system-medium_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__headline-medium_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2238
2239
|
margin: 0 0 0 calc(32px / 2);
|
|
2239
|
-
} .
|
|
2240
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__title_10e4p {
|
|
2240
2241
|
padding-bottom: calc(28px / 2);
|
|
2241
|
-
} .
|
|
2242
|
-
.
|
|
2243
|
-
.
|
|
2244
|
-
.
|
|
2242
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2243
|
+
.tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__pickerWrapper_10e4p,
|
|
2244
|
+
.tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2245
|
+
.tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__pickerWrapper_10e4p {
|
|
2245
2246
|
margin-left: 28px;
|
|
2246
|
-
} .
|
|
2247
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__option_10e4p {
|
|
2247
2248
|
padding: 0;
|
|
2248
|
-
} .
|
|
2249
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__scrollControls_10e4p > button {
|
|
2249
2250
|
box-sizing: content-box;
|
|
2250
2251
|
width: 28px;
|
|
2251
2252
|
height: 28px;
|
|
2252
2253
|
padding: 0;
|
|
2253
|
-
} .
|
|
2254
|
+
} .tabs__mobile_10e4p.tabs__headline-system-small_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__headline-small_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2254
2255
|
margin: 0 0 0 calc(28px / 2);
|
|
2255
|
-
} .
|
|
2256
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__title_10e4p, .tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__title_10e4p {
|
|
2256
2257
|
padding-bottom: calc(20px / 2);
|
|
2257
|
-
} .
|
|
2258
|
-
.
|
|
2259
|
-
.
|
|
2260
|
-
.
|
|
2258
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2259
|
+
.tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__pickerWrapper_10e4p,
|
|
2260
|
+
.tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__title_10e4p + .tabs__title_10e4p,
|
|
2261
|
+
.tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__pickerWrapper_10e4p {
|
|
2261
2262
|
margin-left: 20px;
|
|
2262
|
-
} .
|
|
2263
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__option_10e4p, .tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__option_10e4p {
|
|
2263
2264
|
padding: 0;
|
|
2264
|
-
} .
|
|
2265
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__scrollControls_10e4p > button, .tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__scrollControls_10e4p > button {
|
|
2265
2266
|
box-sizing: content-box;
|
|
2266
2267
|
width: 20px;
|
|
2267
2268
|
height: 20px;
|
|
2268
2269
|
padding: 0;
|
|
2269
|
-
} .
|
|
2270
|
+
} .tabs__mobile_10e4p.tabs__headline-system-xsmall_10e4p .tabs__scrollControls_10e4p button:first-child, .tabs__mobile_10e4p.tabs__headline-xsmall_10e4p .tabs__scrollControls_10e4p button:first-child {
|
|
2270
2271
|
margin: 0 0 0 calc(20px / 2);
|
|
2271
2272
|
}
|