@alfalab/core-components-tabs 10.0.13 → 10.0.14-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/components/primary-tablist/index.css +180 -167
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +317 -291
  4. package/components/primary-tablist/mobile.module.css.js +1 -1
  5. package/components/scroll-controls/index.css +11 -11
  6. package/components/scroll-controls/index.module.css.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/scrollable-container/index.module.css.js +1 -1
  9. package/components/secondary-tablist/index.css +18 -18
  10. package/components/secondary-tablist/index.module.css.js +1 -1
  11. package/components/secondary-tablist/mobile.css +22 -22
  12. package/components/secondary-tablist/mobile.module.css.js +1 -1
  13. package/components/tab/index.css +2 -2
  14. package/components/tab/index.module.css.js +1 -1
  15. package/cssm/components/primary-tablist/index.module.css +48 -35
  16. package/cssm/components/primary-tablist/mobile.module.css +48 -35
  17. package/esm/components/primary-tablist/index.css +180 -167
  18. package/esm/components/primary-tablist/index.module.css.js +1 -1
  19. package/esm/components/primary-tablist/mobile.css +317 -291
  20. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  21. package/esm/components/scroll-controls/index.css +11 -11
  22. package/esm/components/scroll-controls/index.module.css.js +1 -1
  23. package/esm/components/scrollable-container/index.css +5 -5
  24. package/esm/components/scrollable-container/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/index.css +18 -18
  26. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  27. package/esm/components/secondary-tablist/mobile.css +22 -22
  28. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  29. package/esm/components/tab/index.css +2 -2
  30. package/esm/components/tab/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/index.css +180 -167
  32. package/modern/components/primary-tablist/index.module.css.js +1 -1
  33. package/modern/components/primary-tablist/mobile.css +317 -291
  34. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  35. package/modern/components/scroll-controls/index.css +11 -11
  36. package/modern/components/scroll-controls/index.module.css.js +1 -1
  37. package/modern/components/scrollable-container/index.css +5 -5
  38. package/modern/components/scrollable-container/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/index.css +18 -18
  40. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  41. package/modern/components/secondary-tablist/mobile.css +22 -22
  42. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  43. package/modern/components/tab/index.css +2 -2
  44. package/modern/components/tab/index.module.css.js +1 -1
  45. package/moderncssm/components/primary-tablist/index.module.css +45 -30
  46. package/moderncssm/components/primary-tablist/mobile.module.css +45 -30
  47. package/package.json +12 -12
package/components/primary-tablist/mobile.css CHANGED
@@ -26,11 +26,9 @@
26
26
  --gap-32: var(--gap-2xl);
27
27
  --gap-4-neg: var(--gap-2xs-neg);
