@alfalab/core-components-tabs 8.9.8 → 8.9.9
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 +220 -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 +20 -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 +220 -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 +20 -20
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/index.module-2d351e35.js +4 -0
- package/esm/index.module-79d21161.js +4 -0
- package/index.module-4c2f9157.js +6 -0
- package/index.module-9a152fac.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 +220 -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 +20 -20
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/index.module-95d21ba2.js +4 -0
- package/modern/index.module-b6a3e2aa.js +4 -0
- package/package.json +2 -2
- package/esm/index.module-0e6d4e9c.js +0 -4
- package/esm/index.module-5279a2c0.js +0 -4
- package/index.module-9c923703.js +0 -6
- package/index.module-af0ef9cc.js +0 -6
- package/modern/index.module-0dc64add.js +0 -4
- package/modern/index.module-c2a2cbdd.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ikrj */
|
|
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;
|
|
@@ -96,11 +96,11 @@
|
|
|
96
96
|
/* size l */
|
|
97
97
|
|
|
98
98
|
/* size xl */
|
|
99
|
-
}.
|
|
99
|
+
}.tabs__component_1gjek {
|
|
100
100
|
position: relative;
|
|
101
101
|
display: inline-flex;
|
|
102
102
|
min-width: 100%
|
|
103
|
-
}.
|
|
103
|
+
}.tabs__component_1gjek:before {
|
|
104
104
|
content: '';
|
|
105
105
|
display: block;
|
|
106
106
|
position: absolute;
|
|
@@ -108,273 +108,273 @@
|
|
|
108
108
|
height: 1px;
|
|
109
109
|
width: 100%;
|
|
110
110
|
background-color: var(--primary-tablist-bottom-border-color);
|
|
111
|
-
}.
|
|
111
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .title {
|
|
112
112
|
font-size: 18px;
|
|
113
113
|
line-height: 24px;
|
|
114
114
|
font-weight: 400;
|
|
115
|
-
}.
|
|
115
|
+
}.tabs__desktop_1gjek.paragraph-primary-medium .title {
|
|
116
116
|
font-size: 16px;
|
|
117
117
|
line-height: 24px;
|
|
118
118
|
font-weight: 400;
|
|
119
|
-
}.
|
|
119
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .title {
|
|
120
120
|
font-size: 14px;
|
|
121
121
|
line-height: 20px;
|
|
122
122
|
font-weight: 400;
|
|
123
|
-
}.
|
|
123
|
+
}.tabs__desktop_1gjek.action-primary-large .title {
|
|
124
124
|
font-size: 18px;
|
|
125
125
|
line-height: 24px;
|
|
126
126
|
font-weight: 500;
|
|
127
|
-
}.
|
|
127
|
+
}.tabs__desktop_1gjek.action-primary-medium .title {
|
|
128
128
|
font-size: 16px;
|
|
129
129
|
line-height: 24px;
|
|
130
130
|
font-weight: 500;
|
|
131
|
-
}.
|
|
131
|
+
}.tabs__desktop_1gjek.action-primary-small .title {
|
|
132
132
|
font-size: 14px;
|
|
133
133
|
line-height: 20px;
|
|
134
134
|
font-weight: 500;
|
|
135
|
-
}.
|
|
135
|
+
}.tabs__desktop_1gjek.accent-primary-large .title {
|
|
136
136
|
font-size: 18px;
|
|
137
137
|
line-height: 24px;
|
|
138
138
|
font-weight: 700;
|
|
139
|
-
}.
|
|
139
|
+
}.tabs__desktop_1gjek.accent-primary-medium .title {
|
|
140
140
|
font-size: 16px;
|
|
141
141
|
line-height: 24px;
|
|
142
142
|
font-weight: 700;
|
|
143
|
-
}.
|
|
143
|
+
}.tabs__desktop_1gjek.accent-primary-small .title {
|
|
144
144
|
font-size: 14px;
|
|
145
145
|
line-height: 20px;
|
|
146
146
|
font-weight: 700;
|
|
147
|
-
}.
|
|
147
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .title, .tabs__desktop_1gjek.paragraph-primary-medium .title, .tabs__desktop_1gjek.accent-primary-large .title, .tabs__desktop_1gjek.accent-primary-medium .title, .tabs__desktop_1gjek.action-primary-large .title, .tabs__desktop_1gjek.action-primary-medium .title {
|
|
148
148
|
padding-bottom: calc(24px / 2);
|
|
149
|
-
}.
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
153
|
-
.
|
|
154
|
-
.
|
|
155
|
-
.
|
|
156
|
-
.
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
149
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .title + .title,
|
|
150
|
+
.tabs__desktop_1gjek.paragraph-primary-large .pickerWrapper,
|
|
151
|
+
.tabs__desktop_1gjek.paragraph-primary-medium .title + .title,
|
|
152
|
+
.tabs__desktop_1gjek.paragraph-primary-medium .pickerWrapper,
|
|
153
|
+
.tabs__desktop_1gjek.accent-primary-large .title + .title,
|
|
154
|
+
.tabs__desktop_1gjek.accent-primary-large .pickerWrapper,
|
|
155
|
+
.tabs__desktop_1gjek.accent-primary-medium .title + .title,
|
|
156
|
+
.tabs__desktop_1gjek.accent-primary-medium .pickerWrapper,
|
|
157
|
+
.tabs__desktop_1gjek.action-primary-large .title + .title,
|
|
158
|
+
.tabs__desktop_1gjek.action-primary-large .pickerWrapper,
|
|
159
|
+
.tabs__desktop_1gjek.action-primary-medium .title + .title,
|
|
160
|
+
.tabs__desktop_1gjek.action-primary-medium .pickerWrapper {
|
|
161
161
|
margin-left: 24px;
|
|
162
|
-
}.
|
|
162
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .option, .tabs__desktop_1gjek.paragraph-primary-medium .option, .tabs__desktop_1gjek.accent-primary-large .option, .tabs__desktop_1gjek.accent-primary-medium .option, .tabs__desktop_1gjek.action-primary-large .option, .tabs__desktop_1gjek.action-primary-medium .option {
|
|
163
163
|
padding: 0;
|
|
164
|
-
}.
|
|
164
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .scrollControls > button, .tabs__desktop_1gjek.paragraph-primary-medium .scrollControls > button, .tabs__desktop_1gjek.accent-primary-large .scrollControls > button, .tabs__desktop_1gjek.accent-primary-medium .scrollControls > button, .tabs__desktop_1gjek.action-primary-large .scrollControls > button, .tabs__desktop_1gjek.action-primary-medium .scrollControls > button {
|
|
165
165
|
box-sizing: content-box;
|
|
166
166
|
width: 24px;
|
|
167
167
|
height: 24px;
|
|
168
168
|
padding: 0;
|
|
169
|
-
}.
|
|
169
|
+
}.tabs__desktop_1gjek.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_1gjek.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_1gjek.accent-primary-large .scrollControls button:first-child, .tabs__desktop_1gjek.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_1gjek.action-primary-large .scrollControls button:first-child, .tabs__desktop_1gjek.action-primary-medium .scrollControls button:first-child {
|
|
170
170
|
margin: 0 0 0 calc(24px / 2);
|
|
171
|
-
}.
|
|
171
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .title, .tabs__desktop_1gjek.accent-primary-small .title, .tabs__desktop_1gjek.action-primary-small .title {
|
|
172
172
|
padding-bottom: calc(20px / 2);
|
|
173
|
-
}.
|
|
174
|
-
.
|
|
175
|
-
.
|
|
176
|
-
.
|
|
177
|
-
.
|
|
178
|
-
.
|
|
173
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .title + .title,
|
|
174
|
+
.tabs__desktop_1gjek.paragraph-primary-small .pickerWrapper,
|
|
175
|
+
.tabs__desktop_1gjek.accent-primary-small .title + .title,
|
|
176
|
+
.tabs__desktop_1gjek.accent-primary-small .pickerWrapper,
|
|
177
|
+
.tabs__desktop_1gjek.action-primary-small .title + .title,
|
|
178
|
+
.tabs__desktop_1gjek.action-primary-small .pickerWrapper {
|
|
179
179
|
margin-left: 20px;
|
|
180
|
-
}.
|
|
180
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .option, .tabs__desktop_1gjek.accent-primary-small .option, .tabs__desktop_1gjek.action-primary-small .option {
|
|
181
181
|
padding: 0;
|
|
182
|
-
}.
|
|
182
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .scrollControls > button, .tabs__desktop_1gjek.accent-primary-small .scrollControls > button, .tabs__desktop_1gjek.action-primary-small .scrollControls > button {
|
|
183
183
|
box-sizing: content-box;
|
|
184
184
|
width: 20px;
|
|
185
185
|
height: 20px;
|
|
186
186
|
padding: 0;
|
|
187
|
-
}.
|
|
187
|
+
}.tabs__desktop_1gjek.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_1gjek.accent-primary-small .scrollControls button:first-child, .tabs__desktop_1gjek.action-primary-small .scrollControls button:first-child {
|
|
188
188
|
margin: 0 0 0 calc(20px / 2);
|
|
189
|
-
}.
|
|
189
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .title {
|
|
190
190
|
font-size: 48px;
|
|
191
191
|
line-height: 52px;
|
|
192
192
|
font-weight: 700;
|
|
193
|
-
}.
|
|
193
|
+
}.tabs__desktop_1gjek.headline-system-large .title {
|
|
194
194
|
font-size: 40px;
|
|
195
195
|
line-height: 48px;
|
|
196
196
|
font-weight: 700;
|
|
197
|
-
}.
|
|
197
|
+
}.tabs__desktop_1gjek.headline-system-medium .title {
|
|
198
198
|
font-size: 30px;
|
|
199
199
|
line-height: 36px;
|
|
200
200
|
font-weight: 700;
|
|
201
|
-
}.
|
|
201
|
+
}.tabs__desktop_1gjek.headline-system-small .title {
|
|
202
202
|
font-size: 22px;
|
|
203
203
|
line-height: 26px;
|
|
204
204
|
font-weight: 700;
|
|
205
|
-
}.
|
|
205
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .title {
|
|
206
206
|
font-size: 18px;
|
|
207
207
|
line-height: 22px;
|
|
208
208
|
font-weight: 700;
|
|
209
|
-
}.
|
|
209
|
+
}.tabs__desktop_1gjek.headline-xlarge .title {
|
|
210
210
|
font-size: 48px;
|
|
211
211
|
line-height: 64px;
|
|
212
212
|
font-weight: 500;
|
|
213
213
|
font-feature-settings: 'ss01';
|
|
214
214
|
font-family: var(--font-family-styrene);
|
|
215
|
-
}.
|
|
215
|
+
}.tabs__desktop_1gjek.headline-large .title {
|
|
216
216
|
font-size: 40px;
|
|
217
217
|
line-height: 48px;
|
|
218
218
|
font-weight: 500;
|
|
219
219
|
font-feature-settings: 'ss01';
|
|
220
220
|
font-family: var(--font-family-styrene);
|
|
221
|
-
}.
|
|
221
|
+
}.tabs__desktop_1gjek.headline-medium .title {
|
|
222
222
|
font-size: 32px;
|
|
223
223
|
line-height: 40px;
|
|
224
224
|
font-weight: 500;
|
|
225
225
|
font-feature-settings: 'ss01';
|
|
226
226
|
font-family: var(--font-family-styrene);
|
|
227
|
-
}.
|
|
227
|
+
}.tabs__desktop_1gjek.headline-small .title {
|
|
228
228
|
font-size: 24px;
|
|
229
229
|
line-height: 32px;
|
|
230
230
|
font-weight: 500;
|
|
231
231
|
font-feature-settings: 'ss01';
|
|
232
232
|
font-family: var(--font-family-styrene);
|
|
233
|
-
}.
|
|
233
|
+
}.tabs__desktop_1gjek.headline-xsmall .title {
|
|
234
234
|
font-size: 20px;
|
|
235
235
|
line-height: 24px;
|
|
236
236
|
font-weight: 500;
|
|
237
237
|
font-feature-settings: 'ss01';
|
|
238
238
|
font-family: var(--font-family-styrene);
|
|
239
|
-
}.
|
|
239
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .title {
|
|
240
240
|
padding-bottom: calc(52px / 2);
|
|
241
|
-
}.
|
|
242
|
-
.
|
|
241
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .title + .title,
|
|
242
|
+
.tabs__desktop_1gjek.headline-system-xlarge .pickerWrapper {
|
|
243
243
|
margin-left: 52px;
|
|
244
|
-
}.
|
|
244
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .option {
|
|
245
245
|
padding: 0;
|
|
246
|
-
}.
|
|
246
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .scrollControls > button {
|
|
247
247
|
box-sizing: content-box;
|
|
248
248
|
width: 52px;
|
|
249
249
|
height: 52px;
|
|
250
250
|
padding: 0;
|
|
251
|
-
}.
|
|
251
|
+
}.tabs__desktop_1gjek.headline-system-xlarge .scrollControls button:first-child {
|
|
252
252
|
margin: 0 0 0 calc(52px / 2);
|
|
253
|
-
}.
|
|
253
|
+
}.tabs__desktop_1gjek.headline-system-large .title, .tabs__desktop_1gjek.headline-large .title {
|
|
254
254
|
padding-bottom: calc(48px / 2);
|
|
255
|
-
}.
|
|
256
|
-
.
|
|
257
|
-
.
|
|
258
|
-
.
|
|
255
|
+
}.tabs__desktop_1gjek.headline-system-large .title + .title,
|
|
256
|
+
.tabs__desktop_1gjek.headline-system-large .pickerWrapper,
|
|
257
|
+
.tabs__desktop_1gjek.headline-large .title + .title,
|
|
258
|
+
.tabs__desktop_1gjek.headline-large .pickerWrapper {
|
|
259
259
|
margin-left: 48px;
|
|
260
|
-
}.
|
|
260
|
+
}.tabs__desktop_1gjek.headline-system-large .option, .tabs__desktop_1gjek.headline-large .option {
|
|
261
261
|
padding: 0;
|
|
262
|
-
}.
|
|
262
|
+
}.tabs__desktop_1gjek.headline-system-large .scrollControls > button, .tabs__desktop_1gjek.headline-large .scrollControls > button {
|
|
263
263
|
box-sizing: content-box;
|
|
264
264
|
width: 48px;
|
|
265
265
|
height: 48px;
|
|
266
266
|
padding: 0;
|
|
267
|
-
}.
|
|
267
|
+
}.tabs__desktop_1gjek.headline-system-large .scrollControls button:first-child, .tabs__desktop_1gjek.headline-large .scrollControls button:first-child {
|
|
268
268
|
margin: 0 0 0 calc(48px / 2);
|
|
269
|
-
}.
|
|
269
|
+
}.tabs__desktop_1gjek.headline-system-medium .title {
|
|
270
270
|
padding-bottom: calc(36px / 2);
|
|
271
|
-
}.
|
|
272
|
-
.
|
|
271
|
+
}.tabs__desktop_1gjek.headline-system-medium .title + .title,
|
|
272
|
+
.tabs__desktop_1gjek.headline-system-medium .pickerWrapper {
|
|
273
273
|
margin-left: 36px;
|
|
274
|
-
}.
|
|
274
|
+
}.tabs__desktop_1gjek.headline-system-medium .option {
|
|
275
275
|
padding: 0;
|
|
276
|
-
}.
|
|
276
|
+
}.tabs__desktop_1gjek.headline-system-medium .scrollControls > button {
|
|
277
277
|
box-sizing: content-box;
|
|
278
278
|
width: 36px;
|
|
279
279
|
height: 36px;
|
|
280
280
|
padding: 0;
|
|
281
|
-
}.
|
|
281
|
+
}.tabs__desktop_1gjek.headline-system-medium .scrollControls button:first-child {
|
|
282
282
|
margin: 0 0 0 calc(36px / 2);
|
|
283
|
-
}.
|
|
283
|
+
}.tabs__desktop_1gjek.headline-system-small .title {
|
|
284
284
|
padding-bottom: calc(26px / 2);
|
|
285
|
-
}.
|
|
286
|
-
.
|
|
285
|
+
}.tabs__desktop_1gjek.headline-system-small .title + .title,
|
|
286
|
+
.tabs__desktop_1gjek.headline-system-small .pickerWrapper {
|
|
287
287
|
margin-left: 26px;
|
|
288
|
-
}.
|
|
288
|
+
}.tabs__desktop_1gjek.headline-system-small .option {
|
|
289
289
|
padding: 0;
|
|
290
|
-
}.
|
|
290
|
+
}.tabs__desktop_1gjek.headline-system-small .scrollControls > button {
|
|
291
291
|
box-sizing: content-box;
|
|
292
292
|
width: 26px;
|
|
293
293
|
height: 26px;
|
|
294
294
|
padding: 0;
|
|
295
|
-
}.
|
|
295
|
+
}.tabs__desktop_1gjek.headline-system-small .scrollControls button:first-child {
|
|
296
296
|
margin: 0 0 0 calc(26px / 2);
|
|
297
|
-
}.
|
|
297
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .title {
|
|
298
298
|
padding-bottom: calc(22px / 2);
|
|
299
|
-
}.
|
|
300
|
-
.
|
|
299
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .title + .title,
|
|
300
|
+
.tabs__desktop_1gjek.headline-system-xsmall .pickerWrapper {
|
|
301
301
|
margin-left: 22px;
|
|
302
|
-
}.
|
|
302
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .option {
|
|
303
303
|
padding: 0;
|
|
304
|
-
}.
|
|
304
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .scrollControls > button {
|
|
305
305
|
box-sizing: content-box;
|
|
306
306
|
width: 22px;
|
|
307
307
|
height: 22px;
|
|
308
308
|
padding: 0;
|
|
309
|
-
}.
|
|
309
|
+
}.tabs__desktop_1gjek.headline-system-xsmall .scrollControls button:first-child {
|
|
310
310
|
margin: 0 0 0 calc(22px / 2);
|
|
311
|
-
}.
|
|
311
|
+
}.tabs__desktop_1gjek.headline-xlarge .title {
|
|
312
312
|
padding-bottom: calc(64px / 2);
|
|
313
|
-
}.
|
|
314
|
-
.
|
|
313
|
+
}.tabs__desktop_1gjek.headline-xlarge .title + .title,
|
|
314
|
+
.tabs__desktop_1gjek.headline-xlarge .pickerWrapper {
|
|
315
315
|
margin-left: 64px;
|
|
316
|
-
}.
|
|
316
|
+
}.tabs__desktop_1gjek.headline-xlarge .option {
|
|
317
317
|
padding: 0;
|
|
318
|
-
}.
|
|
318
|
+
}.tabs__desktop_1gjek.headline-xlarge .scrollControls > button {
|
|
319
319
|
box-sizing: content-box;
|
|
320
320
|
width: 64px;
|
|
321
321
|
height: 64px;
|
|
322
322
|
padding: 0;
|
|
323
|
-
}.
|
|
323
|
+
}.tabs__desktop_1gjek.headline-xlarge .scrollControls button:first-child {
|
|
324
324
|
margin: 0 0 0 calc(64px / 2);
|
|
325
|
-
}.
|
|
325
|
+
}.tabs__desktop_1gjek.headline-medium .title {
|
|
326
326
|
padding-bottom: calc(40px / 2);
|
|
327
|
-
}.
|
|
328
|
-
.
|
|
327
|
+
}.tabs__desktop_1gjek.headline-medium .title + .title,
|
|
328
|
+
.tabs__desktop_1gjek.headline-medium .pickerWrapper {
|
|
329
329
|
margin-left: 40px;
|
|
330
|
-
}.
|
|
330
|
+
}.tabs__desktop_1gjek.headline-medium .option {
|
|
331
331
|
padding: 0;
|
|
332
|
-
}.
|
|
332
|
+
}.tabs__desktop_1gjek.headline-medium .scrollControls > button {
|
|
333
333
|
box-sizing: content-box;
|
|
334
334
|
width: 40px;
|
|
335
335
|
height: 40px;
|
|
336
336
|
padding: 0;
|
|
337
|
-
}.
|
|
337
|
+
}.tabs__desktop_1gjek.headline-medium .scrollControls button:first-child {
|
|
338
338
|
margin: 0 0 0 calc(40px / 2);
|
|
339
|
-
}.
|
|
339
|
+
}.tabs__desktop_1gjek.headline-small .title {
|
|
340
340
|
padding-bottom: calc(32px / 2);
|
|
341
|
-
}.
|
|
342
|
-
.
|
|
341
|
+
}.tabs__desktop_1gjek.headline-small .title + .title,
|
|
342
|
+
.tabs__desktop_1gjek.headline-small .pickerWrapper {
|
|
343
343
|
margin-left: 32px;
|
|
344
|
-
}.
|
|
344
|
+
}.tabs__desktop_1gjek.headline-small .option {
|
|
345
345
|
padding: 0;
|
|
346
|
-
}.
|
|
346
|
+
}.tabs__desktop_1gjek.headline-small .scrollControls > button {
|
|
347
347
|
box-sizing: content-box;
|
|
348
348
|
width: 32px;
|
|
349
349
|
height: 32px;
|
|
350
350
|
padding: 0;
|
|
351
|
-
}.
|
|
351
|
+
}.tabs__desktop_1gjek.headline-small .scrollControls button:first-child {
|
|
352
352
|
margin: 0 0 0 calc(32px / 2);
|
|
353
|
-
}.
|
|
353
|
+
}.tabs__desktop_1gjek.headline-xsmall .title {
|
|
354
354
|
padding-bottom: calc(24px / 2);
|
|
355
|
-
}.
|
|
356
|
-
.
|
|
355
|
+
}.tabs__desktop_1gjek.headline-xsmall .title + .title,
|
|
356
|
+
.tabs__desktop_1gjek.headline-xsmall .pickerWrapper {
|
|
357
357
|
margin-left: 24px;
|
|
358
|
-
}.
|
|
358
|
+
}.tabs__desktop_1gjek.headline-xsmall .option {
|
|
359
359
|
padding: 0;
|
|
360
|
-
}.
|
|
360
|
+
}.tabs__desktop_1gjek.headline-xsmall .scrollControls > button {
|
|
361
361
|
box-sizing: content-box;
|
|
362
362
|
width: 24px;
|
|
363
363
|
height: 24px;
|
|
364
364
|
padding: 0;
|
|
365
|
-
}.
|
|
365
|
+
}.tabs__desktop_1gjek.headline-xsmall .scrollControls button:first-child {
|
|
366
366
|
margin: 0 0 0 calc(24px / 2);
|
|
367
|
-
}.
|
|
367
|
+
}.tabs__fullWidthScroll_1gjek {
|
|
368
368
|
min-width: calc(100% - 2 * var(--gap-m));
|
|
369
369
|
margin: 0 var(--gap-m);
|
|
370
|
-
}.
|
|
370
|
+
}.tabs__container_1gjek {
|
|
371
371
|
position: relative;
|
|
372
372
|
overflow: hidden;
|
|
373
373
|
|
|
374
374
|
/* focus-outline fix */
|
|
375
375
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
376
376
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
377
|
-
}.
|
|
377
|
+
}.tabs__title_1gjek {
|
|
378
378
|
display: flex;
|
|
379
379
|
align-items: center;
|
|
380
380
|
height: 100%;
|
|
@@ -390,83 +390,83 @@
|
|
|
390
390
|
-webkit-user-select: none;
|
|
391
391
|
user-select: none;
|
|
392
392
|
outline: none
|
|
393
|
-
}.
|
|
393
|
+
}.tabs__title_1gjek:not(:disabled):hover {
|
|
394
394
|
color: var(--primary-tablist-hover-color);
|
|
395
|
-
}.
|
|
395
|
+
}.tabs__focused_1gjek {
|
|
396
396
|
outline: 2px solid var(--focus-color);
|
|
397
397
|
outline-offset: 2px;
|
|
398
|
-
}.
|
|
398
|
+
}.tabs__collapsed_1gjek {
|
|
399
399
|
order: 99;
|
|
400
400
|
visibility: collapse;
|
|
401
|
-
}.
|
|
401
|
+
}.tabs__selected_1gjek {
|
|
402
402
|
cursor: default;
|
|
403
403
|
color: var(--primary-tablist-selected-color);
|
|
404
|
-
}.
|
|
404
|
+
}.tabs__disabled_1gjek {
|
|
405
405
|
cursor: var(--disabled-cursor);
|
|
406
406
|
color: var(--primary-tablist-disabled-color);
|
|
407
|
-
}.
|
|
407
|
+
}.tabs__line_1gjek {
|
|
408
408
|
position: absolute;
|
|
409
409
|
height: 3px;
|
|
410
410
|
bottom: 0;
|
|
411
411
|
left: 0;
|
|
412
412
|
background-color: var(--primary-tablist-line-color);
|
|
413
413
|
transition: transform 0.2s ease, width 0.2s ease;
|
|
414
|
-
}.
|
|
414
|
+
}.tabs__option_1gjek {
|
|
415
415
|
color: var(--color-light-text-primary);
|
|
416
|
-
}/* sizes */.
|
|
416
|
+
}/* sizes */.tabs__s_1gjek .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek {
|
|
417
417
|
padding: var(--primary-tablist-s-padding);
|
|
418
418
|
font-size: var(--primary-tablist-s-font-size);
|
|
419
419
|
font-weight: var(--primary-tablist-s-font-weight);
|
|
420
420
|
font-family: var(--primary-tablist-s-font-family);
|
|
421
421
|
line-height: 24px;
|
|
422
|
-
}.
|
|
422
|
+
}.tabs__s_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
423
423
|
margin-left: var(--primary-tablist-s-gaps);
|
|
424
|
-
}.
|
|
424
|
+
}.tabs__s_1gjek .tabs__pickerWrapper_1gjek, .tabs__xs_1gjek .tabs__pickerWrapper_1gjek, .tabs__xxs_1gjek .tabs__pickerWrapper_1gjek {
|
|
425
425
|
margin-left: var(--primary-tablist-s-gaps);
|
|
426
|
-
}.
|
|
426
|
+
}.tabs__s_1gjek .tabs__option_1gjek, .tabs__xs_1gjek .tabs__option_1gjek, .tabs__xxs_1gjek .tabs__option_1gjek {
|
|
427
427
|
padding: 0;
|
|
428
|
-
}.
|
|
428
|
+
}.tabs__m_1gjek .tabs__title_1gjek {
|
|
429
429
|
padding: var(--primary-tablist-m-padding);
|
|
430
430
|
font-size: var(--primary-tablist-m-font-size);
|
|
431
431
|
font-weight: var(--primary-tablist-m-font-weight);
|
|
432
432
|
font-family: var(--primary-tablist-m-font-family);
|
|
433
433
|
line-height: 24px;
|
|
434
|
-
}.
|
|
434
|
+
}.tabs__m_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
435
435
|
margin-left: var(--primary-tablist-m-gaps);
|
|
436
|
-
}.
|
|
436
|
+
}.tabs__m_1gjek .tabs__pickerWrapper_1gjek {
|
|
437
437
|
margin-left: var(--primary-tablist-m-gaps);
|
|
438
|
-
}.
|
|
438
|
+
}.tabs__m_1gjek .tabs__option_1gjek {
|
|
439
439
|
padding: 0;
|
|
440
|
-
}.
|
|
440
|
+
}.tabs__l_1gjek .tabs__title_1gjek {
|
|
441
441
|
padding: var(--primary-tablist-l-padding);
|
|
442
442
|
font-size: var(--primary-tablist-l-font-size);
|
|
443
443
|
font-weight: var(--primary-tablist-l-font-weight);
|
|
444
444
|
font-family: var(--primary-tablist-l-font-family);
|
|
445
445
|
line-height: 24px;
|
|
446
|
-
}.
|
|
446
|
+
}.tabs__l_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
447
447
|
margin-left: var(--primary-tablist-l-gaps);
|
|
448
|
-
}.
|
|
448
|
+
}.tabs__l_1gjek .tabs__pickerWrapper_1gjek {
|
|
449
449
|
margin-left: var(--primary-tablist-l-gaps);
|
|
450
|
-
}.
|
|
450
|
+
}.tabs__l_1gjek .tabs__option_1gjek {
|
|
451
451
|
padding: 0;
|
|
452
|
-
}.
|
|
452
|
+
}.tabs__xl_1gjek .tabs__title_1gjek {
|
|
453
453
|
padding: var(--primary-tablist-xl-padding);
|
|
454
454
|
font-size: var(--primary-tablist-xl-font-size);
|
|
455
455
|
font-weight: var(--primary-tablist-xl-font-weight);
|
|
456
456
|
font-family: var(--primary-tablist-xl-font-family);
|
|
457
457
|
line-height: 32px;
|
|
458
|
-
}.
|
|
458
|
+
}.tabs__xl_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
|
|
459
459
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
460
|
-
}.
|
|
460
|
+
}.tabs__xl_1gjek .tabs__pickerWrapper_1gjek {
|
|
461
461
|
margin-left: var(--primary-tablist-xl-gaps);
|
|
462
|
-
}.
|
|
462
|
+
}.tabs__xl_1gjek .tabs__option_1gjek {
|
|
463
463
|
padding: 0;
|
|
464
|
-
}.
|
|
464
|
+
}.tabs__rightAddons_1gjek {
|
|
465
465
|
display: flex;
|
|
466
466
|
justify-content: center;
|
|
467
467
|
align-items: center;
|
|
468
468
|
margin-left: var(--gap-xs);
|
|
469
|
-
}.
|
|
469
|
+
}.tabs__rightAddonsMarginZero_1gjek {
|
|
470
470
|
margin-left: 0;
|
|
471
471
|
} :root {
|
|
472
472
|
--color-dark-indigo: #0b1f35; /* deprecated */
|
|
@@ -2105,221 +2105,221 @@
|
|
|
2105
2105
|
|
|
2106
2106
|
/* size xl */
|
|
2107
2107
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
2108
|
-
} .
|
|
2109
|
-
} .
|
|
2108
|
+
} .tabs__title_7flg8 {
|
|
2109
|
+
} .tabs__mobile_7flg8 .tabs__title_7flg8 {
|
|
2110
2110
|
padding: var(--primary-tablist-mobile-padding);
|
|
2111
2111
|
font-size: var(--primary-tablist-mobile-font-size);
|
|
2112
2112
|
font-weight: var(--primary-tablist-mobile-font-weight);
|
|
2113
2113
|
font-family: var(--primary-tablist-mobile-font-family);
|
|
2114
2114
|
line-height: var(--primary-tablist-mobile-line-height)
|
|
2115
|
-
} .
|
|
2115
|
+
} .tabs__mobile_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8 {
|
|
2116
2116
|
margin-left: var(--primary-tablist-mobile-gaps);
|
|
2117
|
-
} .
|
|
2117
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__title_7flg8 {
|
|
2118
2118
|
font-size: 18px;
|
|
2119
2119
|
line-height: 24px;
|
|
2120
2120
|
font-weight: 400;
|
|
2121
|
-
} .
|
|
2121
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__title_7flg8 {
|
|
2122
2122
|
font-size: 16px;
|
|
2123
2123
|
line-height: 24px;
|
|
2124
2124
|
font-weight: 400;
|
|
2125
|
-
} .
|
|
2125
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__title_7flg8 {
|
|
2126
2126
|
font-size: 14px;
|
|
2127
2127
|
line-height: 20px;
|
|
2128
2128
|
font-weight: 400;
|
|
2129
|
-
} .
|
|
2129
|
+
} .tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__title_7flg8 {
|
|
2130
2130
|
font-size: 18px;
|
|
2131
2131
|
line-height: 24px;
|
|
2132
2132
|
font-weight: 500;
|
|
2133
|
-
} .
|
|
2133
|
+
} .tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__title_7flg8 {
|
|
2134
2134
|
font-size: 16px;
|
|
2135
2135
|
line-height: 24px;
|
|
2136
2136
|
font-weight: 500;
|
|
2137
|
-
} .
|
|
2137
|
+
} .tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__title_7flg8 {
|
|
2138
2138
|
font-size: 14px;
|
|
2139
2139
|
line-height: 20px;
|
|
2140
2140
|
font-weight: 500;
|
|
2141
|
-
} .
|
|
2141
|
+
} .tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__title_7flg8 {
|
|
2142
2142
|
font-size: 18px;
|
|
2143
2143
|
line-height: 24px;
|
|
2144
2144
|
font-weight: 700;
|
|
2145
|
-
} .
|
|
2145
|
+
} .tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__title_7flg8 {
|
|
2146
2146
|
font-size: 16px;
|
|
2147
2147
|
line-height: 24px;
|
|
2148
2148
|
font-weight: 700;
|
|
2149
|
-
} .
|
|
2149
|
+
} .tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__title_7flg8 {
|
|
2150
2150
|
font-size: 14px;
|
|
2151
2151
|
line-height: 20px;
|
|
2152
2152
|
font-weight: 700;
|
|
2153
|
-
} .
|
|
2153
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__title_7flg8 {
|
|
2154
2154
|
padding-bottom: calc(24px / 2);
|
|
2155
|
-
} .
|
|
2156
|
-
.
|
|
2157
|
-
.
|
|
2158
|
-
.
|
|
2159
|
-
.
|
|
2160
|
-
.
|
|
2161
|
-
.
|
|
2162
|
-
.
|
|
2163
|
-
.
|
|
2164
|
-
.
|
|
2165
|
-
.
|
|
2166
|
-
.
|
|
2155
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2156
|
+
.tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2157
|
+
.tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2158
|
+
.tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2159
|
+
.tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2160
|
+
.tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2161
|
+
.tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2162
|
+
.tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2163
|
+
.tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2164
|
+
.tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2165
|
+
.tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2166
|
+
.tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2167
2167
|
margin-left: 24px;
|
|
2168
|
-
} .
|
|
2168
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__option_7flg8 {
|
|
2169
2169
|
padding: 0;
|
|
2170
|
-
} .
|
|
2170
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2171
2171
|
box-sizing: content-box;
|
|
2172
2172
|
width: 24px;
|
|
2173
2173
|
height: 24px;
|
|
2174
2174
|
padding: 0;
|
|
2175
|
-
} .
|
|
2175
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-large_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__paragraph-primary-medium_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__accent-primary-large_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__accent-primary-medium_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__action-primary-large_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__action-primary-medium_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2176
2176
|
margin: 0 0 0 calc(24px / 2);
|
|
2177
|
-
} .
|
|
2177
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__title_7flg8 {
|
|
2178
2178
|
padding-bottom: calc(20px / 2);
|
|
2179
|
-
} .
|
|
2180
|
-
.
|
|
2181
|
-
.
|
|
2182
|
-
.
|
|
2183
|
-
.
|
|
2184
|
-
.
|
|
2179
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2180
|
+
.tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2181
|
+
.tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2182
|
+
.tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2183
|
+
.tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2184
|
+
.tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2185
2185
|
margin-left: 20px;
|
|
2186
|
-
} .
|
|
2186
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__option_7flg8 {
|
|
2187
2187
|
padding: 0;
|
|
2188
|
-
} .
|
|
2188
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2189
2189
|
box-sizing: content-box;
|
|
2190
2190
|
width: 20px;
|
|
2191
2191
|
height: 20px;
|
|
2192
2192
|
padding: 0;
|
|
2193
|
-
} .
|
|
2193
|
+
} .tabs__mobile_7flg8.tabs__paragraph-primary-small_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__accent-primary-small_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__action-primary-small_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2194
2194
|
margin: 0 0 0 calc(20px / 2);
|
|
2195
|
-
} .
|
|
2195
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__title_7flg8 {
|
|
2196
2196
|
font-size: 34px;
|
|
2197
2197
|
line-height: 40px;
|
|
2198
2198
|
font-weight: 600;
|
|
2199
|
-
} .
|
|
2199
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__title_7flg8 {
|
|
2200
2200
|
font-size: 30px;
|
|
2201
2201
|
line-height: 36px;
|
|
2202
2202
|
font-weight: 600;
|
|
2203
|
-
} .
|
|
2203
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__title_7flg8 {
|
|
2204
2204
|
font-size: 26px;
|
|
2205
2205
|
line-height: 32px;
|
|
2206
2206
|
font-weight: 600;
|
|
2207
|
-
} .
|
|
2207
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__title_7flg8 {
|
|
2208
2208
|
font-size: 20px;
|
|
2209
2209
|
line-height: 28px;
|
|
2210
2210
|
font-weight: 600;
|
|
2211
|
-
} .
|
|
2211
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__title_7flg8 {
|
|
2212
2212
|
font-size: 16px;
|
|
2213
2213
|
line-height: 20px;
|
|
2214
2214
|
font-weight: 600;
|
|
2215
|
-
} .
|
|
2215
|
+
} .tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__title_7flg8 {
|
|
2216
2216
|
font-size: 34px;
|
|
2217
2217
|
line-height: 40px;
|
|
2218
2218
|
font-weight: 500;
|
|
2219
2219
|
font-feature-settings: 'ss01';
|
|
2220
2220
|
font-family: var(--font-family-styrene);
|
|
2221
|
-
} .
|
|
2221
|
+
} .tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__title_7flg8 {
|
|
2222
2222
|
font-size: 30px;
|
|
2223
2223
|
line-height: 36px;
|
|
2224
2224
|
font-weight: 500;
|
|
2225
2225
|
font-feature-settings: 'ss01';
|
|
2226
2226
|
font-family: var(--font-family-styrene);
|
|
2227
|
-
} .
|
|
2227
|
+
} .tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__title_7flg8 {
|
|
2228
2228
|
font-size: 26px;
|
|
2229
2229
|
line-height: 32px;
|
|
2230
2230
|
font-weight: 500;
|
|
2231
2231
|
font-feature-settings: 'ss01';
|
|
2232
2232
|
font-family: var(--font-family-styrene);
|
|
2233
|
-
} .
|
|
2233
|
+
} .tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__title_7flg8 {
|
|
2234
2234
|
font-size: 20px;
|
|
2235
2235
|
line-height: 28px;
|
|
2236
2236
|
font-weight: 500;
|
|
2237
2237
|
font-feature-settings: 'ss01';
|
|
2238
2238
|
font-family: var(--font-family-styrene);
|
|
2239
|
-
} .
|
|
2239
|
+
} .tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__title_7flg8 {
|
|
2240
2240
|
font-size: 16px;
|
|
2241
2241
|
line-height: 20px;
|
|
2242
2242
|
font-weight: 500;
|
|
2243
2243
|
font-feature-settings: 'ss01';
|
|
2244
2244
|
font-family: var(--font-family-styrene);
|
|
2245
|
-
} .
|
|
2245
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__title_7flg8 {
|
|
2246
2246
|
padding-bottom: calc(40px / 2);
|
|
2247
|
-
} .
|
|
2248
|
-
.
|
|
2249
|
-
.
|
|
2250
|
-
.
|
|
2247
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2248
|
+
.tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2249
|
+
.tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2250
|
+
.tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2251
2251
|
margin-left: 40px;
|
|
2252
|
-
} .
|
|
2252
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__option_7flg8 {
|
|
2253
2253
|
padding: 0;
|
|
2254
|
-
} .
|
|
2254
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2255
2255
|
box-sizing: content-box;
|
|
2256
2256
|
width: 40px;
|
|
2257
2257
|
height: 40px;
|
|
2258
2258
|
padding: 0;
|
|
2259
|
-
} .
|
|
2259
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xlarge_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__headline-xlarge_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2260
2260
|
margin: 0 0 0 calc(40px / 2);
|
|
2261
|
-
} .
|
|
2261
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__title_7flg8 {
|
|
2262
2262
|
padding-bottom: calc(36px / 2);
|
|
2263
|
-
} .
|
|
2264
|
-
.
|
|
2265
|
-
.
|
|
2266
|
-
.
|
|
2263
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2264
|
+
.tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2265
|
+
.tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2266
|
+
.tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2267
2267
|
margin-left: 36px;
|
|
2268
|
-
} .
|
|
2268
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__option_7flg8 {
|
|
2269
2269
|
padding: 0;
|
|
2270
|
-
} .
|
|
2270
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2271
2271
|
box-sizing: content-box;
|
|
2272
2272
|
width: 36px;
|
|
2273
2273
|
height: 36px;
|
|
2274
2274
|
padding: 0;
|
|
2275
|
-
} .
|
|
2275
|
+
} .tabs__mobile_7flg8.tabs__headline-system-large_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__headline-large_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2276
2276
|
margin: 0 0 0 calc(36px / 2);
|
|
2277
|
-
} .
|
|
2277
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__title_7flg8 {
|
|
2278
2278
|
padding-bottom: calc(32px / 2);
|
|
2279
|
-
} .
|
|
2280
|
-
.
|
|
2281
|
-
.
|
|
2282
|
-
.
|
|
2279
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2280
|
+
.tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2281
|
+
.tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2282
|
+
.tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2283
2283
|
margin-left: 32px;
|
|
2284
|
-
} .
|
|
2284
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__option_7flg8 {
|
|
2285
2285
|
padding: 0;
|
|
2286
|
-
} .
|
|
2286
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2287
2287
|
box-sizing: content-box;
|
|
2288
2288
|
width: 32px;
|
|
2289
2289
|
height: 32px;
|
|
2290
2290
|
padding: 0;
|
|
2291
|
-
} .
|
|
2291
|
+
} .tabs__mobile_7flg8.tabs__headline-system-medium_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__headline-medium_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2292
2292
|
margin: 0 0 0 calc(32px / 2);
|
|
2293
|
-
} .
|
|
2293
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__title_7flg8 {
|
|
2294
2294
|
padding-bottom: calc(28px / 2);
|
|
2295
|
-
} .
|
|
2296
|
-
.
|
|
2297
|
-
.
|
|
2298
|
-
.
|
|
2295
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2296
|
+
.tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2297
|
+
.tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2298
|
+
.tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2299
2299
|
margin-left: 28px;
|
|
2300
|
-
} .
|
|
2300
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__option_7flg8 {
|
|
2301
2301
|
padding: 0;
|
|
2302
|
-
} .
|
|
2302
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2303
2303
|
box-sizing: content-box;
|
|
2304
2304
|
width: 28px;
|
|
2305
2305
|
height: 28px;
|
|
2306
2306
|
padding: 0;
|
|
2307
|
-
} .
|
|
2307
|
+
} .tabs__mobile_7flg8.tabs__headline-system-small_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__headline-small_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2308
2308
|
margin: 0 0 0 calc(28px / 2);
|
|
2309
|
-
} .
|
|
2309
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__title_7flg8, .tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__title_7flg8 {
|
|
2310
2310
|
padding-bottom: calc(20px / 2);
|
|
2311
|
-
} .
|
|
2312
|
-
.
|
|
2313
|
-
.
|
|
2314
|
-
.
|
|
2311
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2312
|
+
.tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__pickerWrapper_7flg8,
|
|
2313
|
+
.tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__title_7flg8 + .tabs__title_7flg8,
|
|
2314
|
+
.tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__pickerWrapper_7flg8 {
|
|
2315
2315
|
margin-left: 20px;
|
|
2316
|
-
} .
|
|
2316
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__option_7flg8, .tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__option_7flg8 {
|
|
2317
2317
|
padding: 0;
|
|
2318
|
-
} .
|
|
2318
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__scrollControls_7flg8 > button, .tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__scrollControls_7flg8 > button {
|
|
2319
2319
|
box-sizing: content-box;
|
|
2320
2320
|
width: 20px;
|
|
2321
2321
|
height: 20px;
|
|
2322
2322
|
padding: 0;
|
|
2323
|
-
} .
|
|
2323
|
+
} .tabs__mobile_7flg8.tabs__headline-system-xsmall_7flg8 .tabs__scrollControls_7flg8 button:first-child, .tabs__mobile_7flg8.tabs__headline-xsmall_7flg8 .tabs__scrollControls_7flg8 button:first-child {
|
|
2324
2324
|
margin: 0 0 0 calc(20px / 2);
|
|
2325
2325
|
}
|