@alfalab/core-components-tabs 9.0.0 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/components/primary-tablist/index.css +131 -131
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +219 -219
  4. package/components/primary-tablist/mobile.module.css.js +1 -1
  5. package/components/scroll-controls/index.css +11 -11
  6. package/components/scroll-controls/index.module.css.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/scrollable-container/index.module.css.js +1 -1
  9. package/components/secondary-tablist/index.css +18 -18
  10. package/components/secondary-tablist/index.module.css.js +1 -1
  11. package/components/secondary-tablist/mobile.css +22 -22
  12. package/components/secondary-tablist/mobile.module.css.js +1 -1
  13. package/components/tab/index.css +2 -2
  14. package/components/tab/index.module.css.js +1 -1
  15. package/esm/components/primary-tablist/index.css +131 -131
  16. package/esm/components/primary-tablist/index.module.css.js +1 -1
  17. package/esm/components/primary-tablist/mobile.css +219 -219
  18. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  19. package/esm/components/scroll-controls/index.css +11 -11
  20. package/esm/components/scroll-controls/index.module.css.js +1 -1
  21. package/esm/components/scrollable-container/index.css +5 -5
  22. package/esm/components/scrollable-container/index.module.css.js +1 -1
  23. package/esm/components/secondary-tablist/index.css +18 -18
  24. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/mobile.css +22 -22
  26. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  27. package/esm/components/tab/index.css +2 -2
  28. package/esm/components/tab/index.module.css.js +1 -1
  29. package/modern/components/primary-tablist/index.css +131 -131
  30. package/modern/components/primary-tablist/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/mobile.css +219 -219
  32. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  33. package/modern/components/scroll-controls/index.css +11 -11
  34. package/modern/components/scroll-controls/index.module.css.js +1 -1
  35. package/modern/components/scrollable-container/index.css +5 -5
  36. package/modern/components/scrollable-container/index.module.css.js +1 -1
  37. package/modern/components/secondary-tablist/index.css +18 -18
  38. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/mobile.css +22 -22
  40. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  41. package/modern/components/tab/index.css +2 -2
  42. package/modern/components/tab/index.module.css.js +1 -1
  43. package/package.json +9 -9
package/components/primary-tablist/index.css CHANGED
@@ -57,11 +57,11 @@
57
57
  --primary-tablist-xl-font-weight: 400;
58
58
  --primary-tablist-xl-font-family: var(--font-family-system);
59
59
  --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
