@alfalab/core-components-tabs 8.12.2 → 8.12.3

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-058dc572.js +4 -0
  32. package/esm/index.module-d9cc52ea.js +4 -0
  33. package/index.module-37ffe65f.js +6 -0
  34. package/index.module-fdd7f8ed.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-062ab45d.js +4 -0
  51. package/modern/index.module-d3835266.js +4 -0
  52. package/package.json +2 -2
  53. package/esm/index.module-5dc448d8.js +0 -4
  54. package/esm/index.module-9c29c340.js +0 -4
  55. package/index.module-40f69032.js +0 -6
  56. package/index.module-f0cef476.js +0 -6
  57. package/modern/index.module-263ea369.js +0 -4
  58. package/modern/index.module-3fb42302.js +0 -4
package/components/primary-tablist/Component.collapsible.js CHANGED
@@ -12,7 +12,7 @@ var coreComponentsShared = require('@alfalab/core-components-shared');
12
12
  var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
13
13
  var syntheticEvents = require('../../synthetic-events.js');
14
14
  var components_title_Component = require('../title/Component.js');
15
- var index_module = require('../../index.module-f0cef476.js');
15
+ var index_module = require('../../index.module-37ffe65f.js');
16
16
 
17
17
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
18
18
 
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-f0cef476.js');
8
+ var index_module = require('../../index.module-37ffe65f.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-f0cef476.js');
8
+ var index_module = require('../../index.module-37ffe65f.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_h3ar9 tabs__title_3dj16","mobile":"tabs__mobile_h3ar9","paragraph-primary-large":"tabs__paragraph-primary-large_h3ar9","paragraph-primary-medium":"tabs__paragraph-primary-medium_h3ar9","paragraph-primary-small":"tabs__paragraph-primary-small_h3ar9","action-primary-large":"tabs__action-primary-large_h3ar9","action-primary-medium":"tabs__action-primary-medium_h3ar9","action-primary-small":"tabs__action-primary-small_h3ar9","accent-primary-large":"tabs__accent-primary-large_h3ar9","accent-primary-medium":"tabs__accent-primary-medium_h3ar9","accent-primary-small":"tabs__accent-primary-small_h3ar9","pickerWrapper":"tabs__pickerWrapper_h3ar9","option":"tabs__option_h3ar9","scrollControls":"tabs__scrollControls_h3ar9","headline-system-xlarge":"tabs__headline-system-xlarge_h3ar9","headline-system-large":"tabs__headline-system-large_h3ar9","headline-system-medium":"tabs__headline-system-medium_h3ar9","headline-system-small":"tabs__headline-system-small_h3ar9","headline-system-xsmall":"tabs__headline-system-xsmall_h3ar9","headline-xlarge":"tabs__headline-xlarge_h3ar9","headline-large":"tabs__headline-large_h3ar9","headline-medium":"tabs__headline-medium_h3ar9","headline-small":"tabs__headline-small_h3ar9","headline-xsmall":"tabs__headline-xsmall_h3ar9"};
14
+ var mobileStyles = {"title":"tabs__title_1wmdj tabs__title_6x63j","mobile":"tabs__mobile_1wmdj","paragraph-primary-large":"tabs__paragraph-primary-large_1wmdj","paragraph-primary-medium":"tabs__paragraph-primary-medium_1wmdj","paragraph-primary-small":"tabs__paragraph-primary-small_1wmdj","action-primary-large":"tabs__action-primary-large_1wmdj","action-primary-medium":"tabs__action-primary-medium_1wmdj","action-primary-small":"tabs__action-primary-small_1wmdj","accent-primary-large":"tabs__accent-primary-large_1wmdj","accent-primary-medium":"tabs__accent-primary-medium_1wmdj","accent-primary-small":"tabs__accent-primary-small_1wmdj","pickerWrapper":"tabs__pickerWrapper_1wmdj","option":"tabs__option_1wmdj","scrollControls":"tabs__scrollControls_1wmdj","headline-system-xlarge":"tabs__headline-system-xlarge_1wmdj","headline-system-large":"tabs__headline-system-large_1wmdj","headline-system-medium":"tabs__headline-system-medium_1wmdj","headline-system-small":"tabs__headline-system-small_1wmdj","headline-system-xsmall":"tabs__headline-system-xsmall_1wmdj","headline-xlarge":"tabs__headline-xlarge_1wmdj","headline-large":"tabs__headline-large_1wmdj","headline-medium":"tabs__headline-medium_1wmdj","headline-small":"tabs__headline-small_1wmdj","headline-xsmall":"tabs__headline-xsmall_1wmdj"};
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: z1kdg */
1
+ /* hash: 126nx */
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;
@@ -97,11 +97,11 @@
97
97
  /* size l */
98
98
 
99
99
  /* size xl */
100
- } .tabs__component_3dj16 {
100
+ } .tabs__component_6x63j {
101
101
  position: relative;
102
102
  display: inline-flex;
103
103
  min-width: 100%
104
- } .tabs__component_3dj16:before {
104
+ } .tabs__component_6x63j:before {
105
105
  content: '';
106
106
  display: block;
107
107
  position: absolute;
@@ -109,273 +109,273 @@
109
109
  height: 1px;
110
110
  width: 100%;
111
111
  background-color: var(--primary-tablist-bottom-border-color);
112
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__title_3dj16 {
112
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__title_6x63j {
113
113
  font-size: 18px;
114
114
  line-height: 24px;
115
115
  font-weight: 400;
116
- } .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__title_3dj16 {
116
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__title_6x63j {
117
117
  font-size: 16px;
118
118
  line-height: 24px;
119
119
  font-weight: 400;
120
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__title_3dj16 {
120
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__title_6x63j {
121
121
  font-size: 14px;
122
122
  line-height: 20px;
123
123
  font-weight: 400;
124
- } .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__title_3dj16 {
124
+ } .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__title_6x63j {
125
125
  font-size: 18px;
126
126
  line-height: 24px;
127
127
  font-weight: 500;
128
- } .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__title_3dj16 {
128
+ } .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__title_6x63j {
129
129
  font-size: 16px;
130
130
  line-height: 24px;
131
131
  font-weight: 500;
132
- } .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__title_3dj16 {
132
+ } .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__title_6x63j {
133
133
  font-size: 14px;
134
134
  line-height: 20px;
135
135
  font-weight: 500;
136
- } .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__title_3dj16 {
136
+ } .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__title_6x63j {
137
137
  font-size: 18px;
138
138
  line-height: 24px;
139
139
  font-weight: 700;
140
- } .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__title_3dj16 {
140
+ } .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__title_6x63j {
141
141
  font-size: 16px;
142
142
  line-height: 24px;
143
143
  font-weight: 700;
144
- } .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__title_3dj16 {
144
+ } .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__title_6x63j {
145
145
  font-size: 14px;
146
146
  line-height: 20px;
147
147
  font-weight: 700;
148
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__title_3dj16 {
148
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__title_6x63j {
149
149
  padding-bottom: calc(24px / 2);
150
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
151
- .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__pickerWrapper_3dj16,
152
- .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
153
- .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__pickerWrapper_3dj16,
154
- .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
155
- .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__pickerWrapper_3dj16,
156
- .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
157
- .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__pickerWrapper_3dj16,
158
- .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
159
- .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__pickerWrapper_3dj16,
160
- .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
161
- .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__pickerWrapper_3dj16 {
150
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
151
+ .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__pickerWrapper_6x63j,
152
+ .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
153
+ .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__pickerWrapper_6x63j,
154
+ .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
155
+ .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__pickerWrapper_6x63j,
156
+ .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
157
+ .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__pickerWrapper_6x63j,
158
+ .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
159
+ .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__pickerWrapper_6x63j,
160
+ .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
161
+ .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__pickerWrapper_6x63j {
162
162
  margin-left: 24px;
163
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__option_3dj16 {
163
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__option_6x63j {
164
164
  padding: var(--gap-0);
165
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__scrollControls_3dj16 > button {
165
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__scrollControls_6x63j > button {
166
166
  box-sizing: content-box;
167
167
  width: 24px;
168
168
  height: 24px;
169
169
  padding: var(--gap-0);
170
- } .tabs__desktop_3dj16.tabs__paragraph-primary-large_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__paragraph-primary-medium_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__accent-primary-large_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__accent-primary-medium_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__action-primary-large_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__action-primary-medium_3dj16 .tabs__scrollControls_3dj16 button:first-child {
170
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-large_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__paragraph-primary-medium_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__accent-primary-large_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__accent-primary-medium_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__action-primary-large_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__action-primary-medium_6x63j .tabs__scrollControls_6x63j button:first-child {
171
171
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
172
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__title_3dj16 {
172
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__title_6x63j {
173
173
  padding-bottom: calc(20px / 2);
174
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
175
- .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__pickerWrapper_3dj16,
176
- .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
177
- .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__pickerWrapper_3dj16,
178
- .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
179
- .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__pickerWrapper_3dj16 {
174
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
175
+ .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__pickerWrapper_6x63j,
176
+ .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
177
+ .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__pickerWrapper_6x63j,
178
+ .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
179
+ .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__pickerWrapper_6x63j {
180
180
  margin-left: 20px;
181
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__option_3dj16 {
181
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__option_6x63j {
182
182
  padding: var(--gap-0);
183
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__scrollControls_3dj16 > button {
183
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__scrollControls_6x63j > button {
184
184
  box-sizing: content-box;
185
185
  width: 20px;
186
186
  height: 20px;
187
187
  padding: var(--gap-0);
188
- } .tabs__desktop_3dj16.tabs__paragraph-primary-small_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__accent-primary-small_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__action-primary-small_3dj16 .tabs__scrollControls_3dj16 button:first-child {
188
+ } .tabs__desktop_6x63j.tabs__paragraph-primary-small_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__accent-primary-small_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__action-primary-small_6x63j .tabs__scrollControls_6x63j button:first-child {
189
189
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
190
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__title_3dj16 {
190
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__title_6x63j {
191
191
  font-size: 48px;
192
192
  line-height: 52px;
193
193
  font-weight: 700;
194
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__title_3dj16 {
194
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__title_6x63j {
195
195
  font-size: 40px;
196
196
  line-height: 48px;
197
197
  font-weight: 700;
198
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__title_3dj16 {
198
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__title_6x63j {
199
199
  font-size: 30px;
200
200
  line-height: 36px;
201
201
  font-weight: 700;
202
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__title_3dj16 {
202
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__title_6x63j {
203
203
  font-size: 22px;
204
204
  line-height: 26px;
205
205
  font-weight: 700;
206
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__title_3dj16 {
206
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__title_6x63j {
207
207
  font-size: 18px;
208
208
  line-height: 22px;
209
209
  font-weight: 700;
210
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__title_3dj16 {
210
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__title_6x63j {
211
211
  font-size: 48px;
212
212
  line-height: 64px;
213
213
  font-weight: 500;
214
214
  font-feature-settings: 'ss01';
215
215
  font-family: var(--font-family-styrene);
216
- } .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__title_3dj16 {
216
+ } .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__title_6x63j {
217
217
  font-size: 40px;
218
218
  line-height: 48px;
219
219
  font-weight: 500;
220
220
  font-feature-settings: 'ss01';
221
221
  font-family: var(--font-family-styrene);
222
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__title_3dj16 {
222
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__title_6x63j {
223
223
  font-size: 32px;
224
224
  line-height: 40px;
225
225
  font-weight: 500;
226
226
  font-feature-settings: 'ss01';
227
227
  font-family: var(--font-family-styrene);
228
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__title_3dj16 {
228
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__title_6x63j {
229
229
  font-size: 24px;
230
230
  line-height: 32px;
231
231
  font-weight: 500;
232
232
  font-feature-settings: 'ss01';
233
233
  font-family: var(--font-family-styrene);
234
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__title_3dj16 {
234
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__title_6x63j {
235
235
  font-size: 20px;
236
236
  line-height: 24px;
237
237
  font-weight: 500;
238
238
  font-feature-settings: 'ss01';
239
239
  font-family: var(--font-family-styrene);
240
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__title_3dj16 {
240
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__title_6x63j {
241
241
  padding-bottom: calc(52px / 2);
242
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
243
- .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__pickerWrapper_3dj16 {
242
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
243
+ .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__pickerWrapper_6x63j {
244
244
  margin-left: 52px;
245
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__option_3dj16 {
245
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__option_6x63j {
246
246
  padding: var(--gap-0);
247
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__scrollControls_3dj16 > button {
247
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__scrollControls_6x63j > button {
248
248
  box-sizing: content-box;
249
249
  width: 52px;
250
250
  height: 52px;
251
251
  padding: var(--gap-0);
252
- } .tabs__desktop_3dj16.tabs__headline-system-xlarge_3dj16 .tabs__scrollControls_3dj16 button:first-child {
252
+ } .tabs__desktop_6x63j.tabs__headline-system-xlarge_6x63j .tabs__scrollControls_6x63j button:first-child {
253
253
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
254
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__title_3dj16, .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__title_3dj16 {
254
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__title_6x63j, .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__title_6x63j {
255
255
  padding-bottom: calc(48px / 2);
256
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
257
- .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__pickerWrapper_3dj16,
258
- .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
259
- .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__pickerWrapper_3dj16 {
256
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
257
+ .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__pickerWrapper_6x63j,
258
+ .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
259
+ .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__pickerWrapper_6x63j {
260
260
  margin-left: 48px;
261
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__option_3dj16, .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__option_3dj16 {
261
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__option_6x63j, .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__option_6x63j {
262
262
  padding: var(--gap-0);
263
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__scrollControls_3dj16 > button, .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__scrollControls_3dj16 > button {
263
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__scrollControls_6x63j > button, .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__scrollControls_6x63j > button {
264
264
  box-sizing: content-box;
265
265
  width: 48px;
266
266
  height: 48px;
267
267
  padding: var(--gap-0);
268
- } .tabs__desktop_3dj16.tabs__headline-system-large_3dj16 .tabs__scrollControls_3dj16 button:first-child, .tabs__desktop_3dj16.tabs__headline-large_3dj16 .tabs__scrollControls_3dj16 button:first-child {
268
+ } .tabs__desktop_6x63j.tabs__headline-system-large_6x63j .tabs__scrollControls_6x63j button:first-child, .tabs__desktop_6x63j.tabs__headline-large_6x63j .tabs__scrollControls_6x63j button:first-child {
269
269
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
270
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__title_3dj16 {
270
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__title_6x63j {
271
271
  padding-bottom: calc(36px / 2);
272
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
273
- .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__pickerWrapper_3dj16 {
272
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
273
+ .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__pickerWrapper_6x63j {
274
274
  margin-left: 36px;
275
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__option_3dj16 {
275
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__option_6x63j {
276
276
  padding: var(--gap-0);
277
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__scrollControls_3dj16 > button {
277
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__scrollControls_6x63j > button {
278
278
  box-sizing: content-box;
279
279
  width: 36px;
280
280
  height: 36px;
281
281
  padding: var(--gap-0);
282
- } .tabs__desktop_3dj16.tabs__headline-system-medium_3dj16 .tabs__scrollControls_3dj16 button:first-child {
282
+ } .tabs__desktop_6x63j.tabs__headline-system-medium_6x63j .tabs__scrollControls_6x63j button:first-child {
283
283
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
284
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__title_3dj16 {
284
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__title_6x63j {
285
285
  padding-bottom: calc(26px / 2);
286
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
287
- .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__pickerWrapper_3dj16 {
286
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
287
+ .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__pickerWrapper_6x63j {
288
288
  margin-left: 26px;
289
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__option_3dj16 {
289
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__option_6x63j {
290
290
  padding: var(--gap-0);
291
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__scrollControls_3dj16 > button {
291
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__scrollControls_6x63j > button {
292
292
  box-sizing: content-box;
293
293
  width: 26px;
294
294
  height: 26px;
295
295
  padding: var(--gap-0);
296
- } .tabs__desktop_3dj16.tabs__headline-system-small_3dj16 .tabs__scrollControls_3dj16 button:first-child {
296
+ } .tabs__desktop_6x63j.tabs__headline-system-small_6x63j .tabs__scrollControls_6x63j button:first-child {
297
297
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
298
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__title_3dj16 {
298
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__title_6x63j {
299
299
  padding-bottom: calc(22px / 2);
300
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
301
- .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__pickerWrapper_3dj16 {
300
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
301
+ .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__pickerWrapper_6x63j {
302
302
  margin-left: 22px;
303
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__option_3dj16 {
303
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__option_6x63j {
304
304
  padding: var(--gap-0);
305
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__scrollControls_3dj16 > button {
305
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__scrollControls_6x63j > button {
306
306
  box-sizing: content-box;
307
307
  width: 22px;
308
308
  height: 22px;
309
309
  padding: var(--gap-0);
310
- } .tabs__desktop_3dj16.tabs__headline-system-xsmall_3dj16 .tabs__scrollControls_3dj16 button:first-child {
310
+ } .tabs__desktop_6x63j.tabs__headline-system-xsmall_6x63j .tabs__scrollControls_6x63j button:first-child {
311
311
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
312
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__title_3dj16 {
312
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__title_6x63j {
313
313
  padding-bottom: calc(64px / 2);
314
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
315
- .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__pickerWrapper_3dj16 {
314
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
315
+ .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__pickerWrapper_6x63j {
316
316
  margin-left: 64px;
317
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__option_3dj16 {
317
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__option_6x63j {
318
318
  padding: var(--gap-0);
319
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__scrollControls_3dj16 > button {
319
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__scrollControls_6x63j > button {
320
320
  box-sizing: content-box;
321
321
  width: 64px;
322
322
  height: 64px;
323
323
  padding: var(--gap-0);
324
- } .tabs__desktop_3dj16.tabs__headline-xlarge_3dj16 .tabs__scrollControls_3dj16 button:first-child {
324
+ } .tabs__desktop_6x63j.tabs__headline-xlarge_6x63j .tabs__scrollControls_6x63j button:first-child {
325
325
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
326
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__title_3dj16 {
326
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__title_6x63j {
327
327
  padding-bottom: calc(40px / 2);
328
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
329
- .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__pickerWrapper_3dj16 {
328
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
329
+ .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__pickerWrapper_6x63j {
330
330
  margin-left: 40px;
331
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__option_3dj16 {
331
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__option_6x63j {
332
332
  padding: var(--gap-0);
333
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__scrollControls_3dj16 > button {
333
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__scrollControls_6x63j > button {
334
334
  box-sizing: content-box;
335
335
  width: 40px;
336
336
  height: 40px;
337
337
  padding: var(--gap-0);
338
- } .tabs__desktop_3dj16.tabs__headline-medium_3dj16 .tabs__scrollControls_3dj16 button:first-child {
338
+ } .tabs__desktop_6x63j.tabs__headline-medium_6x63j .tabs__scrollControls_6x63j button:first-child {
339
339
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
340
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__title_3dj16 {
340
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__title_6x63j {
341
341
  padding-bottom: calc(32px / 2);
342
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
343
- .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__pickerWrapper_3dj16 {
342
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
343
+ .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__pickerWrapper_6x63j {
344
344
  margin-left: 32px;
345
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__option_3dj16 {
345
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__option_6x63j {
346
346
  padding: var(--gap-0);
347
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__scrollControls_3dj16 > button {
347
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__scrollControls_6x63j > button {
348
348
  box-sizing: content-box;
349
349
  width: 32px;
350
350
  height: 32px;
351
351
  padding: var(--gap-0);
352
- } .tabs__desktop_3dj16.tabs__headline-small_3dj16 .tabs__scrollControls_3dj16 button:first-child {
352
+ } .tabs__desktop_6x63j.tabs__headline-small_6x63j .tabs__scrollControls_6x63j button:first-child {
353
353
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
354
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__title_3dj16 {
354
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__title_6x63j {
355
355
  padding-bottom: calc(24px / 2);
356
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16,
357
- .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__pickerWrapper_3dj16 {
356
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__title_6x63j + .tabs__title_6x63j,
357
+ .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__pickerWrapper_6x63j {
358
358
  margin-left: 24px;
359
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__option_3dj16 {
359
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__option_6x63j {
360
360
  padding: var(--gap-0);
361
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__scrollControls_3dj16 > button {
361
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__scrollControls_6x63j > button {
362
362
  box-sizing: content-box;
363
363
  width: 24px;
364
364
  height: 24px;
365
365
  padding: var(--gap-0);
366
- } .tabs__desktop_3dj16.tabs__headline-xsmall_3dj16 .tabs__scrollControls_3dj16 button:first-child {
366
+ } .tabs__desktop_6x63j.tabs__headline-xsmall_6x63j .tabs__scrollControls_6x63j button:first-child {
367
367
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
368
- } .tabs__fullWidthScroll_3dj16 {
368
+ } .tabs__fullWidthScroll_6x63j {
369
369
  min-width: calc(100% - 2 * var(--gap-16));
370
370
  margin: var(--gap-0) var(--gap-16);
371
- } .tabs__container_3dj16 {
371
+ } .tabs__container_6x63j {
372
372
  position: relative;
373
373
  overflow: hidden;
374
374
 
375
375
  /* focus-outline fix */
376
376
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
377
377
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
378
- } .tabs__title_3dj16 {
378
+ } .tabs__title_6x63j {
379
379
  display: flex;
380
380
  align-items: center;
381
381
  height: 100%;
@@ -391,82 +391,82 @@
391
391
  -webkit-user-select: none;
392
392
  user-select: none;
393
393
  outline: none
394
- } .tabs__title_3dj16:not(:disabled):hover {
394
+ } .tabs__title_6x63j:not(:disabled):hover {
395
395
  color: var(--primary-tablist-hover-color);
396
- } .tabs__focused_3dj16 {
396
+ } .tabs__focused_6x63j {
397
397
  outline: 2px solid var(--focus-color);
398
398
  outline-offset: 2px;
399
- } .tabs__collapsed_3dj16 {
399
+ } .tabs__collapsed_6x63j {
400
400
  order: 99;
401
401
  visibility: collapse;
402
- } .tabs__selected_3dj16 {
402
+ } .tabs__selected_6x63j {
403
403
  cursor: default;
404
404
  color: var(--primary-tablist-selected-color);
405
- } .tabs__disabled_3dj16 {
405
+ } .tabs__disabled_6x63j {
406
406
  cursor: var(--disabled-cursor);
407
407
  color: var(--primary-tablist-disabled-color);
408
- } .tabs__line_3dj16 {
408
+ } .tabs__line_6x63j {
409
409
  position: absolute;
410
410
  height: 3px;
411
411
  bottom: var(--gap-0);
412
412
  left: var(--gap-0);
413
413
  background-color: var(--primary-tablist-line-color);
414
414
  transition: transform 0.2s ease, width 0.2s ease;
415
- } .tabs__option_3dj16 {
415
+ } .tabs__option_6x63j {
416
416
  color: var(--color-light-text-primary);
417
- } /* sizes */ .tabs__s_3dj16 .tabs__title_3dj16, .tabs__xs_3dj16 .tabs__title_3dj16, .tabs__xxs_3dj16 .tabs__title_3dj16 {
417
+ } /* sizes */ .tabs__s_6x63j .tabs__title_6x63j, .tabs__xs_6x63j .tabs__title_6x63j, .tabs__xxs_6x63j .tabs__title_6x63j {
418
418
  padding: var(--primary-tablist-s-padding);
419
419
  font-size: var(--primary-tablist-s-font-size);
420
420
  font-weight: var(--primary-tablist-s-font-weight);
421
421
  font-family: var(--primary-tablist-s-font-family);
422
422
  line-height: 24px;
423
- } .tabs__s_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16, .tabs__xs_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16, .tabs__xxs_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16 {
423
+ } .tabs__s_6x63j .tabs__title_6x63j + .tabs__title_6x63j, .tabs__xs_6x63j .tabs__title_6x63j + .tabs__title_6x63j, .tabs__xxs_6x63j .tabs__title_6x63j + .tabs__title_6x63j {
424
424
  margin-left: var(--primary-tablist-s-gaps);
425
- } .tabs__s_3dj16 .tabs__pickerWrapper_3dj16, .tabs__xs_3dj16 .tabs__pickerWrapper_3dj16, .tabs__xxs_3dj16 .tabs__pickerWrapper_3dj16 {
425
+ } .tabs__s_6x63j .tabs__pickerWrapper_6x63j, .tabs__xs_6x63j .tabs__pickerWrapper_6x63j, .tabs__xxs_6x63j .tabs__pickerWrapper_6x63j {
426
426
  margin-left: var(--primary-tablist-s-gaps);
427
- } .tabs__s_3dj16 .tabs__option_3dj16, .tabs__xs_3dj16 .tabs__option_3dj16, .tabs__xxs_3dj16 .tabs__option_3dj16 {
427
+ } .tabs__s_6x63j .tabs__option_6x63j, .tabs__xs_6x63j .tabs__option_6x63j, .tabs__xxs_6x63j .tabs__option_6x63j {
428
428
  padding: var(--gap-0);
429
- } .tabs__m_3dj16 .tabs__title_3dj16 {
429
+ } .tabs__m_6x63j .tabs__title_6x63j {
430
430
  padding: var(--primary-tablist-m-padding);
431
431
  font-size: var(--primary-tablist-m-font-size);
432
432
  font-weight: var(--primary-tablist-m-font-weight);
433
433
  font-family: var(--primary-tablist-m-font-family);
434
434
  line-height: 24px;
435
- } .tabs__m_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16 {
435
+ } .tabs__m_6x63j .tabs__title_6x63j + .tabs__title_6x63j {
436
436
  margin-left: var(--primary-tablist-m-gaps);
437
- } .tabs__m_3dj16 .tabs__pickerWrapper_3dj16 {
437
+ } .tabs__m_6x63j .tabs__pickerWrapper_6x63j {
438
438
  margin-left: var(--primary-tablist-m-gaps);
439
- } .tabs__m_3dj16 .tabs__option_3dj16 {
439
+ } .tabs__m_6x63j .tabs__option_6x63j {
440
440
  padding: var(--gap-0);
441
- } .tabs__l_3dj16 .tabs__title_3dj16 {
441
+ } .tabs__l_6x63j .tabs__title_6x63j {
442
442
  padding: var(--primary-tablist-l-padding);
443
443
  font-size: var(--primary-tablist-l-font-size);
444
444
  font-weight: var(--primary-tablist-l-font-weight);
445
445
  font-family: var(--primary-tablist-l-font-family);
446
446
  line-height: 24px;
447
- } .tabs__l_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16 {
447
+ } .tabs__l_6x63j .tabs__title_6x63j + .tabs__title_6x63j {
448
448
  margin-left: var(--primary-tablist-l-gaps);
449
- } .tabs__l_3dj16 .tabs__pickerWrapper_3dj16 {
449
+ } .tabs__l_6x63j .tabs__pickerWrapper_6x63j {
450
450
  margin-left: var(--primary-tablist-l-gaps);
451
- } .tabs__l_3dj16 .tabs__option_3dj16 {
451
+ } .tabs__l_6x63j .tabs__option_6x63j {
452
452
  padding: var(--gap-0);
453
- } .tabs__xl_3dj16 .tabs__title_3dj16 {
453
+ } .tabs__xl_6x63j .tabs__title_6x63j {
454
454
  padding: var(--primary-tablist-xl-padding);
455
455
  font-size: var(--primary-tablist-xl-font-size);
456
456
  font-weight: var(--primary-tablist-xl-font-weight);
457
457
  font-family: var(--primary-tablist-xl-font-family);
458
458
  line-height: 32px;
459
- } .tabs__xl_3dj16 .tabs__title_3dj16 + .tabs__title_3dj16 {
459
+ } .tabs__xl_6x63j .tabs__title_6x63j + .tabs__title_6x63j {
460
460
  margin-left: var(--primary-tablist-xl-gaps);
461
- } .tabs__xl_3dj16 .tabs__pickerWrapper_3dj16 {
461
+ } .tabs__xl_6x63j .tabs__pickerWrapper_6x63j {
462
462
  margin-left: var(--primary-tablist-xl-gaps);
463
- } .tabs__xl_3dj16 .tabs__option_3dj16 {
463
+ } .tabs__xl_6x63j .tabs__option_6x63j {
464
464
  padding: var(--gap-0);
465
- } .tabs__rightAddons_3dj16 {
465
+ } .tabs__rightAddons_6x63j {
466
466
  display: flex;
467
467
  justify-content: center;
468
468
  align-items: center;
469
469
  margin-left: var(--gap-8);
470
- } .tabs__rightAddonsMarginZero_3dj16 {
470
+ } .tabs__rightAddonsMarginZero_6x63j {
471
471
  margin-left: var(--gap-0);
472
472
  }