@alfalab/core-components-tabs 8.12.21 → 8.12.23

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 (58) hide show
  1. package/components/primary-tablist/Component.collapsible.js +1 -1
  2. package/components/primary-tablist/Component.desktop.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +2 -2
  4. package/components/primary-tablist/index.css +132 -132
  5. package/components/primary-tablist/mobile.css +220 -220
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +12 -12
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +6 -6
  10. package/components/secondary-tablist/Component.desktop.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +2 -2
  12. package/components/secondary-tablist/index.css +17 -17
  13. package/components/secondary-tablist/mobile.css +20 -20
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  17. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  18. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  19. package/esm/components/primary-tablist/index.css +132 -132
  20. package/esm/components/primary-tablist/mobile.css +220 -220
  21. package/esm/components/scroll-controls/Component.js +1 -1
  22. package/esm/components/scroll-controls/index.css +12 -12
  23. package/esm/components/scrollable-container/Component.js +1 -1
  24. package/esm/components/scrollable-container/index.css +6 -6
  25. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/secondary-tablist/index.css +17 -17
  28. package/esm/components/secondary-tablist/mobile.css +20 -20
  29. package/esm/components/tab/Component.js +1 -1
  30. package/esm/components/tab/index.css +3 -3
  31. package/esm/index.module-4727f97e.js +4 -0
  32. package/esm/index.module-da2e30be.js +4 -0
  33. package/index.module-7b4b5510.js +6 -0
  34. package/index.module-7ddbb45d.js +6 -0
  35. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  36. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  37. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  38. package/modern/components/primary-tablist/index.css +132 -132
  39. package/modern/components/primary-tablist/mobile.css +220 -220
  40. package/modern/components/scroll-controls/Component.js +1 -1
  41. package/modern/components/scroll-controls/index.css +12 -12
  42. package/modern/components/scrollable-container/Component.js +1 -1
  43. package/modern/components/scrollable-container/index.css +6 -6
  44. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  45. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  46. package/modern/components/secondary-tablist/index.css +17 -17
  47. package/modern/components/secondary-tablist/mobile.css +20 -20
  48. package/modern/components/tab/Component.js +1 -1
  49. package/modern/components/tab/index.css +3 -3
  50. package/modern/index.module-98af5c45.js +4 -0
  51. package/modern/index.module-e8b3b734.js +4 -0
  52. package/package.json +3 -3
  53. package/esm/index.module-5430b79b.js +0 -4
  54. package/esm/index.module-7e2a3988.js +0 -4
  55. package/index.module-565d5b1f.js +0 -6
  56. package/index.module-57160410.js +0 -6
  57. package/modern/index.module-3b4fdda4.js +0 -4
  58. package/modern/index.module-d5ba9b37.js +0 -4
package/components/primary-tablist/Component.collapsible.js CHANGED
@@ -11,7 +11,7 @@ var desktop = require('@alfalab/core-components-picker-button/desktop');
11
11
  var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
12
12
  var syntheticEvents = require('../../synthetic-events.js');
13
13
  var components_title_Component = require('../title/Component.js');
14
- var index_module = require('../../index.module-565d5b1f.js');
14
+ var index_module = require('../../index.module-7b4b5510.js');
15
15
 
16
16
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
17
 