60
- } .tabs__component_bnoxs {
60
+ } .tabs__component_qzk78 {
61
61
  position: relative;
62
62
  display: inline-flex;
63
63
  min-width: 100%
64
- } .tabs__component_bnoxs:before {
64
+ } .tabs__component_qzk78:before {
65
65
  content: '';
66
66
  display: block;
67
67
  position: absolute;
@@ -69,271 +69,271 @@
69
69
  height: 1px;
70
70
  width: 100%;
71
71
  background-color: var(--primary-tablist-bottom-border-color);
72
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs {
72
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78 {
73
73
  font-size: 18px;
74
74
  line-height: 24px;
75
75
  font-weight: 400;
76
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs {
76
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78 {
77
77
  font-size: 16px;
78
78
  line-height: 24px;
79
79
  font-weight: 400;
80
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs {
80
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78 {
81
81
  font-size: 14px;
82
82
  line-height: 20px;
83
83
  font-weight: 400;
84
- } .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs {
84
+ } .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78 {
85
85
  font-size: 18px;
86
86
  line-height: 24px;
87
87
  font-weight: 500;
88
- } .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs {
88
+ } .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 {
89
89
  font-size: 16px;
90
90
  line-height: 24px;
91
91
  font-weight: 500;
92
- } .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs {
92
+ } .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 {
93
93
  font-size: 14px;
94
94
  line-height: 20px;
95
95
  font-weight: 500;
96
- } .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs {
96
+ } .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78 {
97
97
  font-size: 18px;
98
98
  line-height: 24px;
99
99
  font-weight: 700;
100
- } .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs {
100
+ } .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78 {
101
101
  font-size: 16px;
102
102
  line-height: 24px;
103
103
  font-weight: 700;
104
- } .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs {
104
+ } .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78 {
105
105
  font-size: 14px;
106
106
  line-height: 20px;
107
107
  font-weight: 700;
108
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs {
108
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 {
109
109
  padding-bottom: calc(24px / 2);
110
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
111
- .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
112
- .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
113
- .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs,
114
- .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
115
- .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
116
- .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
117
- .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs,
118
- .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
119
- .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__pickerWrapper_bnoxs,
120
- .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
121
- .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__pickerWrapper_bnoxs {
110
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
111
+ .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
112
+ .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
113
+ .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__pickerWrapper_qzk78,
114
+ .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
115
+ .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
116
+ .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
117
+ .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__pickerWrapper_qzk78,
118
+ .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
119
+ .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__pickerWrapper_qzk78,
120
+ .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
121
+ .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__pickerWrapper_qzk78 {
122
122
  margin-left: 24px;
123
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__option_bnoxs {
123
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__option_qzk78 {
124
124
  padding: var(--gap-0);
125
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__scrollControls_bnoxs > button {
125
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__scrollControls_qzk78 > button {
126
126
  box-sizing: content-box;
127
127
  width: 24px;
128
128
  height: 24px;
129
129
  padding: var(--gap-0);
130
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__paragraph-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
130
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__paragraph-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
131
131
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
132
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs {
132
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 {
133
133
  padding-bottom: calc(20px / 2);
134
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
135
- .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__pickerWrapper_bnoxs,
136
- .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
137
- .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__pickerWrapper_bnoxs,
138
- .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
139
- .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__pickerWrapper_bnoxs {
134
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
135
+ .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__pickerWrapper_qzk78,
136
+ .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
137
+ .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__pickerWrapper_qzk78,
138
+ .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
139
+ .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__pickerWrapper_qzk78 {
140
140
  margin-left: 20px;
141
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__option_bnoxs {
141
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__option_qzk78 {
142
142
  padding: var(--gap-0);
143
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__scrollControls_bnoxs > button {
143
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__scrollControls_qzk78 > button {
144
144
  box-sizing: content-box;
145
145
  width: 20px;
146
146
  height: 20px;
147
147
  padding: var(--gap-0);
148
- } .tabs__desktop_bnoxs.tabs__paragraph-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__accent-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__action-primary-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
148
+ } .tabs__desktop_qzk78.tabs__paragraph-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__accent-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__action-primary-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
149
149
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
150
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs {
150
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 {
151
151
  font-size: 48px;
152
152
  line-height: 52px;
153
153
  font-weight: 700;
154
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs {
154
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78 {
155
155
  font-size: 40px;
156
156
  line-height: 48px;
157
157
  font-weight: 700;
158
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs {
158
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 {
159
159
  font-size: 30px;
160
160
  line-height: 36px;
161
161
  font-weight: 700;
162
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs {
162
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 {
163
163
  font-size: 22px;
164
164
  line-height: 26px;
165
165
  font-weight: 700;
166
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs {
166
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 {
167
167
  font-size: 18px;
168
168
  line-height: 22px;
169
169
  font-weight: 700;
170
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs {
170
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 {
171
171
  font-size: 48px;
172
172
  line-height: 64px;
173
173
  font-weight: 500;
174
174
  font-feature-settings: 'ss01';
175
175
  font-family: var(--font-family-styrene);
176
- } .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs {
176
+ } .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 {
177
177
  font-size: 40px;
178
178
  line-height: 48px;
179
179
  font-weight: 500;
180
180
  font-feature-settings: 'ss01';
181
181
  font-family: var(--font-family-styrene);
182
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs {
182
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 {
183
183
  font-size: 32px;
184
184
  line-height: 40px;
185
185
  font-weight: 500;
186
186
  font-feature-settings: 'ss01';
187
187
  font-family: var(--font-family-styrene);
188
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs {
188
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 {
189
189
  font-size: 24px;
190
190
  line-height: 32px;
191
191
  font-weight: 500;
192
192
  font-feature-settings: 'ss01';
193
193
  font-family: var(--font-family-styrene);
194
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs {
194
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 {
195
195
  font-size: 20px;
196
196
  line-height: 24px;
197
197
  font-weight: 500;
198
198
  font-feature-settings: 'ss01';
199
199
  font-family: var(--font-family-styrene);
200
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs {
200
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 {
201
201
  padding-bottom: calc(52px / 2);
202
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
203
- .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__pickerWrapper_bnoxs {
202
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
203
+ .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__pickerWrapper_qzk78 {
204
204
  margin-left: 52px;
205
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__option_bnoxs {
205
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__option_qzk78 {
206
206
  padding: var(--gap-0);
207
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__scrollControls_bnoxs > button {
207
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__scrollControls_qzk78 > button {
208
208
  box-sizing: content-box;
209
209
  width: 52px;
210
210
  height: 52px;
211
211
  padding: var(--gap-0);
212
- } .tabs__desktop_bnoxs.tabs__headline-system-xlarge_bnoxs .tabs__scrollControls_bnoxs button:first-child {
212
+ } .tabs__desktop_qzk78.tabs__headline-system-xlarge_qzk78 .tabs__scrollControls_qzk78 button:first-child {
213
213
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
214
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs {
214
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 {
215
215
  padding-bottom: calc(48px / 2);
216
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
217
- .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__pickerWrapper_bnoxs,
218
- .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
219
- .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__pickerWrapper_bnoxs {
216
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
217
+ .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__pickerWrapper_qzk78,
218
+ .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
219
+ .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__pickerWrapper_qzk78 {
220
220
  margin-left: 48px;
221
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__option_bnoxs, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__option_bnoxs {
221
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__option_qzk78, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__option_qzk78 {
222
222
  padding: var(--gap-0);
223
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__scrollControls_bnoxs > button, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__scrollControls_bnoxs > button {
223
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__scrollControls_qzk78 > button, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__scrollControls_qzk78 > button {
224
224
  box-sizing: content-box;
225
225
  width: 48px;
226
226
  height: 48px;
227
227
  padding: var(--gap-0);
228
- } .tabs__desktop_bnoxs.tabs__headline-system-large_bnoxs .tabs__scrollControls_bnoxs button:first-child, .tabs__desktop_bnoxs.tabs__headline-large_bnoxs .tabs__scrollControls_bnoxs button:first-child {
228
+ } .tabs__desktop_qzk78.tabs__headline-system-large_qzk78 .tabs__scrollControls_qzk78 button:first-child, .tabs__desktop_qzk78.tabs__headline-large_qzk78 .tabs__scrollControls_qzk78 button:first-child {
229
229
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
230
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs {
230
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 {
231
231
  padding-bottom: calc(36px / 2);
232
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
233
- .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__pickerWrapper_bnoxs {
232
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
233
+ .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__pickerWrapper_qzk78 {
234
234
  margin-left: 36px;
235
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__option_bnoxs {
235
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__option_qzk78 {
236
236
  padding: var(--gap-0);
237
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__scrollControls_bnoxs > button {
237
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__scrollControls_qzk78 > button {
238
238
  box-sizing: content-box;
239
239
  width: 36px;
240
240
  height: 36px;
241
241
  padding: var(--gap-0);
242
- } .tabs__desktop_bnoxs.tabs__headline-system-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
242
+ } .tabs__desktop_qzk78.tabs__headline-system-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
243
243
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
244
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs {
244
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 {
245
245
  padding-bottom: calc(26px / 2);
246
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
247
- .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__pickerWrapper_bnoxs {
246
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
247
+ .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__pickerWrapper_qzk78 {
248
248
  margin-left: 26px;
249
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__option_bnoxs {
249
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__option_qzk78 {
250
250
  padding: var(--gap-0);
251
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__scrollControls_bnoxs > button {
251
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__scrollControls_qzk78 > button {
252
252
  box-sizing: content-box;
253
253
  width: 26px;
254
254
  height: 26px;
255
255
  padding: var(--gap-0);
256
- } .tabs__desktop_bnoxs.tabs__headline-system-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
256
+ } .tabs__desktop_qzk78.tabs__headline-system-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
257
257
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
258
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs {
258
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 {
259
259
  padding-bottom: calc(22px / 2);
260
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
261
- .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__pickerWrapper_bnoxs {
260
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
261
+ .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__pickerWrapper_qzk78 {
262
262
  margin-left: 22px;
263
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__option_bnoxs {
263
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__option_qzk78 {
264
264
  padding: var(--gap-0);
265
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__scrollControls_bnoxs > button {
265
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__scrollControls_qzk78 > button {
266
266
  box-sizing: content-box;
267
267
  width: 22px;
268
268
  height: 22px;
269
269
  padding: var(--gap-0);
270
- } .tabs__desktop_bnoxs.tabs__headline-system-xsmall_bnoxs .tabs__scrollControls_bnoxs button:first-child {
270
+ } .tabs__desktop_qzk78.tabs__headline-system-xsmall_qzk78 .tabs__scrollControls_qzk78 button:first-child {
271
271
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
272
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs {
272
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 {
273
273
  padding-bottom: calc(64px / 2);
274
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
275
- .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__pickerWrapper_bnoxs {
274
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
275
+ .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__pickerWrapper_qzk78 {
276
276
  margin-left: 64px;
277
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__option_bnoxs {
277
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__option_qzk78 {
278
278
  padding: var(--gap-0);
279
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__scrollControls_bnoxs > button {
279
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__scrollControls_qzk78 > button {
280
280
  box-sizing: content-box;
281
281
  width: 64px;
282
282
  height: 64px;
283
283
  padding: var(--gap-0);
284
- } .tabs__desktop_bnoxs.tabs__headline-xlarge_bnoxs .tabs__scrollControls_bnoxs button:first-child {
284
+ } .tabs__desktop_qzk78.tabs__headline-xlarge_qzk78 .tabs__scrollControls_qzk78 button:first-child {
285
285
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
286
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs {
286
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 {
287
287
  padding-bottom: calc(40px / 2);
288
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
289
- .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__pickerWrapper_bnoxs {
288
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
289
+ .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__pickerWrapper_qzk78 {
290
290
  margin-left: 40px;
291
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__option_bnoxs {
291
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__option_qzk78 {
292
292
  padding: var(--gap-0);
293
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__scrollControls_bnoxs > button {
293
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__scrollControls_qzk78 > button {
294
294
  box-sizing: content-box;
295
295
  width: 40px;
296
296
  height: 40px;
297
297
  padding: var(--gap-0);
298
- } .tabs__desktop_bnoxs.tabs__headline-medium_bnoxs .tabs__scrollControls_bnoxs button:first-child {
298
+ } .tabs__desktop_qzk78.tabs__headline-medium_qzk78 .tabs__scrollControls_qzk78 button:first-child {
299
299
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
300
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs {
300
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 {
301
301
  padding-bottom: calc(32px / 2);
302
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
303
- .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__pickerWrapper_bnoxs {
302
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
303
+ .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__pickerWrapper_qzk78 {
304
304
  margin-left: 32px;
305
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__option_bnoxs {
305
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__option_qzk78 {
306
306
  padding: var(--gap-0);
307
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__scrollControls_bnoxs > button {
307
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__scrollControls_qzk78 > button {
308
308
  box-sizing: content-box;
309
309
  width: 32px;
310
310
  height: 32px;
311
311
  padding: var(--gap-0);
312
- } .tabs__desktop_bnoxs.tabs__headline-small_bnoxs .tabs__scrollControls_bnoxs button:first-child {
312
+ } .tabs__desktop_qzk78.tabs__headline-small_qzk78 .tabs__scrollControls_qzk78 button:first-child {
313
313
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
314
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs {
314
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 {
315
315
  padding-bottom: calc(24px / 2);
316
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs,
317
- .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__pickerWrapper_bnoxs {
316
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78,
317
+ .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__pickerWrapper_qzk78 {
318
318
  margin-left: 24px;
319
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__option_bnoxs {
319
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__option_qzk78 {
320
320
  padding: var(--gap-0);
321
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__scrollControls_bnoxs > button {
321
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__scrollControls_qzk78 > button {
322
322
  box-sizing: content-box;
323
323
  width: 24px;
324
324
  height: 24px;
325
325
  padding: var(--gap-0);
326
- } .tabs__desktop_bnoxs.tabs__headline-xsmall_bnoxs .tabs__scrollControls_bnoxs button:first-child {
326
+ } .tabs__desktop_qzk78.tabs__headline-xsmall_qzk78 .tabs__scrollControls_qzk78 button:first-child {
327
327
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
328
- } .tabs__fullWidthScroll_bnoxs {
328
+ } .tabs__fullWidthScroll_qzk78 {
329
329
  min-width: calc(100% - 2 * var(--gap-16));
330
330
  margin: var(--gap-0) var(--gap-16);
331
- } .tabs__container_bnoxs {
331
+ } .tabs__container_qzk78 {
332
332
  position: relative;
333
333
  overflow: hidden;
334
334
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
335
335
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
336
- } .tabs__title_bnoxs {
336
+ } .tabs__title_qzk78 {
337
337
  display: flex;
338
338
  align-items: center;
339
339
  height: 100%;
@@ -350,82 +350,82 @@
350
350
  -moz-user-select: none;
351
351
  user-select: none;
352
352
  outline: none
353
- } .tabs__title_bnoxs:not(:disabled):hover {
353
+ } .tabs__title_qzk78:not(:disabled):hover {
354
354
  color: var(--primary-tablist-hover-color);
355
- } .tabs__focused_bnoxs {
355
+ } .tabs__focused_qzk78 {
356
356
  outline: 2px solid var(--focus-color);
357
357
  outline-offset: 2px;
358
- } .tabs__collapsed_bnoxs {
358
+ } .tabs__collapsed_qzk78 {
359
359
  order: 99;
360
360
  visibility: collapse;
361
- } .tabs__selected_bnoxs {
361
+ } .tabs__selected_qzk78 {
362
362
  cursor: default;
363
363
  color: var(--primary-tablist-selected-color);
364
- } .tabs__disabled_bnoxs {
364
+ } .tabs__disabled_qzk78 {
365
365
  cursor: var(--disabled-cursor);
366
366
  color: var(--primary-tablist-disabled-color);
367
- } .tabs__line_bnoxs {
367
+ } .tabs__line_qzk78 {
368
368
  position: absolute;
369
369
  height: 3px;
370
370
  bottom: var(--gap-0);
371
371
  left: var(--gap-0);
372
372
  background-color: var(--primary-tablist-line-color);
373
373
  transition: transform 0.2s ease, width 0.2s ease;
374
- } .tabs__option_bnoxs {
374
+ } .tabs__option_qzk78 {
375
375
  color: var(--color-light-text-primary);
376
- } .tabs__s_bnoxs .tabs__title_bnoxs, .tabs__xs_bnoxs .tabs__title_bnoxs, .tabs__xxs_bnoxs .tabs__title_bnoxs {
376
+ } .tabs__s_qzk78 .tabs__title_qzk78, .tabs__xs_qzk78 .tabs__title_qzk78, .tabs__xxs_qzk78 .tabs__title_qzk78 {
377
377
  padding: var(--primary-tablist-s-padding);
378
378
  font-size: var(--primary-tablist-s-font-size);
379
379
  font-weight: var(--primary-tablist-s-font-weight);
380
380
  font-family: var(--primary-tablist-s-font-family);
381
381
  line-height: 24px;
382
- } .tabs__s_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs, .tabs__xs_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs, .tabs__xxs_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
382
+ } .tabs__s_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78, .tabs__xs_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78, .tabs__xxs_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
383
383
  margin-left: var(--primary-tablist-s-gaps);
384
- } .tabs__s_bnoxs .tabs__pickerWrapper_bnoxs, .tabs__xs_bnoxs .tabs__pickerWrapper_bnoxs, .tabs__xxs_bnoxs .tabs__pickerWrapper_bnoxs {
384
+ } .tabs__s_qzk78 .tabs__pickerWrapper_qzk78, .tabs__xs_qzk78 .tabs__pickerWrapper_qzk78, .tabs__xxs_qzk78 .tabs__pickerWrapper_qzk78 {
385
385
  margin-left: var(--primary-tablist-s-gaps);
386
- } .tabs__s_bnoxs .tabs__option_bnoxs, .tabs__xs_bnoxs .tabs__option_bnoxs, .tabs__xxs_bnoxs .tabs__option_bnoxs {
386
+ } .tabs__s_qzk78 .tabs__option_qzk78, .tabs__xs_qzk78 .tabs__option_qzk78, .tabs__xxs_qzk78 .tabs__option_qzk78 {
387
387
  padding: var(--gap-0);
388
- } .tabs__m_bnoxs .tabs__title_bnoxs {
388
+ } .tabs__m_qzk78 .tabs__title_qzk78 {
389
389
  padding: var(--primary-tablist-m-padding);
390
390
  font-size: var(--primary-tablist-m-font-size);
391
391
  font-weight: var(--primary-tablist-m-font-weight);
392
392
  font-family: var(--primary-tablist-m-font-family);
393
393
  line-height: 24px;
394
- } .tabs__m_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
394
+ } .tabs__m_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
395
395
  margin-left: var(--primary-tablist-m-gaps);
396
- } .tabs__m_bnoxs .tabs__pickerWrapper_bnoxs {
396
+ } .tabs__m_qzk78 .tabs__pickerWrapper_qzk78 {
397
397
  margin-left: var(--primary-tablist-m-gaps);
398
- } .tabs__m_bnoxs .tabs__option_bnoxs {
398
+ } .tabs__m_qzk78 .tabs__option_qzk78 {
399
399
  padding: var(--gap-0);
400
- } .tabs__l_bnoxs .tabs__title_bnoxs {
400
+ } .tabs__l_qzk78 .tabs__title_qzk78 {
401
401
  padding: var(--primary-tablist-l-padding);
402
402
  font-size: var(--primary-tablist-l-font-size);
403
403
  font-weight: var(--primary-tablist-l-font-weight);
404
404
  font-family: var(--primary-tablist-l-font-family);
405
405
  line-height: 24px;
406
- } .tabs__l_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
406
+ } .tabs__l_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
407
407
  margin-left: var(--primary-tablist-l-gaps);
408
- } .tabs__l_bnoxs .tabs__pickerWrapper_bnoxs {
408
+ } .tabs__l_qzk78 .tabs__pickerWrapper_qzk78 {
409
409
  margin-left: var(--primary-tablist-l-gaps);
410
- } .tabs__l_bnoxs .tabs__option_bnoxs {
410
+ } .tabs__l_qzk78 .tabs__option_qzk78 {
411
411
  padding: var(--gap-0);
412
- } .tabs__xl_bnoxs .tabs__title_bnoxs {
412
+ } .tabs__xl_qzk78 .tabs__title_qzk78 {
413
413
  padding: var(--primary-tablist-xl-padding);
414
414
  font-size: var(--primary-tablist-xl-font-size);
415
415
  font-weight: var(--primary-tablist-xl-font-weight);
416
416
  font-family: var(--primary-tablist-xl-font-family);
417
417
  line-height: 32px;
418
- } .tabs__xl_bnoxs .tabs__title_bnoxs + .tabs__title_bnoxs {
418
+ } .tabs__xl_qzk78 .tabs__title_qzk78 + .tabs__title_qzk78 {
419
419
  margin-left: var(--primary-tablist-xl-gaps);
420
- } .tabs__xl_bnoxs .tabs__pickerWrapper_bnoxs {
420
+ } .tabs__xl_qzk78 .tabs__pickerWrapper_qzk78 {
421
421
  margin-left: var(--primary-tablist-xl-gaps);
422
- } .tabs__xl_bnoxs .tabs__option_bnoxs {
422
+ } .tabs__xl_qzk78 .tabs__option_qzk78 {
423
423
  padding: var(--gap-0);
424
- } .tabs__rightAddons_bnoxs {
424
+ } .tabs__rightAddons_qzk78 {
425
425
  display: flex;
426
426
  justify-content: center;
427
427
  align-items: center;
428
428
  margin-left: var(--gap-8);
429
- } .tabs__rightAddonsMarginZero_bnoxs {
429
+ } .tabs__rightAddonsMarginZero_qzk78 {
430
430
  margin-left: var(--gap-0);
431
431
  }
package/components/primary-tablist/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"tabs__component_bnoxs","desktop":"tabs__desktop_bnoxs","paragraph-primary-large":"tabs__paragraph-primary-large_bnoxs","title":"tabs__title_bnoxs","paragraph-primary-medium":"tabs__paragraph-primary-medium_bnoxs","paragraph-primary-small":"tabs__paragraph-primary-small_bnoxs","action-primary-large":"tabs__action-primary-large_bnoxs","action-primary-medium":"tabs__action-primary-medium_bnoxs","action-primary-small":"tabs__action-primary-small_bnoxs","accent-primary-large":"tabs__accent-primary-large_bnoxs","accent-primary-medium":"tabs__accent-primary-medium_bnoxs","accent-primary-small":"tabs__accent-primary-small_bnoxs","pickerWrapper":"tabs__pickerWrapper_bnoxs","option":"tabs__option_bnoxs","scrollControls":"tabs__scrollControls_bnoxs","headline-system-xlarge":"tabs__headline-system-xlarge_bnoxs","headline-system-large":"tabs__headline-system-large_bnoxs","headline-system-medium":"tabs__headline-system-medium_bnoxs","headline-system-small":"tabs__headline-system-small_bnoxs","headline-system-xsmall":"tabs__headline-system-xsmall_bnoxs","headline-xlarge":"tabs__headline-xlarge_bnoxs","headline-large":"tabs__headline-large_bnoxs","headline-medium":"tabs__headline-medium_bnoxs","headline-small":"tabs__headline-small_bnoxs","headline-xsmall":"tabs__headline-xsmall_bnoxs","fullWidthScroll":"tabs__fullWidthScroll_bnoxs","container":"tabs__container_bnoxs","focused":"tabs__focused_bnoxs","collapsed":"tabs__collapsed_bnoxs","selected":"tabs__selected_bnoxs","disabled":"tabs__disabled_bnoxs","line":"tabs__line_bnoxs","s":"tabs__s_bnoxs","xs":"tabs__xs_bnoxs","xxs":"tabs__xxs_bnoxs","m":"tabs__m_bnoxs","l":"tabs__l_bnoxs","xl":"tabs__xl_bnoxs","rightAddons":"tabs__rightAddons_bnoxs","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_bnoxs"};
5
+ var styles = {"component":"tabs__component_qzk78","desktop":"tabs__desktop_qzk78","paragraph-primary-large":"tabs__paragraph-primary-large_qzk78","title":"tabs__title_qzk78","paragraph-primary-medium":"tabs__paragraph-primary-medium_qzk78","paragraph-primary-small":"tabs__paragraph-primary-small_qzk78","action-primary-large":"tabs__action-primary-large_qzk78","action-primary-medium":"tabs__action-primary-medium_qzk78","action-primary-small":"tabs__action-primary-small_qzk78","accent-primary-large":"tabs__accent-primary-large_qzk78","accent-primary-medium":"tabs__accent-primary-medium_qzk78","accent-primary-small":"tabs__accent-primary-small_qzk78","pickerWrapper":"tabs__pickerWrapper_qzk78","option":"tabs__option_qzk78","scrollControls":"tabs__scrollControls_qzk78","headline-system-xlarge":"tabs__headline-system-xlarge_qzk78","headline-system-large":"tabs__headline-system-large_qzk78","headline-system-medium":"tabs__headline-system-medium_qzk78","headline-system-small":"tabs__headline-system-small_qzk78","headline-system-xsmall":"tabs__headline-system-xsmall_qzk78","headline-xlarge":"tabs__headline-xlarge_qzk78","headline-large":"tabs__headline-large_qzk78","headline-medium":"tabs__headline-medium_qzk78","headline-small":"tabs__headline-small_qzk78","headline-xsmall":"tabs__headline-xsmall_qzk78","fullWidthScroll":"tabs__fullWidthScroll_qzk78","container":"tabs__container_qzk78","focused":"tabs__focused_qzk78","collapsed":"tabs__collapsed_qzk78","selected":"tabs__selected_qzk78","disabled":"tabs__disabled_qzk78","line":"tabs__line_qzk78","s":"tabs__s_qzk78","xs":"tabs__xs_qzk78","xxs":"tabs__xxs_qzk78","m":"tabs__m_qzk78","l":"tabs__l_qzk78","xl":"tabs__xl_qzk78","rightAddons":"tabs__rightAddons_qzk78","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_qzk78"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map