28
28
  }:root {
29
- --font-family-system:
30
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
31
- --font-family-styrene:
32
- 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
33
- sans-serif;
29
+ --font-family-alfasans:
30
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
31
+ Helvetica, sans-serif;
34
32
  }:root {
35
33
  --focus-color: var(--color-light-status-info);
36
34
  --disabled-cursor: not-allowed;
@@ -51,11 +49,11 @@
51
49
  --primary-tablist-l-padding: var(--gap-0) var(--gap-0) var(--gap-20);
52
50
  --primary-tablist-xl-gaps: var(--gap-32);
53
51
  --primary-tablist-xl-padding: var(--gap-4) var(--gap-0) var(--gap-24);
54
- }.tabs__component_v7fpj {
52
+ }.tabs__component_1ne3u {
55
53
  position: relative;
56
54
  display: inline-flex;
57
55
  min-width: 100%;
58
- }.tabs__component_v7fpj:before {
56
+ }.tabs__component_1ne3u:before {
59
57
  content: '';
60
58
  display: block;
61
59
  position: absolute;
@@ -63,285 +61,299 @@
63
61
  height: 1px;
64
62
  width: 100%;
65
63
  background-color: var(--primary-tablist-bottom-border-color);
66
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__title_v7fpj {
64
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__title_1ne3u {
67
65
  font-size: 18px;
68
66
  line-height: 24px;
69
67
  font-weight: 400;
70
- font-family: var(--font-family-system);
71
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__title_v7fpj {
68
+ letter-spacing: -0.36px;
69
+ font-family: var(--font-family-alfasans);
70
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__title_1ne3u {
72
71
  font-size: 16px;
73
72
  line-height: 24px;
74
73
  font-weight: 400;
75
- font-family: var(--font-family-system);
76
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__title_v7fpj {
74
+ letter-spacing: -0.24px;
75
+ font-family: var(--font-family-alfasans);
76
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__title_1ne3u {
77
77
  font-size: 14px;
78
78
  line-height: 20px;
79
79
  font-weight: 400;
80
- font-family: var(--font-family-system);
81
- }.tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__title_v7fpj {
80
+ letter-spacing: -0.08px;
81
+ font-family: var(--font-family-alfasans);
82
+ }.tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__title_1ne3u {
82
83
  font-size: 18px;
83
84
  line-height: 24px;
84
85
  font-weight: 500;
85
- font-family: var(--font-family-system);
86
- }.tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__title_v7fpj {
86
+ letter-spacing: -0.17px;
87
+ font-family: var(--font-family-alfasans);
88
+ }.tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__title_1ne3u {
87
89
  font-size: 16px;
88
90
  line-height: 24px;
89
91
  font-weight: 500;
90
- font-family: var(--font-family-system);
91
- }.tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__title_v7fpj {
92
+ letter-spacing: -0.05px;
93
+ font-family: var(--font-family-alfasans);
94
+ }.tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__title_1ne3u {
92
95
  font-size: 14px;
93
96
  line-height: 20px;
94
97
  font-weight: 500;
95
- font-family: var(--font-family-system);
96
- }.tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__title_v7fpj {
98
+ letter-spacing: 0.07px;
99
+ font-family: var(--font-family-alfasans);
100
+ }.tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__title_1ne3u {
97
101
  font-size: 18px;
98
102
  line-height: 24px;
99
103
  font-weight: 700;
100
- font-family: var(--font-family-system);
101
- }.tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__title_v7fpj {
104
+ letter-spacing: 0.38px;
105
+ font-family: var(--font-family-alfasans);
106
+ }.tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__title_1ne3u {
102
107
  font-size: 16px;
103
108
  line-height: 24px;
104
109
  font-weight: 700;
105
- font-family: var(--font-family-system);
106
- }.tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__title_v7fpj {
110
+ letter-spacing: 0.43px;
111
+ font-family: var(--font-family-alfasans);
112
+ }.tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__title_1ne3u {
107
113
  font-size: 14px;
108
114
  line-height: 20px;
109
115
  font-weight: 700;
110
- font-family: var(--font-family-system);
111
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__title_v7fpj {
116
+ letter-spacing: 0.47px;
117
+ font-family: var(--font-family-alfasans);
118
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__title_1ne3u {
112
119
  padding-bottom: calc(24px / 2);
113
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
114
- .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
115
- .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
116
- .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
117
- .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
118
- .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
119
- .tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__pickerWrapper_v7fpj,
120
- .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__pickerWrapper_v7fpj,
121
- .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__pickerWrapper_v7fpj,
122
- .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__pickerWrapper_v7fpj,
123
- .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__pickerWrapper_v7fpj,
124
- .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__pickerWrapper_v7fpj {
120
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
121
+ .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
122
+ .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
123
+ .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
124
+ .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
125
+ .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
126
+ .tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__pickerWrapper_1ne3u,
127
+ .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__pickerWrapper_1ne3u,
128
+ .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__pickerWrapper_1ne3u,
129
+ .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__pickerWrapper_1ne3u,
130
+ .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__pickerWrapper_1ne3u,
131
+ .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__pickerWrapper_1ne3u {
125
132
  margin-left: 24px;
126
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__option_v7fpj {
133
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__option_1ne3u {
127
134
  padding: var(--gap-0);
128
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__scrollControls_v7fpj > button {
135
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__scrollControls_1ne3u > button {
129
136
  box-sizing: content-box;
130
137
  width: 24px;
131
138
  height: 24px;
132
139
  padding: var(--gap-0);
133
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-large_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__paragraph-primary-medium_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__accent-primary-large_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__accent-primary-medium_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__action-primary-large_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__action-primary-medium_v7fpj .tabs__scrollControls_v7fpj button:first-child {
140
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-large_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__paragraph-primary-medium_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__accent-primary-large_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__accent-primary-medium_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__action-primary-large_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__action-primary-medium_1ne3u .tabs__scrollControls_1ne3u button:first-child {
134
141
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
135
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__title_v7fpj {
142
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__title_1ne3u {
136
143
  padding-bottom: calc(20px / 2);
137
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
138
- .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
139
- .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
140
- .tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__pickerWrapper_v7fpj,
141
- .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__pickerWrapper_v7fpj,
142
- .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__pickerWrapper_v7fpj {
144
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
145
+ .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
146
+ .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
147
+ .tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__pickerWrapper_1ne3u,
148
+ .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__pickerWrapper_1ne3u,
149
+ .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__pickerWrapper_1ne3u {
143
150
  margin-left: 20px;
144
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__option_v7fpj {
151
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__option_1ne3u {
145
152
  padding: var(--gap-0);
146
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__scrollControls_v7fpj > button {
153
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__scrollControls_1ne3u > button {
147
154
  box-sizing: content-box;
148
155
  width: 20px;
149
156
  height: 20px;
150
157
  padding: var(--gap-0);
151
- }.tabs__desktop_v7fpj.tabs__paragraph-primary-small_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__accent-primary-small_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__action-primary-small_v7fpj .tabs__scrollControls_v7fpj button:first-child {
158
+ }.tabs__desktop_1ne3u.tabs__paragraph-primary-small_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__accent-primary-small_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__action-primary-small_1ne3u .tabs__scrollControls_1ne3u button:first-child {
152
159
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
153
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__title_v7fpj {
160
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__title_1ne3u {
154
161
  font-size: 48px;
155
162
  line-height: 52px;
156
163
  font-weight: 700;
157
- font-family: var(--font-family-system);
158
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__title_v7fpj {
164
+ letter-spacing: 0.1px;
165
+ font-family: var(--font-family-alfasans);
166
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__title_1ne3u {
159
167
  font-size: 40px;
160
168
  line-height: 48px;
161
169
  font-weight: 700;
162
- font-family: var(--font-family-system);
163
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__title_v7fpj {
170
+ letter-spacing: 0.1px;
171
+ font-family: var(--font-family-alfasans);
172
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__title_1ne3u {
164
173
  font-size: 30px;
165
174
  line-height: 36px;
166
175
  font-weight: 700;
167
- font-family: var(--font-family-system);
168
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__title_v7fpj {
176
+ letter-spacing: 0.1px;
177
+ font-family: var(--font-family-alfasans);
178
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__title_1ne3u {
169
179
  font-size: 22px;
170
180
  line-height: 26px;
171
181
  font-weight: 700;
172
- font-family: var(--font-family-system);
173
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__title_v7fpj {
182
+ letter-spacing: 0.2px;
183
+ font-family: var(--font-family-alfasans);
184
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__title_1ne3u {
174
185
  font-size: 18px;
175
186
  line-height: 22px;
176
187
  font-weight: 700;
177
- font-family: var(--font-family-system);
178
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__title_v7fpj {
188
+ letter-spacing: 0.38px;
189
+ font-family: var(--font-family-alfasans);
190
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__title_1ne3u {
179
191
  font-size: 48px;
180
192
  line-height: 64px;
181
- font-weight: 500;
182
- font-feature-settings: 'ss01';
183
- font-family: var(--font-family-styrene);
184
- }.tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__title_v7fpj {
193
+ font-weight: 700;
194
+ letter-spacing: 0.1px;
195
+ font-family: var(--font-family-alfasans);
196
+ }.tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__title_1ne3u {
185
197
  font-size: 40px;
186
198
  line-height: 48px;
187
- font-weight: 500;
188
- font-feature-settings: 'ss01';
189
- font-family: var(--font-family-styrene);
190
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__title_v7fpj {
199
+ font-weight: 700;
200
+ letter-spacing: 0.1px;
201
+ font-family: var(--font-family-alfasans);
202
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__title_1ne3u {
191
203
  font-size: 32px;
192
204
  line-height: 40px;
193
- font-weight: 500;
194
- font-feature-settings: 'ss01';
195
- font-family: var(--font-family-styrene);
196
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__title_v7fpj {
205
+ font-weight: 700;
206
+ letter-spacing: 0.3px;
207
+ font-family: var(--font-family-alfasans);
208
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__title_1ne3u {
197
209
  font-size: 24px;
198
210
  line-height: 32px;
199
- font-weight: 500;
200
- font-feature-settings: 'ss01';
201
- font-family: var(--font-family-styrene);
202
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__title_v7fpj {
211
+ font-weight: 700;
212
+ letter-spacing: 0.39px;
213
+ font-family: var(--font-family-alfasans);
214
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__title_1ne3u {
203
215
  font-size: 20px;
204
216
  line-height: 24px;
205
- font-weight: 500;
206
- font-feature-settings: 'ss01';
207
- font-family: var(--font-family-styrene);
208
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__title_v7fpj {
217
+ font-weight: 700;
218
+ letter-spacing: 0.33px;
219
+ font-family: var(--font-family-alfasans);
220
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__title_1ne3u {
209
221
  padding-bottom: calc(52px / 2);
210
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
211
- .tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__pickerWrapper_v7fpj {
222
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
223
+ .tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__pickerWrapper_1ne3u {
212
224
  margin-left: 52px;
213
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__option_v7fpj {
225
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__option_1ne3u {
214
226
  padding: var(--gap-0);
215
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__scrollControls_v7fpj > button {
227
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__scrollControls_1ne3u > button {
216
228
  box-sizing: content-box;
217
229
  width: 52px;
218
230
  height: 52px;
219
231
  padding: var(--gap-0);
220
- }.tabs__desktop_v7fpj.tabs__headline-system-xlarge_v7fpj .tabs__scrollControls_v7fpj button:first-child {
232
+ }.tabs__desktop_1ne3u.tabs__headline-system-xlarge_1ne3u .tabs__scrollControls_1ne3u button:first-child {
221
233
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
222
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__title_v7fpj, .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__title_v7fpj {
234
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__title_1ne3u, .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__title_1ne3u {
223
235
  padding-bottom: calc(48px / 2);
224
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
225
- .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
226
- .tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__pickerWrapper_v7fpj,
227
- .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__pickerWrapper_v7fpj {
236
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
237
+ .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
238
+ .tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__pickerWrapper_1ne3u,
239
+ .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__pickerWrapper_1ne3u {
228
240
  margin-left: 48px;
229
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__option_v7fpj, .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__option_v7fpj {
241
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__option_1ne3u, .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__option_1ne3u {
230
242
  padding: var(--gap-0);
231
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__scrollControls_v7fpj > button, .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__scrollControls_v7fpj > button {
243
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__scrollControls_1ne3u > button, .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__scrollControls_1ne3u > button {
232
244
  box-sizing: content-box;
233
245
  width: 48px;
234
246
  height: 48px;
235
247
  padding: var(--gap-0);
236
- }.tabs__desktop_v7fpj.tabs__headline-system-large_v7fpj .tabs__scrollControls_v7fpj button:first-child, .tabs__desktop_v7fpj.tabs__headline-large_v7fpj .tabs__scrollControls_v7fpj button:first-child {
248
+ }.tabs__desktop_1ne3u.tabs__headline-system-large_1ne3u .tabs__scrollControls_1ne3u button:first-child, .tabs__desktop_1ne3u.tabs__headline-large_1ne3u .tabs__scrollControls_1ne3u button:first-child {
237
249
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
238
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__title_v7fpj {
250
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__title_1ne3u {
239
251
  padding-bottom: calc(36px / 2);
240
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
241
- .tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__pickerWrapper_v7fpj {
252
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
253
+ .tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__pickerWrapper_1ne3u {
242
254
  margin-left: 36px;
243
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__option_v7fpj {
255
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__option_1ne3u {
244
256
  padding: var(--gap-0);
245
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__scrollControls_v7fpj > button {
257
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__scrollControls_1ne3u > button {
246
258
  box-sizing: content-box;
247
259
  width: 36px;
248
260
  height: 36px;
249
261
  padding: var(--gap-0);
250
- }.tabs__desktop_v7fpj.tabs__headline-system-medium_v7fpj .tabs__scrollControls_v7fpj button:first-child {
262
+ }.tabs__desktop_1ne3u.tabs__headline-system-medium_1ne3u .tabs__scrollControls_1ne3u button:first-child {
251
263
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
252
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__title_v7fpj {
264
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__title_1ne3u {
253
265
  padding-bottom: calc(26px / 2);
254
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
255
- .tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__pickerWrapper_v7fpj {
266
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
267
+ .tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__pickerWrapper_1ne3u {
256
268
  margin-left: 26px;
257
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__option_v7fpj {
269
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__option_1ne3u {
258
270
  padding: var(--gap-0);
259
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__scrollControls_v7fpj > button {
271
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__scrollControls_1ne3u > button {
260
272
  box-sizing: content-box;
261
273
  width: 26px;
262
274
  height: 26px;
263
275
  padding: var(--gap-0);
264
- }.tabs__desktop_v7fpj.tabs__headline-system-small_v7fpj .tabs__scrollControls_v7fpj button:first-child {
276
+ }.tabs__desktop_1ne3u.tabs__headline-system-small_1ne3u .tabs__scrollControls_1ne3u button:first-child {
265
277
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
266
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__title_v7fpj {
278
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__title_1ne3u {
267
279
  padding-bottom: calc(22px / 2);
268
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
269
- .tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__pickerWrapper_v7fpj {
280
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
281
+ .tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__pickerWrapper_1ne3u {
270
282
  margin-left: 22px;
271
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__option_v7fpj {
283
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__option_1ne3u {
272
284
  padding: var(--gap-0);
273
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__scrollControls_v7fpj > button {
285
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__scrollControls_1ne3u > button {
274
286
  box-sizing: content-box;
275
287
  width: 22px;
276
288
  height: 22px;
277
289
  padding: var(--gap-0);
278
- }.tabs__desktop_v7fpj.tabs__headline-system-xsmall_v7fpj .tabs__scrollControls_v7fpj button:first-child {
290
+ }.tabs__desktop_1ne3u.tabs__headline-system-xsmall_1ne3u .tabs__scrollControls_1ne3u button:first-child {
279
291
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
280
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__title_v7fpj {
292
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__title_1ne3u {
281
293
  padding-bottom: calc(64px / 2);
282
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
283
- .tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__pickerWrapper_v7fpj {
294
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
295
+ .tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__pickerWrapper_1ne3u {
284
296
  margin-left: 64px;
285
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__option_v7fpj {
297
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__option_1ne3u {
286
298
  padding: var(--gap-0);
287
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__scrollControls_v7fpj > button {
299
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__scrollControls_1ne3u > button {
288
300
  box-sizing: content-box;
289
301
  width: 64px;
290
302
  height: 64px;
291
303
  padding: var(--gap-0);
292
- }.tabs__desktop_v7fpj.tabs__headline-xlarge_v7fpj .tabs__scrollControls_v7fpj button:first-child {
304
+ }.tabs__desktop_1ne3u.tabs__headline-xlarge_1ne3u .tabs__scrollControls_1ne3u button:first-child {
293
305
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
294
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__title_v7fpj {
306
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__title_1ne3u {
295
307
  padding-bottom: calc(40px / 2);
296
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
297
- .tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__pickerWrapper_v7fpj {
308
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
309
+ .tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__pickerWrapper_1ne3u {
298
310
  margin-left: 40px;
299
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__option_v7fpj {
311
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__option_1ne3u {
300
312
  padding: var(--gap-0);
301
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__scrollControls_v7fpj > button {
313
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__scrollControls_1ne3u > button {
302
314
  box-sizing: content-box;
303
315
  width: 40px;
304
316
  height: 40px;
305
317
  padding: var(--gap-0);
306
- }.tabs__desktop_v7fpj.tabs__headline-medium_v7fpj .tabs__scrollControls_v7fpj button:first-child {
318
+ }.tabs__desktop_1ne3u.tabs__headline-medium_1ne3u .tabs__scrollControls_1ne3u button:first-child {
307
319
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
308
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__title_v7fpj {
320
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__title_1ne3u {
309
321
  padding-bottom: calc(32px / 2);
310
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
311
- .tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__pickerWrapper_v7fpj {
322
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
323
+ .tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__pickerWrapper_1ne3u {
312
324
  margin-left: 32px;
313
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__option_v7fpj {
325
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__option_1ne3u {
314
326
  padding: var(--gap-0);
315
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__scrollControls_v7fpj > button {
327
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__scrollControls_1ne3u > button {
316
328
  box-sizing: content-box;
317
329
  width: 32px;
318
330
  height: 32px;
319
331
  padding: var(--gap-0);
320
- }.tabs__desktop_v7fpj.tabs__headline-small_v7fpj .tabs__scrollControls_v7fpj button:first-child {
332
+ }.tabs__desktop_1ne3u.tabs__headline-small_1ne3u .tabs__scrollControls_1ne3u button:first-child {
321
333
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
322
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__title_v7fpj {
334
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__title_1ne3u {
323
335
  padding-bottom: calc(24px / 2);
324
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj,
325
- .tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__pickerWrapper_v7fpj {
336
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u,
337
+ .tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__pickerWrapper_1ne3u {
326
338
  margin-left: 24px;
327
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__option_v7fpj {
339
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__option_1ne3u {
328
340
  padding: var(--gap-0);
329
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__scrollControls_v7fpj > button {
341
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__scrollControls_1ne3u > button {
330
342
  box-sizing: content-box;
331
343
  width: 24px;
332
344
  height: 24px;
333
345
  padding: var(--gap-0);
334
- }.tabs__desktop_v7fpj.tabs__headline-xsmall_v7fpj .tabs__scrollControls_v7fpj button:first-child {
346
+ }.tabs__desktop_1ne3u.tabs__headline-xsmall_1ne3u .tabs__scrollControls_1ne3u button:first-child {
335
347
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
336
- }.tabs__fullWidthScroll_v7fpj {
348
+ }.tabs__fullWidthScroll_1ne3u {
337
349
  min-width: calc(100% - 2 * var(--gap-16));
338
350
  margin: var(--gap-0) var(--gap-16);
339
- }.tabs__container_v7fpj {
351
+ }.tabs__container_1ne3u {
340
352
  position: relative;
341
353
  overflow: hidden;
342
354
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
343
355
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
344
- }.tabs__title_v7fpj {
356
+ }.tabs__title_1ne3u {
345
357
  display: flex;
346
358
  align-items: center;
347
359
  height: 100%;
@@ -357,21 +369,21 @@
357
369
  -moz-user-select: none;
358
370
  user-select: none;
359
371
  outline: none;
360
- }.tabs__title_v7fpj:not(:disabled):hover {
372
+ }.tabs__title_1ne3u:not(:disabled):hover {
361
373
  color: var(--primary-tablist-hover-color);
362
- }.tabs__focused_v7fpj {
374
+ }.tabs__focused_1ne3u {
363
375
  outline: 2px solid var(--focus-color);
364
376
  outline-offset: 2px;
365
- }.tabs__collapsed_v7fpj {
377
+ }.tabs__collapsed_1ne3u {
366
378
  order: 99;
367
379
  visibility: collapse;
368
- }.tabs__selected_v7fpj {
380
+ }.tabs__selected_1ne3u {
369
381
  cursor: default;
370
382
  color: var(--primary-tablist-selected-color);
371
- }.tabs__disabled_v7fpj {
383
+ }.tabs__disabled_1ne3u {
372
384
  cursor: var(--disabled-cursor);
373
385
  color: var(--primary-tablist-disabled-color);
374
- }.tabs__line_v7fpj {
386
+ }.tabs__line_1ne3u {
375
387
  position: absolute;
376
388
  height: 3px;
377
389
  bottom: calc(var(--gap-2) / 2);
@@ -380,52 +392,53 @@
380
392
  transition:
381
393
  transform 0.2s ease,
382
394
  width 0.2s ease;
383
- }.tabs__option_v7fpj {
395
+ }.tabs__option_1ne3u {
384
396
  color: var(--color-light-text-primary);
385
- }.tabs__s_v7fpj .tabs__title_v7fpj, .tabs__xs_v7fpj .tabs__title_v7fpj, .tabs__xxs_v7fpj .tabs__title_v7fpj {
397
+ }.tabs__s_1ne3u .tabs__title_1ne3u, .tabs__xs_1ne3u .tabs__title_1ne3u, .tabs__xxs_1ne3u .tabs__title_1ne3u {
386
398
  padding: var(--primary-tablist-s-padding);
387
- }.tabs__s_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj, .tabs__xs_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj, .tabs__xxs_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj {
399
+ }.tabs__s_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u, .tabs__xs_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u, .tabs__xxs_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u {
388
400
  margin-left: var(--primary-tablist-s-gaps);
389
- }.tabs__s_v7fpj .tabs__pickerWrapper_v7fpj, .tabs__xs_v7fpj .tabs__pickerWrapper_v7fpj, .tabs__xxs_v7fpj .tabs__pickerWrapper_v7fpj {
401
+ }.tabs__s_1ne3u .tabs__pickerWrapper_1ne3u, .tabs__xs_1ne3u .tabs__pickerWrapper_1ne3u, .tabs__xxs_1ne3u .tabs__pickerWrapper_1ne3u {
390
402
  margin-left: var(--primary-tablist-s-gaps);
391
- }.tabs__s_v7fpj .tabs__option_v7fpj, .tabs__xs_v7fpj .tabs__option_v7fpj, .tabs__xxs_v7fpj .tabs__option_v7fpj {
403
+ }.tabs__s_1ne3u .tabs__option_1ne3u, .tabs__xs_1ne3u .tabs__option_1ne3u, .tabs__xxs_1ne3u .tabs__option_1ne3u {
392
404
  padding: var(--gap-0);
393
- }.tabs__m_v7fpj .tabs__title_v7fpj {
405
+ }.tabs__m_1ne3u .tabs__title_1ne3u {
394
406
  padding: var(--primary-tablist-m-padding);
395
- }.tabs__m_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj {
407
+ }.tabs__m_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u {
396
408
  margin-left: var(--primary-tablist-m-gaps);
397
- }.tabs__m_v7fpj .tabs__pickerWrapper_v7fpj {
409
+ }.tabs__m_1ne3u .tabs__pickerWrapper_1ne3u {
398
410
  margin-left: var(--primary-tablist-m-gaps);
399
- }.tabs__m_v7fpj .tabs__option_v7fpj {
411
+ }.tabs__m_1ne3u .tabs__option_1ne3u {
400
412
  padding: var(--gap-0);
401
- }.tabs__l_v7fpj .tabs__title_v7fpj {
413
+ }.tabs__l_1ne3u .tabs__title_1ne3u {
402
414
  padding: var(--primary-tablist-l-padding);
403
- }.tabs__l_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj {
415
+ }.tabs__l_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u {
404
416
  margin-left: var(--primary-tablist-l-gaps);
405
- }.tabs__l_v7fpj .tabs__pickerWrapper_v7fpj {
417
+ }.tabs__l_1ne3u .tabs__pickerWrapper_1ne3u {
406
418
  margin-left: var(--primary-tablist-l-gaps);
407
- }.tabs__l_v7fpj .tabs__option_v7fpj {
419
+ }.tabs__l_1ne3u .tabs__option_1ne3u {
408
420
  padding: var(--gap-0);
409
- }.tabs__xl_v7fpj .tabs__title_v7fpj {
421
+ }.tabs__xl_1ne3u .tabs__title_1ne3u {
410
422
  padding: var(--primary-tablist-xl-padding);
411
- }.tabs__xl_v7fpj .tabs__title_v7fpj + .tabs__title_v7fpj {
423
+ }.tabs__xl_1ne3u .tabs__title_1ne3u + .tabs__title_1ne3u {
412
424
  margin-left: var(--primary-tablist-xl-gaps);
413
- }.tabs__xl_v7fpj .tabs__pickerWrapper_v7fpj {
425
+ }.tabs__xl_1ne3u .tabs__pickerWrapper_1ne3u {
414
426
  margin-left: var(--primary-tablist-xl-gaps);
415
- }.tabs__xl_v7fpj .tabs__option_v7fpj {
427
+ }.tabs__xl_1ne3u .tabs__option_1ne3u {
416
428
  padding: var(--gap-0);
417
- }.tabs__rightAddons_v7fpj {
429
+ }.tabs__rightAddons_1ne3u {
418
430
  display: flex;
419
431
  justify-content: center;
420
432
  align-items: center;
421
433
  margin-left: var(--gap-8);
422
- }.tabs__rightAddonsMarginZero_v7fpj {
434
+ }.tabs__rightAddonsMarginZero_1ne3u {
423
435
  margin-left: var(--gap-0);
424
- }.tabs__title_v7fpj.tabs__noTextStyle_v7fpj {
436
+ }.tabs__title_1ne3u.tabs__noTextStyle_1ne3u {
425
437
  font-size: 18px;
426
438
  line-height: 24px;
427
439
  font-weight: 400;
428
- font-family: var(--font-family-system);
440
+ letter-spacing: -0.36px;
441
+ font-family: var(--font-family-alfasans);
429
442
  }
430
443
  :root {
431
444
  --color-light-accent-primary: #ef3124;
@@ -457,11 +470,9 @@
457
470
  --gap-4-neg: var(--gap-2xs-neg);
458
471
  }
459
472
  :root {
460
- --font-family-system:
461
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
462
- --font-family-styrene:
463
- 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
464
- sans-serif;
473
+ --font-family-alfasans:
474
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
475
+ Helvetica, sans-serif;
465
476
  }
466
477
  :root {
467
478
  --focus-color: var(--color-light-status-info);
@@ -485,293 +496,308 @@
485
496
  --primary-tablist-xl-gaps: var(--gap-32);
486
497
  --primary-tablist-xl-padding: var(--gap-4) var(--gap-0) var(--gap-24);
487
498
  }
488
- .tabs__title_yk00x {
499
+ .tabs__title_11afj {
489
500
  }
490
- .tabs__mobile_yk00x .tabs__title_yk00x {
501
+ .tabs__mobile_11afj .tabs__title_11afj {
491
502
  padding: var(--primary-tablist-mobile-padding);
492
503
  }
493
- .tabs__mobile_yk00x .tabs__title_yk00x + .tabs__title_yk00x {
504
+ .tabs__mobile_11afj .tabs__title_11afj + .tabs__title_11afj {
494
505
  margin-left: var(--primary-tablist-mobile-gaps);
495
506
  }
496
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__title_yk00x {
507
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__title_11afj {
497
508
  font-size: 18px;
498
509
  line-height: 24px;
499
510
  font-weight: 400;
500
- font-family: var(--font-family-system);
511
+ letter-spacing: -0.36px;
512
+ font-family: var(--font-family-alfasans);
501
513
  }
502
- .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__title_yk00x {
514
+ .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__title_11afj {
503
515
  font-size: 16px;
504
516
  line-height: 24px;
505
517
  font-weight: 400;
506
- font-family: var(--font-family-system);
518
+ letter-spacing: -0.24px;
519
+ font-family: var(--font-family-alfasans);
507
520
  }
508
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__title_yk00x {
521
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__title_11afj {
509
522
  font-size: 14px;
510
523
  line-height: 20px;
511
524
  font-weight: 400;
512
- font-family: var(--font-family-system);
525
+ letter-spacing: -0.08px;
526
+ font-family: var(--font-family-alfasans);
513
527
  }
514
- .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__title_yk00x {
528
+ .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__title_11afj {
515
529
  font-size: 18px;
516
530
  line-height: 24px;
517
531
  font-weight: 500;
518
- font-family: var(--font-family-system);
532
+ letter-spacing: -0.17px;
533
+ font-family: var(--font-family-alfasans);
519
534
  }
520
- .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__title_yk00x {
535
+ .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__title_11afj {
521
536
  font-size: 16px;
522
537
  line-height: 24px;
523
538
  font-weight: 500;
524
- font-family: var(--font-family-system);
539
+ letter-spacing: -0.05px;
540
+ font-family: var(--font-family-alfasans);
525
541
  }
526
- .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__title_yk00x {
542
+ .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__title_11afj {
527
543
  font-size: 14px;
528
544
  line-height: 20px;
529
545
  font-weight: 500;
530
- font-family: var(--font-family-system);
546
+ letter-spacing: 0.07px;
547
+ font-family: var(--font-family-alfasans);
531
548
  }
532
- .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__title_yk00x {
549
+ .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__title_11afj {
533
550
  font-size: 18px;
534
551
  line-height: 24px;
535
552
  font-weight: 700;
536
- font-family: var(--font-family-system);
553
+ letter-spacing: 0.38px;
554
+ font-family: var(--font-family-alfasans);
537
555
  }
538
- .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__title_yk00x {
556
+ .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__title_11afj {
539
557
  font-size: 16px;
540
558
  line-height: 24px;
541
559
  font-weight: 700;
542
- font-family: var(--font-family-system);
560
+ letter-spacing: 0.43px;
561
+ font-family: var(--font-family-alfasans);
543
562
  }
544
- .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__title_yk00x {
563
+ .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__title_11afj {
545
564
  font-size: 14px;
546
565
  line-height: 20px;
547
566
  font-weight: 700;
548
- font-family: var(--font-family-system);
567
+ letter-spacing: 0.47px;
568
+ font-family: var(--font-family-alfasans);
549
569
  }
550
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__title_yk00x {
570
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__title_11afj {
551
571
  padding-bottom: calc(24px / 2);
552
572
  }
553
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
554
- .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
555
- .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
556
- .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
557
- .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
558
- .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
559
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__pickerWrapper_yk00x,
560
- .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__pickerWrapper_yk00x,
561
- .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__pickerWrapper_yk00x,
562
- .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__pickerWrapper_yk00x,
563
- .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__pickerWrapper_yk00x,
564
- .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__pickerWrapper_yk00x {
573
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__title_11afj + .tabs__title_11afj,
574
+ .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__title_11afj + .tabs__title_11afj,
575
+ .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__title_11afj + .tabs__title_11afj,
576
+ .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__title_11afj + .tabs__title_11afj,
577
+ .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__title_11afj + .tabs__title_11afj,
578
+ .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__title_11afj + .tabs__title_11afj,
579
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__pickerWrapper_11afj,
580
+ .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__pickerWrapper_11afj,
581
+ .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__pickerWrapper_11afj,
582
+ .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__pickerWrapper_11afj,
583
+ .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__pickerWrapper_11afj,
584
+ .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__pickerWrapper_11afj {
565
585
  margin-left: 24px;
566
586
  }
567
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__option_yk00x {
587
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__option_11afj {
568
588
  padding: var(--gap-0);
569
589
  }
570
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__scrollControls_yk00x > button {
590
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__scrollControls_11afj > button {
571
591
  box-sizing: content-box;
572
592
  width: 24px;
573
593
  height: 24px;
574
594
  padding: var(--gap-0);
575
595
  }
576
- .tabs__mobile_yk00x.tabs__paragraph-primary-large_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__paragraph-primary-medium_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__accent-primary-large_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__accent-primary-medium_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__action-primary-large_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__action-primary-medium_yk00x .tabs__scrollControls_yk00x button:first-child {
596
+ .tabs__mobile_11afj.tabs__paragraph-primary-large_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__paragraph-primary-medium_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__accent-primary-large_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__accent-primary-medium_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__action-primary-large_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__action-primary-medium_11afj .tabs__scrollControls_11afj button:first-child {
577
597
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
578
598
  }
579
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__title_yk00x {
599
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__title_11afj {
580
600
  padding-bottom: calc(20px / 2);
581
601
  }
582
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
583
- .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
584
- .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
585
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__pickerWrapper_yk00x,
586
- .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__pickerWrapper_yk00x,
587
- .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__pickerWrapper_yk00x {
602
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__title_11afj + .tabs__title_11afj,
603
+ .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__title_11afj + .tabs__title_11afj,
604
+ .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__title_11afj + .tabs__title_11afj,
605
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__pickerWrapper_11afj,
606
+ .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__pickerWrapper_11afj,
607
+ .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__pickerWrapper_11afj {
588
608
  margin-left: 20px;
589
609
  }
590
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__option_yk00x {
610
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__option_11afj {
591
611
  padding: var(--gap-0);
592
612
  }
593
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__scrollControls_yk00x > button {
613
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__scrollControls_11afj > button {
594
614
  box-sizing: content-box;
595
615
  width: 20px;
596
616
  height: 20px;
597
617
  padding: var(--gap-0);
598
618
  }
599
- .tabs__mobile_yk00x.tabs__paragraph-primary-small_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__accent-primary-small_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__action-primary-small_yk00x .tabs__scrollControls_yk00x button:first-child {
619
+ .tabs__mobile_11afj.tabs__paragraph-primary-small_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__accent-primary-small_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__action-primary-small_11afj .tabs__scrollControls_11afj button:first-child {
600
620
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
601
621
  }
602
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__title_yk00x {
622
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__title_11afj {
603
623
  font-size: 34px;
604
624
  line-height: 40px;
605
- font-weight: 600;
606
- font-family: var(--font-family-system);
625
+ font-weight: 500;
626
+ letter-spacing: -0.32px;
627
+ font-family: var(--font-family-alfasans);
607
628
  }
608
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__title_yk00x {
629
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__title_11afj {
609
630
  font-size: 30px;
610
631
  line-height: 36px;
611
- font-weight: 600;
612
- font-family: var(--font-family-system);
632
+ font-weight: 500;
633
+ letter-spacing: -0.25px;
634
+ font-family: var(--font-family-alfasans);
613
635
  }
614
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__title_yk00x {
636
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__title_11afj {
615
637
  font-size: 26px;
616
638
  line-height: 32px;
617
- font-weight: 600;
618
- font-family: var(--font-family-system);
639
+ font-weight: 500;
640
+ letter-spacing: -0.25px;
641
+ font-family: var(--font-family-alfasans);
619
642
  }
620
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__title_yk00x {
643
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__title_11afj {
621
644
  font-size: 20px;
622
645
  line-height: 28px;
623
- font-weight: 600;
624
- font-family: var(--font-family-system);
646
+ font-weight: 500;
647
+ letter-spacing: -0.15px;
648
+ font-family: var(--font-family-alfasans);
625
649
  }
626
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__title_yk00x {
650
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__title_11afj {
627
651
  font-size: 16px;
628
652
  line-height: 20px;
629
- font-weight: 600;
630
- font-family: var(--font-family-system);
653
+ font-weight: 500;
654
+ letter-spacing: 0.17px;
655
+ font-family: var(--font-family-alfasans);
631
656
  }
632
- .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__title_yk00x {
657
+ .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__title_11afj {
633
658
  font-size: 34px;
634
659
  line-height: 40px;
635
660
  font-weight: 500;
636
- font-feature-settings: 'ss01';
637
- font-family: var(--font-family-styrene);
661
+ letter-spacing: -0.32px;
662
+ font-family: var(--font-family-alfasans);
638
663
  }
639
- .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__title_yk00x {
664
+ .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__title_11afj {
640
665
  font-size: 30px;
641
666
  line-height: 36px;
642
667
  font-weight: 500;
643
- font-feature-settings: 'ss01';
644
- font-family: var(--font-family-styrene);
668
+ letter-spacing: -0.25px;
669
+ font-family: var(--font-family-alfasans);
645
670
  }
646
- .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__title_yk00x {
671
+ .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__title_11afj {
647
672
  font-size: 26px;
648
673
  line-height: 32px;
649
674
  font-weight: 500;
650
- font-feature-settings: 'ss01';
651
- font-family: var(--font-family-styrene);
675
+ letter-spacing: -0.25px;
676
+ font-family: var(--font-family-alfasans);
652
677
  }
653
- .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__title_yk00x {
678
+ .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__title_11afj {
654
679
  font-size: 20px;
655
680
  line-height: 28px;
656
681
  font-weight: 500;
657
- font-feature-settings: 'ss01';
658
- font-family: var(--font-family-styrene);
682
+ letter-spacing: -0.15px;
683
+ font-family: var(--font-family-alfasans);
659
684
  }
660
- .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__title_yk00x {
685
+ .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__title_11afj {
661
686
  font-size: 16px;
662
687
  line-height: 20px;
663
688
  font-weight: 500;
664
- font-feature-settings: 'ss01';
665
- font-family: var(--font-family-styrene);
689
+ letter-spacing: 0.17px;
690
+ font-family: var(--font-family-alfasans);
666
691
  }
667
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__title_yk00x {
692
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__title_11afj {
668
693
  padding-bottom: calc(40px / 2);
669
694
  }
670
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
671
- .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
672
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__pickerWrapper_yk00x,
673
- .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__pickerWrapper_yk00x {
695
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__title_11afj + .tabs__title_11afj,
696
+ .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__title_11afj + .tabs__title_11afj,
697
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__pickerWrapper_11afj,
698
+ .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__pickerWrapper_11afj {
674
699
  margin-left: 40px;
675
700
  }
676
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__option_yk00x {
701
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__option_11afj {
677
702
  padding: var(--gap-0);
678
703
  }
679
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__scrollControls_yk00x > button {
704
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__scrollControls_11afj > button {
680
705
  box-sizing: content-box;
681
706
  width: 40px;
682
707
  height: 40px;
683
708
  padding: var(--gap-0);
684
709
  }
685
- .tabs__mobile_yk00x.tabs__headline-system-xlarge_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__headline-xlarge_yk00x .tabs__scrollControls_yk00x button:first-child {
710
+ .tabs__mobile_11afj.tabs__headline-system-xlarge_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__headline-xlarge_11afj .tabs__scrollControls_11afj button:first-child {
686
711
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
687
712
  }
688
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__title_yk00x {
713
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__title_11afj {
689
714
  padding-bottom: calc(36px / 2);
690
715
  }
691
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
692
- .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
693
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__pickerWrapper_yk00x,
694
- .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__pickerWrapper_yk00x {
716
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__title_11afj + .tabs__title_11afj,
717
+ .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__title_11afj + .tabs__title_11afj,
718
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__pickerWrapper_11afj,
719
+ .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__pickerWrapper_11afj {
695
720
  margin-left: 36px;
696
721
  }
697
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__option_yk00x {
722
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__option_11afj {
698
723
  padding: var(--gap-0);
699
724
  }
700
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__scrollControls_yk00x > button {
725
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__scrollControls_11afj > button {
701
726
  box-sizing: content-box;
702
727
  width: 36px;
703
728
  height: 36px;
704
729
  padding: var(--gap-0);
705
730
  }
706
- .tabs__mobile_yk00x.tabs__headline-system-large_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__headline-large_yk00x .tabs__scrollControls_yk00x button:first-child {
731
+ .tabs__mobile_11afj.tabs__headline-system-large_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__headline-large_11afj .tabs__scrollControls_11afj button:first-child {
707
732
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
708
733
  }
709
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__title_yk00x {
734
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__title_11afj {
710
735
  padding-bottom: calc(32px / 2);
711
736
  }
712
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
713
- .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
714
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__pickerWrapper_yk00x,
715
- .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__pickerWrapper_yk00x {
737
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__title_11afj + .tabs__title_11afj,
738
+ .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__title_11afj + .tabs__title_11afj,
739
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__pickerWrapper_11afj,
740
+ .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__pickerWrapper_11afj {
716
741
  margin-left: 32px;
717
742
  }
718
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__option_yk00x {
743
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__option_11afj {
719
744
  padding: var(--gap-0);
720
745
  }
721
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__scrollControls_yk00x > button {
746
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__scrollControls_11afj > button {
722
747
  box-sizing: content-box;
723
748
  width: 32px;
724
749
  height: 32px;
725
750
  padding: var(--gap-0);
726
751
  }
727
- .tabs__mobile_yk00x.tabs__headline-system-medium_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__headline-medium_yk00x .tabs__scrollControls_yk00x button:first-child {
752
+ .tabs__mobile_11afj.tabs__headline-system-medium_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__headline-medium_11afj .tabs__scrollControls_11afj button:first-child {
728
753
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
729
754
  }
730
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__title_yk00x {
755
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__title_11afj {
731
756
  padding-bottom: calc(28px / 2);
732
757
  }
733
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
734
- .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
735
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__pickerWrapper_yk00x,
736
- .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__pickerWrapper_yk00x {
758
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__title_11afj + .tabs__title_11afj,
759
+ .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__title_11afj + .tabs__title_11afj,
760
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__pickerWrapper_11afj,
761
+ .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__pickerWrapper_11afj {
737
762
  margin-left: 28px;
738
763
  }
739
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__option_yk00x {
764
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__option_11afj {
740
765
  padding: var(--gap-0);
741
766
  }
742
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__scrollControls_yk00x > button {
767
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__scrollControls_11afj > button {
743
768
  box-sizing: content-box;
744
769
  width: 28px;
745
770
  height: 28px;
746
771
  padding: var(--gap-0);
747
772
  }
748
- .tabs__mobile_yk00x.tabs__headline-system-small_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__headline-small_yk00x .tabs__scrollControls_yk00x button:first-child {
773
+ .tabs__mobile_11afj.tabs__headline-system-small_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__headline-small_11afj .tabs__scrollControls_11afj button:first-child {
749
774
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
750
775
  }
751
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__title_yk00x, .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__title_yk00x {
776
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__title_11afj, .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__title_11afj {
752
777
  padding-bottom: calc(20px / 2);
753
778
  }
754
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
755
- .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__title_yk00x + .tabs__title_yk00x,
756
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__pickerWrapper_yk00x,
757
- .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__pickerWrapper_yk00x {
779
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__title_11afj + .tabs__title_11afj,
780
+ .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__title_11afj + .tabs__title_11afj,
781
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__pickerWrapper_11afj,
782
+ .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__pickerWrapper_11afj {
758
783
  margin-left: 20px;
759
784
  }
760
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__option_yk00x, .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__option_yk00x {
785
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__option_11afj, .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__option_11afj {
761
786
  padding: var(--gap-0);
762
787
  }
763
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__scrollControls_yk00x > button, .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__scrollControls_yk00x > button {
788
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__scrollControls_11afj > button, .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__scrollControls_11afj > button {
764
789
  box-sizing: content-box;
765
790
  width: 20px;
766
791
  height: 20px;
767
792
  padding: var(--gap-0);
768
793
  }
769
- .tabs__mobile_yk00x.tabs__headline-system-xsmall_yk00x .tabs__scrollControls_yk00x button:first-child, .tabs__mobile_yk00x.tabs__headline-xsmall_yk00x .tabs__scrollControls_yk00x button:first-child {
794
+ .tabs__mobile_11afj.tabs__headline-system-xsmall_11afj .tabs__scrollControls_11afj button:first-child, .tabs__mobile_11afj.tabs__headline-xsmall_11afj .tabs__scrollControls_11afj button:first-child {
770
795
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
771
796
  }
772
- .tabs__title_yk00x.tabs__noTextStyle_yk00x {
797
+ .tabs__title_11afj.tabs__noTextStyle_11afj {
773
798
  font-size: 16px;
774
799
  line-height: 24px;
775
800
  font-weight: 400;
776
- font-family: var(--font-family-system);
801
+ letter-spacing: -0.24px;
802
+ font-family: var(--font-family-alfasans);
777
803
  }