package/components/primary-tablist/Component.desktop.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var components_primaryTablist_Component = require('./Component.js');
8
- var index_module = require('../../index.module-565d5b1f.js');
8
+ var index_module = require('../../index.module-7b4b5510.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
package/components/primary-tablist/Component.mobile.js CHANGED
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var components_primaryTablist_Component = require('./Component.js');
8
- var index_module = require('../../index.module-565d5b1f.js');
8
+ var index_module = require('../../index.module-7b4b5510.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var mobileStyles = {"title":"tabs__title_z261r tabs__title_1m4mj","mobile":"tabs__mobile_z261r","paragraph-primary-large":"tabs__paragraph-primary-large_z261r","paragraph-primary-medium":"tabs__paragraph-primary-medium_z261r","paragraph-primary-small":"tabs__paragraph-primary-small_z261r","action-primary-large":"tabs__action-primary-large_z261r","action-primary-medium":"tabs__action-primary-medium_z261r","action-primary-small":"tabs__action-primary-small_z261r","accent-primary-large":"tabs__accent-primary-large_z261r","accent-primary-medium":"tabs__accent-primary-medium_z261r","accent-primary-small":"tabs__accent-primary-small_z261r","pickerWrapper":"tabs__pickerWrapper_z261r","option":"tabs__option_z261r","scrollControls":"tabs__scrollControls_z261r","headline-system-xlarge":"tabs__headline-system-xlarge_z261r","headline-system-large":"tabs__headline-system-large_z261r","headline-system-medium":"tabs__headline-system-medium_z261r","headline-system-small":"tabs__headline-system-small_z261r","headline-system-xsmall":"tabs__headline-system-xsmall_z261r","headline-xlarge":"tabs__headline-xlarge_z261r","headline-large":"tabs__headline-large_z261r","headline-medium":"tabs__headline-medium_z261r","headline-small":"tabs__headline-small_z261r","headline-xsmall":"tabs__headline-xsmall_z261r"};
14
+ var mobileStyles = {"title":"tabs__title_va90j tabs__title_pb1ce","mobile":"tabs__mobile_va90j","paragraph-primary-large":"tabs__paragraph-primary-large_va90j","paragraph-primary-medium":"tabs__paragraph-primary-medium_va90j","paragraph-primary-small":"tabs__paragraph-primary-small_va90j","action-primary-large":"tabs__action-primary-large_va90j","action-primary-medium":"tabs__action-primary-medium_va90j","action-primary-small":"tabs__action-primary-small_va90j","accent-primary-large":"tabs__accent-primary-large_va90j","accent-primary-medium":"tabs__accent-primary-medium_va90j","accent-primary-small":"tabs__accent-primary-small_va90j","pickerWrapper":"tabs__pickerWrapper_va90j","option":"tabs__option_va90j","scrollControls":"tabs__scrollControls_va90j","headline-system-xlarge":"tabs__headline-system-xlarge_va90j","headline-system-large":"tabs__headline-system-large_va90j","headline-system-medium":"tabs__headline-system-medium_va90j","headline-system-small":"tabs__headline-system-small_va90j","headline-system-xsmall":"tabs__headline-system-xsmall_va90j","headline-xlarge":"tabs__headline-xlarge_va90j","headline-large":"tabs__headline-large_va90j","headline-medium":"tabs__headline-medium_va90j","headline-small":"tabs__headline-small_va90j","headline-xsmall":"tabs__headline-xsmall_va90j"};
15
15
  require('./mobile.css')
16
16
 
17
17
  var styles = tslib.__assign(tslib.__assign({}, index_module.styles), mobileStyles);
package/components/primary-tablist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hnx10 */
1
+ /* hash: 1kosb */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-primary: #ef3124;
@@ -100,11 +100,11 @@
100
100
  /* size l */
101
101
 
102
102
  /* size xl */
103
- } .tabs__component_1m4mj {
103
+ } .tabs__component_pb1ce {
104
104
  position: relative;
105
105
  display: inline-flex;
106
106
  min-width: 100%
107
- } .tabs__component_1m4mj:before {
107
+ } .tabs__component_pb1ce:before {
108
108
  content: '';
109
109
  display: block;
110
110
  position: absolute;
@@ -112,273 +112,273 @@
112
112
  height: 1px;
113
113
  width: 100%;
114
114
  background-color: var(--primary-tablist-bottom-border-color);
115
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__title_1m4mj {
115
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__title_pb1ce {
116
116
  font-size: 18px;
117
117
  line-height: 24px;
118
118
  font-weight: 400;
119
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__title_1m4mj {
119
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__title_pb1ce {
120
120
  font-size: 16px;
121
121
  line-height: 24px;
122
122
  font-weight: 400;
123
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__title_1m4mj {
123
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__title_pb1ce {
124
124
  font-size: 14px;
125
125
  line-height: 20px;
126
126
  font-weight: 400;
127
- } .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__title_1m4mj {
127
+ } .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__title_pb1ce {
128
128
  font-size: 18px;
129
129
  line-height: 24px;
130
130
  font-weight: 500;
131
- } .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__title_1m4mj {
131
+ } .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__title_pb1ce {
132
132
  font-size: 16px;
133
133
  line-height: 24px;
134
134
  font-weight: 500;
135
- } .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__title_1m4mj {
135
+ } .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__title_pb1ce {
136
136
  font-size: 14px;
137
137
  line-height: 20px;
138
138
  font-weight: 500;
139
- } .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__title_1m4mj {
139
+ } .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__title_pb1ce {
140
140
  font-size: 18px;
141
141
  line-height: 24px;
142
142
  font-weight: 700;
143
- } .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__title_1m4mj {
143
+ } .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__title_pb1ce {
144
144
  font-size: 16px;
145
145
  line-height: 24px;
146
146
  font-weight: 700;
147
- } .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__title_1m4mj {
147
+ } .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__title_pb1ce {
148
148
  font-size: 14px;
149
149
  line-height: 20px;
150
150
  font-weight: 700;
151
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__title_1m4mj {
151
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__title_pb1ce {
152
152
  padding-bottom: calc(24px / 2);
153
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
154
- .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__pickerWrapper_1m4mj,
155
- .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
156
- .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__pickerWrapper_1m4mj,
157
- .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
158
- .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__pickerWrapper_1m4mj,
159
- .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
160
- .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__pickerWrapper_1m4mj,
161
- .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
162
- .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__pickerWrapper_1m4mj,
163
- .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
164
- .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__pickerWrapper_1m4mj {
153
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
154
+ .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__pickerWrapper_pb1ce,
155
+ .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
156
+ .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__pickerWrapper_pb1ce,
157
+ .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
158
+ .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__pickerWrapper_pb1ce,
159
+ .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
160
+ .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__pickerWrapper_pb1ce,
161
+ .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
162
+ .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__pickerWrapper_pb1ce,
163
+ .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
164
+ .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__pickerWrapper_pb1ce {
165
165
  margin-left: 24px;
166
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__option_1m4mj {
166
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__option_pb1ce {
167
167
  padding: var(--gap-0);
168
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__scrollControls_1m4mj > button {
168
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__scrollControls_pb1ce > button {
169
169
  box-sizing: content-box;
170
170
  width: 24px;
171
171
  height: 24px;
172
172
  padding: var(--gap-0);
173
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-large_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__paragraph-primary-medium_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__accent-primary-large_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__accent-primary-medium_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__action-primary-large_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__action-primary-medium_1m4mj .tabs__scrollControls_1m4mj button:first-child {
173
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-large_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__paragraph-primary-medium_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__accent-primary-large_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__accent-primary-medium_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__action-primary-large_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__action-primary-medium_pb1ce .tabs__scrollControls_pb1ce button:first-child {
174
174
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
175
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__title_1m4mj {
175
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__title_pb1ce {
176
176
  padding-bottom: calc(20px / 2);
177
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
178
- .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__pickerWrapper_1m4mj,
179
- .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
180
- .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__pickerWrapper_1m4mj,
181
- .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
182
- .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__pickerWrapper_1m4mj {
177
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
178
+ .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__pickerWrapper_pb1ce,
179
+ .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
180
+ .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__pickerWrapper_pb1ce,
181
+ .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
182
+ .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__pickerWrapper_pb1ce {
183
183
  margin-left: 20px;
184
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__option_1m4mj {
184
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__option_pb1ce {
185
185
  padding: var(--gap-0);
186
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__scrollControls_1m4mj > button {
186
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__scrollControls_pb1ce > button {
187
187
  box-sizing: content-box;
188
188
  width: 20px;
189
189
  height: 20px;
190
190
  padding: var(--gap-0);
191
- } .tabs__desktop_1m4mj.tabs__paragraph-primary-small_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__accent-primary-small_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__action-primary-small_1m4mj .tabs__scrollControls_1m4mj button:first-child {
191
+ } .tabs__desktop_pb1ce.tabs__paragraph-primary-small_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__accent-primary-small_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__action-primary-small_pb1ce .tabs__scrollControls_pb1ce button:first-child {
192
192
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
193
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__title_1m4mj {
193
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__title_pb1ce {
194
194
  font-size: 48px;
195
195
  line-height: 52px;
196
196
  font-weight: 700;
197
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__title_1m4mj {
197
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__title_pb1ce {
198
198
  font-size: 40px;
199
199
  line-height: 48px;
200
200
  font-weight: 700;
201
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__title_1m4mj {
201
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__title_pb1ce {
202
202
  font-size: 30px;
203
203
  line-height: 36px;
204
204
  font-weight: 700;
205
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__title_1m4mj {
205
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__title_pb1ce {
206
206
  font-size: 22px;
207
207
  line-height: 26px;
208
208
  font-weight: 700;
209
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__title_1m4mj {
209
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__title_pb1ce {
210
210
  font-size: 18px;
211
211
  line-height: 22px;
212
212
  font-weight: 700;
213
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__title_1m4mj {
213
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__title_pb1ce {
214
214
  font-size: 48px;
215
215
  line-height: 64px;
216
216
  font-weight: 500;
217
217
  font-feature-settings: 'ss01';
218
218
  font-family: var(--font-family-styrene);
219
- } .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__title_1m4mj {
219
+ } .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__title_pb1ce {
220
220
  font-size: 40px;
221
221
  line-height: 48px;
222
222
  font-weight: 500;
223
223
  font-feature-settings: 'ss01';
224
224
  font-family: var(--font-family-styrene);
225
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__title_1m4mj {
225
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__title_pb1ce {
226
226
  font-size: 32px;
227
227
  line-height: 40px;
228
228
  font-weight: 500;
229
229
  font-feature-settings: 'ss01';
230
230
  font-family: var(--font-family-styrene);
231
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__title_1m4mj {
231
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__title_pb1ce {
232
232
  font-size: 24px;
233
233
  line-height: 32px;
234
234
  font-weight: 500;
235
235
  font-feature-settings: 'ss01';
236
236
  font-family: var(--font-family-styrene);
237
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__title_1m4mj {
237
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__title_pb1ce {
238
238
  font-size: 20px;
239
239
  line-height: 24px;
240
240
  font-weight: 500;
241
241
  font-feature-settings: 'ss01';
242
242
  font-family: var(--font-family-styrene);
243
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__title_1m4mj {
243
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__title_pb1ce {
244
244
  padding-bottom: calc(52px / 2);
245
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
246
- .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__pickerWrapper_1m4mj {
245
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
246
+ .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__pickerWrapper_pb1ce {
247
247
  margin-left: 52px;
248
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__option_1m4mj {
248
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__option_pb1ce {
249
249
  padding: var(--gap-0);
250
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__scrollControls_1m4mj > button {
250
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__scrollControls_pb1ce > button {
251
251
  box-sizing: content-box;
252
252
  width: 52px;
253
253
  height: 52px;
254
254
  padding: var(--gap-0);
255
- } .tabs__desktop_1m4mj.tabs__headline-system-xlarge_1m4mj .tabs__scrollControls_1m4mj button:first-child {
255
+ } .tabs__desktop_pb1ce.tabs__headline-system-xlarge_pb1ce .tabs__scrollControls_pb1ce button:first-child {
256
256
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
257
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__title_1m4mj, .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__title_1m4mj {
257
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__title_pb1ce, .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__title_pb1ce {
258
258
  padding-bottom: calc(48px / 2);
259
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
260
- .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__pickerWrapper_1m4mj,
261
- .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
262
- .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__pickerWrapper_1m4mj {
259
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
260
+ .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__pickerWrapper_pb1ce,
261
+ .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
262
+ .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__pickerWrapper_pb1ce {
263
263
  margin-left: 48px;
264
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__option_1m4mj, .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__option_1m4mj {
264
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__option_pb1ce, .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__option_pb1ce {
265
265
  padding: var(--gap-0);
266
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__scrollControls_1m4mj > button, .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__scrollControls_1m4mj > button {
266
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__scrollControls_pb1ce > button, .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__scrollControls_pb1ce > button {
267
267
  box-sizing: content-box;
268
268
  width: 48px;
269
269
  height: 48px;
270
270
  padding: var(--gap-0);
271
- } .tabs__desktop_1m4mj.tabs__headline-system-large_1m4mj .tabs__scrollControls_1m4mj button:first-child, .tabs__desktop_1m4mj.tabs__headline-large_1m4mj .tabs__scrollControls_1m4mj button:first-child {
271
+ } .tabs__desktop_pb1ce.tabs__headline-system-large_pb1ce .tabs__scrollControls_pb1ce button:first-child, .tabs__desktop_pb1ce.tabs__headline-large_pb1ce .tabs__scrollControls_pb1ce button:first-child {
272
272
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
273
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__title_1m4mj {
273
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__title_pb1ce {
274
274
  padding-bottom: calc(36px / 2);
275
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
276
- .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__pickerWrapper_1m4mj {
275
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
276
+ .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__pickerWrapper_pb1ce {
277
277
  margin-left: 36px;
278
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__option_1m4mj {
278
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__option_pb1ce {
279
279
  padding: var(--gap-0);
280
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__scrollControls_1m4mj > button {
280
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__scrollControls_pb1ce > button {
281
281
  box-sizing: content-box;
282
282
  width: 36px;
283
283
  height: 36px;
284
284
  padding: var(--gap-0);
285
- } .tabs__desktop_1m4mj.tabs__headline-system-medium_1m4mj .tabs__scrollControls_1m4mj button:first-child {
285
+ } .tabs__desktop_pb1ce.tabs__headline-system-medium_pb1ce .tabs__scrollControls_pb1ce button:first-child {
286
286
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
287
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__title_1m4mj {
287
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__title_pb1ce {
288
288
  padding-bottom: calc(26px / 2);
289
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
290
- .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__pickerWrapper_1m4mj {
289
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
290
+ .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__pickerWrapper_pb1ce {
291
291
  margin-left: 26px;
292
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__option_1m4mj {
292
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__option_pb1ce {
293
293
  padding: var(--gap-0);
294
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__scrollControls_1m4mj > button {
294
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__scrollControls_pb1ce > button {
295
295
  box-sizing: content-box;
296
296
  width: 26px;
297
297
  height: 26px;
298
298
  padding: var(--gap-0);
299
- } .tabs__desktop_1m4mj.tabs__headline-system-small_1m4mj .tabs__scrollControls_1m4mj button:first-child {
299
+ } .tabs__desktop_pb1ce.tabs__headline-system-small_pb1ce .tabs__scrollControls_pb1ce button:first-child {
300
300
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
301
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__title_1m4mj {
301
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__title_pb1ce {
302
302
  padding-bottom: calc(22px / 2);
303
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
304
- .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__pickerWrapper_1m4mj {
303
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
304
+ .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__pickerWrapper_pb1ce {
305
305
  margin-left: 22px;
306
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__option_1m4mj {
306
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__option_pb1ce {
307
307
  padding: var(--gap-0);
308
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__scrollControls_1m4mj > button {
308
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__scrollControls_pb1ce > button {
309
309
  box-sizing: content-box;
310
310
  width: 22px;
311
311
  height: 22px;
312
312
  padding: var(--gap-0);
313
- } .tabs__desktop_1m4mj.tabs__headline-system-xsmall_1m4mj .tabs__scrollControls_1m4mj button:first-child {
313
+ } .tabs__desktop_pb1ce.tabs__headline-system-xsmall_pb1ce .tabs__scrollControls_pb1ce button:first-child {
314
314
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
315
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__title_1m4mj {
315
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__title_pb1ce {
316
316
  padding-bottom: calc(64px / 2);
317
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
318
- .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__pickerWrapper_1m4mj {
317
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
318
+ .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__pickerWrapper_pb1ce {
319
319
  margin-left: 64px;
320
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__option_1m4mj {
320
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__option_pb1ce {
321
321
  padding: var(--gap-0);
322
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__scrollControls_1m4mj > button {
322
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__scrollControls_pb1ce > button {
323
323
  box-sizing: content-box;
324
324
  width: 64px;
325
325
  height: 64px;
326
326
  padding: var(--gap-0);
327
- } .tabs__desktop_1m4mj.tabs__headline-xlarge_1m4mj .tabs__scrollControls_1m4mj button:first-child {
327
+ } .tabs__desktop_pb1ce.tabs__headline-xlarge_pb1ce .tabs__scrollControls_pb1ce button:first-child {
328
328
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
329
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__title_1m4mj {
329
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__title_pb1ce {
330
330
  padding-bottom: calc(40px / 2);
331
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
332
- .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__pickerWrapper_1m4mj {
331
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
332
+ .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__pickerWrapper_pb1ce {
333
333
  margin-left: 40px;
334
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__option_1m4mj {
334
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__option_pb1ce {
335
335
  padding: var(--gap-0);
336
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__scrollControls_1m4mj > button {
336
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__scrollControls_pb1ce > button {
337
337
  box-sizing: content-box;
338
338
  width: 40px;
339
339
  height: 40px;
340
340
  padding: var(--gap-0);
341
- } .tabs__desktop_1m4mj.tabs__headline-medium_1m4mj .tabs__scrollControls_1m4mj button:first-child {
341
+ } .tabs__desktop_pb1ce.tabs__headline-medium_pb1ce .tabs__scrollControls_pb1ce button:first-child {
342
342
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
343
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__title_1m4mj {
343
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__title_pb1ce {
344
344
  padding-bottom: calc(32px / 2);
345
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
346
- .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__pickerWrapper_1m4mj {
345
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
346
+ .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__pickerWrapper_pb1ce {
347
347
  margin-left: 32px;
348
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__option_1m4mj {
348
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__option_pb1ce {
349
349
  padding: var(--gap-0);
350
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__scrollControls_1m4mj > button {
350
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__scrollControls_pb1ce > button {
351
351
  box-sizing: content-box;
352
352
  width: 32px;
353
353
  height: 32px;
354
354
  padding: var(--gap-0);
355
- } .tabs__desktop_1m4mj.tabs__headline-small_1m4mj .tabs__scrollControls_1m4mj button:first-child {
355
+ } .tabs__desktop_pb1ce.tabs__headline-small_pb1ce .tabs__scrollControls_pb1ce button:first-child {
356
356
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
357
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__title_1m4mj {
357
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__title_pb1ce {
358
358
  padding-bottom: calc(24px / 2);
359
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj,
360
- .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__pickerWrapper_1m4mj {
359
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce,
360
+ .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__pickerWrapper_pb1ce {
361
361
  margin-left: 24px;
362
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__option_1m4mj {
362
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__option_pb1ce {
363
363
  padding: var(--gap-0);
364
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__scrollControls_1m4mj > button {
364
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__scrollControls_pb1ce > button {
365
365
  box-sizing: content-box;
366
366
  width: 24px;
367
367
  height: 24px;
368
368
  padding: var(--gap-0);
369
- } .tabs__desktop_1m4mj.tabs__headline-xsmall_1m4mj .tabs__scrollControls_1m4mj button:first-child {
369
+ } .tabs__desktop_pb1ce.tabs__headline-xsmall_pb1ce .tabs__scrollControls_pb1ce button:first-child {
370
370
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
371
- } .tabs__fullWidthScroll_1m4mj {
371
+ } .tabs__fullWidthScroll_pb1ce {
372
372
  min-width: calc(100% - 2 * var(--gap-16));
373
373
  margin: var(--gap-0) var(--gap-16);
374
- } .tabs__container_1m4mj {
374
+ } .tabs__container_pb1ce {
375
375
  position: relative;
376
376
  overflow: hidden;
377
377
 
378
378
  /* focus-outline fix */
379
379
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
380
380
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
381
- } .tabs__title_1m4mj {
381
+ } .tabs__title_pb1ce {
382
382
  display: flex;
383
383
  align-items: center;
384
384
  height: 100%;
@@ -394,82 +394,82 @@
394
394
  -webkit-user-select: none;
395
395
  user-select: none;
396
396
  outline: none
397
- } .tabs__title_1m4mj:not(:disabled):hover {
397
+ } .tabs__title_pb1ce:not(:disabled):hover {
398
398
  color: var(--primary-tablist-hover-color);
399
- } .tabs__focused_1m4mj {
399
+ } .tabs__focused_pb1ce {
400
400
  outline: 2px solid var(--focus-color);
401
401
  outline-offset: 2px;
402
- } .tabs__collapsed_1m4mj {
402
+ } .tabs__collapsed_pb1ce {
403
403
  order: 99;
404
404
  visibility: collapse;
405
- } .tabs__selected_1m4mj {
405
+ } .tabs__selected_pb1ce {
406
406
  cursor: default;
407
407
  color: var(--primary-tablist-selected-color);
408
- } .tabs__disabled_1m4mj {
408
+ } .tabs__disabled_pb1ce {
409
409
  cursor: var(--disabled-cursor);
410
410
  color: var(--primary-tablist-disabled-color);
411
- } .tabs__line_1m4mj {
411
+ } .tabs__line_pb1ce {
412
412
  position: absolute;
413
413
  height: 3px;
414
414
  bottom: var(--gap-0);
415
415
  left: var(--gap-0);
416
416
  background-color: var(--primary-tablist-line-color);
417
417
  transition: transform 0.2s ease, width 0.2s ease;
418
- } .tabs__option_1m4mj {
418
+ } .tabs__option_pb1ce {
419
419
  color: var(--color-light-text-primary);
420
- } /* sizes */ .tabs__s_1m4mj .tabs__title_1m4mj, .tabs__xs_1m4mj .tabs__title_1m4mj, .tabs__xxs_1m4mj .tabs__title_1m4mj {
420
+ } /* sizes */ .tabs__s_pb1ce .tabs__title_pb1ce, .tabs__xs_pb1ce .tabs__title_pb1ce, .tabs__xxs_pb1ce .tabs__title_pb1ce {
421
421
  padding: var(--primary-tablist-s-padding);
422
422
  font-size: var(--primary-tablist-s-font-size);
423
423
  font-weight: var(--primary-tablist-s-font-weight);
424
424
  font-family: var(--primary-tablist-s-font-family);
425
425
  line-height: 24px;
426
- } .tabs__s_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj, .tabs__xs_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj, .tabs__xxs_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj {
426
+ } .tabs__s_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce, .tabs__xs_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce, .tabs__xxs_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce {
427
427
  margin-left: var(--primary-tablist-s-gaps);
428
- } .tabs__s_1m4mj .tabs__pickerWrapper_1m4mj, .tabs__xs_1m4mj .tabs__pickerWrapper_1m4mj, .tabs__xxs_1m4mj .tabs__pickerWrapper_1m4mj {
428
+ } .tabs__s_pb1ce .tabs__pickerWrapper_pb1ce, .tabs__xs_pb1ce .tabs__pickerWrapper_pb1ce, .tabs__xxs_pb1ce .tabs__pickerWrapper_pb1ce {
429
429
  margin-left: var(--primary-tablist-s-gaps);
430
- } .tabs__s_1m4mj .tabs__option_1m4mj, .tabs__xs_1m4mj .tabs__option_1m4mj, .tabs__xxs_1m4mj .tabs__option_1m4mj {
430
+ } .tabs__s_pb1ce .tabs__option_pb1ce, .tabs__xs_pb1ce .tabs__option_pb1ce, .tabs__xxs_pb1ce .tabs__option_pb1ce {
431
431
  padding: var(--gap-0);
432
- } .tabs__m_1m4mj .tabs__title_1m4mj {
432
+ } .tabs__m_pb1ce .tabs__title_pb1ce {
433
433
  padding: var(--primary-tablist-m-padding);
434
434
  font-size: var(--primary-tablist-m-font-size);
435
435
  font-weight: var(--primary-tablist-m-font-weight);
436
436
  font-family: var(--primary-tablist-m-font-family);
437
437
  line-height: 24px;
438
- } .tabs__m_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj {
438
+ } .tabs__m_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce {
439
439
  margin-left: var(--primary-tablist-m-gaps);
440
- } .tabs__m_1m4mj .tabs__pickerWrapper_1m4mj {
440
+ } .tabs__m_pb1ce .tabs__pickerWrapper_pb1ce {
441
441
  margin-left: var(--primary-tablist-m-gaps);
442
- } .tabs__m_1m4mj .tabs__option_1m4mj {
442
+ } .tabs__m_pb1ce .tabs__option_pb1ce {
443
443
  padding: var(--gap-0);
444
- } .tabs__l_1m4mj .tabs__title_1m4mj {
444
+ } .tabs__l_pb1ce .tabs__title_pb1ce {
445
445
  padding: var(--primary-tablist-l-padding);
446
446
  font-size: var(--primary-tablist-l-font-size);
447
447
  font-weight: var(--primary-tablist-l-font-weight);
448
448
  font-family: var(--primary-tablist-l-font-family);
449
449
  line-height: 24px;
450
- } .tabs__l_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj {
450
+ } .tabs__l_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce {
451
451
  margin-left: var(--primary-tablist-l-gaps);
452
- } .tabs__l_1m4mj .tabs__pickerWrapper_1m4mj {
452
+ } .tabs__l_pb1ce .tabs__pickerWrapper_pb1ce {
453
453
  margin-left: var(--primary-tablist-l-gaps);
454
- } .tabs__l_1m4mj .tabs__option_1m4mj {
454
+ } .tabs__l_pb1ce .tabs__option_pb1ce {
455
455
  padding: var(--gap-0);
456
- } .tabs__xl_1m4mj .tabs__title_1m4mj {
456
+ } .tabs__xl_pb1ce .tabs__title_pb1ce {
457
457
  padding: var(--primary-tablist-xl-padding);
458
458
  font-size: var(--primary-tablist-xl-font-size);
459
459
  font-weight: var(--primary-tablist-xl-font-weight);
460
460
  font-family: var(--primary-tablist-xl-font-family);
461
461
  line-height: 32px;
462
- } .tabs__xl_1m4mj .tabs__title_1m4mj + .tabs__title_1m4mj {
462
+ } .tabs__xl_pb1ce .tabs__title_pb1ce + .tabs__title_pb1ce {
463
463
  margin-left: var(--primary-tablist-xl-gaps);
464
- } .tabs__xl_1m4mj .tabs__pickerWrapper_1m4mj {
464
+ } .tabs__xl_pb1ce .tabs__pickerWrapper_pb1ce {
465
465
  margin-left: var(--primary-tablist-xl-gaps);
466
- } .tabs__xl_1m4mj .tabs__option_1m4mj {
466
+ } .tabs__xl_pb1ce .tabs__option_pb1ce {
467
467
  padding: var(--gap-0);
468
- } .tabs__rightAddons_1m4mj {
468
+ } .tabs__rightAddons_pb1ce {
469
469
  display: flex;
470
470
  justify-content: center;
471
471
  align-items: center;
472
472
  margin-left: var(--gap-8);
473
- } .tabs__rightAddonsMarginZero_1m4mj {
473
+ } .tabs__rightAddonsMarginZero_pb1ce {
474
474
  margin-left: var(--gap-0);
475
475
  }