@alfalab/core-components-tabs 8.6.2 → 8.6.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 +131 -131
  5. package/components/primary-tablist/mobile.css +219 -219
  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 +11 -11
  13. package/components/secondary-tablist/mobile.css +13 -13
  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 +131 -131
  20. package/esm/components/primary-tablist/mobile.css +219 -219
  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 +11 -11
  28. package/esm/components/secondary-tablist/mobile.css +13 -13
  29. package/esm/components/tab/Component.js +1 -1
  30. package/esm/components/tab/index.css +3 -3
  31. package/esm/index.module-a273744c.js +4 -0
  32. package/esm/index.module-ac0c3846.js +4 -0
  33. package/index.module-2c34f9e4.js +6 -0
  34. package/index.module-fdc5c7ed.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 +131 -131
  39. package/modern/components/primary-tablist/mobile.css +219 -219
  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 +11 -11
  47. package/modern/components/secondary-tablist/mobile.css +13 -13
  48. package/modern/components/tab/Component.js +1 -1
  49. package/modern/components/tab/index.css +3 -3
  50. package/modern/index.module-2e9fc4d0.js +4 -0
  51. package/modern/index.module-d83d040e.js +4 -0
  52. package/package.json +2 -2
  53. package/esm/index.module-0319b1d5.js +0 -4
  54. package/esm/index.module-d4b5f517.js +0 -4
  55. package/index.module-1049c1f5.js +0 -6
  56. package/index.module-106b958a.js +0 -6
  57. package/modern/index.module-02d26880.js +0 -4
  58. package/modern/index.module-0ccbd256.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-1049c1f5.js');
14
+ var index_module = require('../../index.module-2c34f9e4.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-1049c1f5.js');
8
+ var index_module = require('../../index.module-2c34f9e4.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-1049c1f5.js');
8
+ var index_module = require('../../index.module-2c34f9e4.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_133k4 tabs__title_16jc9","mobile":"tabs__mobile_133k4","paragraph-primary-large":"tabs__paragraph-primary-large_133k4","paragraph-primary-medium":"tabs__paragraph-primary-medium_133k4","paragraph-primary-small":"tabs__paragraph-primary-small_133k4","action-primary-large":"tabs__action-primary-large_133k4","action-primary-medium":"tabs__action-primary-medium_133k4","action-primary-small":"tabs__action-primary-small_133k4","accent-primary-large":"tabs__accent-primary-large_133k4","accent-primary-medium":"tabs__accent-primary-medium_133k4","accent-primary-small":"tabs__accent-primary-small_133k4","pickerWrapper":"tabs__pickerWrapper_133k4","option":"tabs__option_133k4","scrollControls":"tabs__scrollControls_133k4","headline-system-xlarge":"tabs__headline-system-xlarge_133k4","headline-system-large":"tabs__headline-system-large_133k4","headline-system-medium":"tabs__headline-system-medium_133k4","headline-system-small":"tabs__headline-system-small_133k4","headline-system-xsmall":"tabs__headline-system-xsmall_133k4","headline-xlarge":"tabs__headline-xlarge_133k4","headline-large":"tabs__headline-large_133k4","headline-medium":"tabs__headline-medium_133k4","headline-small":"tabs__headline-small_133k4","headline-xsmall":"tabs__headline-xsmall_133k4"};
14
+ var mobileStyles = {"title":"tabs__title_j3aih tabs__title_r3d1n","mobile":"tabs__mobile_j3aih","paragraph-primary-large":"tabs__paragraph-primary-large_j3aih","paragraph-primary-medium":"tabs__paragraph-primary-medium_j3aih","paragraph-primary-small":"tabs__paragraph-primary-small_j3aih","action-primary-large":"tabs__action-primary-large_j3aih","action-primary-medium":"tabs__action-primary-medium_j3aih","action-primary-small":"tabs__action-primary-small_j3aih","accent-primary-large":"tabs__accent-primary-large_j3aih","accent-primary-medium":"tabs__accent-primary-medium_j3aih","accent-primary-small":"tabs__accent-primary-small_j3aih","pickerWrapper":"tabs__pickerWrapper_j3aih","option":"tabs__option_j3aih","scrollControls":"tabs__scrollControls_j3aih","headline-system-xlarge":"tabs__headline-system-xlarge_j3aih","headline-system-large":"tabs__headline-system-large_j3aih","headline-system-medium":"tabs__headline-system-medium_j3aih","headline-system-small":"tabs__headline-system-small_j3aih","headline-system-xsmall":"tabs__headline-system-xsmall_j3aih","headline-xlarge":"tabs__headline-xlarge_j3aih","headline-large":"tabs__headline-large_j3aih","headline-medium":"tabs__headline-medium_j3aih","headline-small":"tabs__headline-small_j3aih","headline-xsmall":"tabs__headline-xsmall_j3aih"};
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: 15zbn */
1
+ /* hash: 1no28 */
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;
@@ -85,11 +85,11 @@
85
85
  /* size l */
86
86
 
87
87
  /* size xl */
88
- } .tabs__component_16jc9 {
88
+ } .tabs__component_r3d1n {
89
89
  position: relative;
90
90
  display: inline-flex;
91
91
  min-width: 100%
92
- } .tabs__component_16jc9:before {
92
+ } .tabs__component_r3d1n:before {
93
93
  content: '';
94
94
  display: block;
95
95
  position: absolute;
@@ -97,273 +97,273 @@
97
97
  height: 1px;
98
98
  width: 100%;
99
99
  background-color: var(--primary-tablist-bottom-border-color);
100
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__title_16jc9 {
100
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__title_r3d1n {
101
101
  font-size: 18px;
102
102
  line-height: 24px;
103
103
  font-weight: 400;
104
- } .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__title_16jc9 {
104
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__title_r3d1n {
105
105
  font-size: 16px;
106
106
  line-height: 24px;
107
107
  font-weight: 400;
108
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__title_16jc9 {
108
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__title_r3d1n {
109
109
  font-size: 14px;
110
110
  line-height: 20px;
111
111
  font-weight: 400;
112
- } .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__title_16jc9 {
112
+ } .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__title_r3d1n {
113
113
  font-size: 18px;
114
114
  line-height: 24px;
115
115
  font-weight: 500;
116
- } .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__title_16jc9 {
116
+ } .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__title_r3d1n {
117
117
  font-size: 16px;
118
118
  line-height: 24px;
119
119
  font-weight: 500;
120
- } .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__title_16jc9 {
120
+ } .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__title_r3d1n {
121
121
  font-size: 14px;
122
122
  line-height: 20px;
123
123
  font-weight: 500;
124
- } .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__title_16jc9 {
124
+ } .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__title_r3d1n {
125
125
  font-size: 18px;
126
126
  line-height: 24px;
127
127
  font-weight: 700;
128
- } .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__title_16jc9 {
128
+ } .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__title_r3d1n {
129
129
  font-size: 16px;
130
130
  line-height: 24px;
131
131
  font-weight: 700;
132
- } .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__title_16jc9 {
132
+ } .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__title_r3d1n {
133
133
  font-size: 14px;
134
134
  line-height: 20px;
135
135
  font-weight: 700;
136
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__title_16jc9 {
136
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__title_r3d1n {
137
137
  padding-bottom: calc(24px / 2);
138
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
139
- .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__pickerWrapper_16jc9,
140
- .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
141
- .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__pickerWrapper_16jc9,
142
- .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
143
- .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__pickerWrapper_16jc9,
144
- .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
145
- .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__pickerWrapper_16jc9,
146
- .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
147
- .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__pickerWrapper_16jc9,
148
- .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
149
- .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__pickerWrapper_16jc9 {
138
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
139
+ .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__pickerWrapper_r3d1n,
140
+ .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
141
+ .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__pickerWrapper_r3d1n,
142
+ .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
143
+ .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__pickerWrapper_r3d1n,
144
+ .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
145
+ .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__pickerWrapper_r3d1n,
146
+ .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
147
+ .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__pickerWrapper_r3d1n,
148
+ .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
149
+ .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__pickerWrapper_r3d1n {
150
150
  margin-left: 24px;
151
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__option_16jc9 {
151
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__option_r3d1n {
152
152
  padding: 0;
153
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__scrollControls_16jc9 > button {
153
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__scrollControls_r3d1n > button {
154
154
  box-sizing: content-box;
155
155
  width: 24px;
156
156
  height: 24px;
157
157
  padding: 0;
158
- } .tabs__desktop_16jc9.tabs__paragraph-primary-large_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__paragraph-primary-medium_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__accent-primary-large_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__accent-primary-medium_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__action-primary-large_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__action-primary-medium_16jc9 .tabs__scrollControls_16jc9 button:first-child {
158
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-large_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__paragraph-primary-medium_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__accent-primary-large_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__accent-primary-medium_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__action-primary-large_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__action-primary-medium_r3d1n .tabs__scrollControls_r3d1n button:first-child {
159
159
  margin: 0 0 0 calc(24px / 2);
160
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__title_16jc9 {
160
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__title_r3d1n {
161
161
  padding-bottom: calc(20px / 2);
162
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
163
- .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__pickerWrapper_16jc9,
164
- .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
165
- .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__pickerWrapper_16jc9,
166
- .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
167
- .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__pickerWrapper_16jc9 {
162
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
163
+ .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__pickerWrapper_r3d1n,
164
+ .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
165
+ .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__pickerWrapper_r3d1n,
166
+ .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
167
+ .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__pickerWrapper_r3d1n {
168
168
  margin-left: 20px;
169
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__option_16jc9 {
169
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__option_r3d1n {
170
170
  padding: 0;
171
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__scrollControls_16jc9 > button {
171
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__scrollControls_r3d1n > button {
172
172
  box-sizing: content-box;
173
173
  width: 20px;
174
174
  height: 20px;
175
175
  padding: 0;
176
- } .tabs__desktop_16jc9.tabs__paragraph-primary-small_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__accent-primary-small_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__action-primary-small_16jc9 .tabs__scrollControls_16jc9 button:first-child {
176
+ } .tabs__desktop_r3d1n.tabs__paragraph-primary-small_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__accent-primary-small_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__action-primary-small_r3d1n .tabs__scrollControls_r3d1n button:first-child {
177
177
  margin: 0 0 0 calc(20px / 2);
178
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__title_16jc9 {
178
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__title_r3d1n {
179
179
  font-size: 48px;
180
180
  line-height: 52px;
181
181
  font-weight: 700;
182
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__title_16jc9 {
182
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__title_r3d1n {
183
183
  font-size: 40px;
184
184
  line-height: 48px;
185
185
  font-weight: 700;
186
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__title_16jc9 {
186
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__title_r3d1n {
187
187
  font-size: 30px;
188
188
  line-height: 36px;
189
189
  font-weight: 700;
190
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__title_16jc9 {
190
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__title_r3d1n {
191
191
  font-size: 22px;
192
192
  line-height: 26px;
193
193
  font-weight: 700;
194
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__title_16jc9 {
194
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__title_r3d1n {
195
195
  font-size: 18px;
196
196
  line-height: 22px;
197
197
  font-weight: 700;
198
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__title_16jc9 {
198
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__title_r3d1n {
199
199
  font-size: 48px;
200
200
  line-height: 64px;
201
201
  font-weight: 500;
202
202
  font-feature-settings: 'ss01';
203
203
  font-family: var(--font-family-styrene);
204
- } .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__title_16jc9 {
204
+ } .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__title_r3d1n {
205
205
  font-size: 40px;
206
206
  line-height: 48px;
207
207
  font-weight: 500;
208
208
  font-feature-settings: 'ss01';
209
209
  font-family: var(--font-family-styrene);
210
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__title_16jc9 {
210
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__title_r3d1n {
211
211
  font-size: 32px;
212
212
  line-height: 40px;
213
213
  font-weight: 500;
214
214
  font-feature-settings: 'ss01';
215
215
  font-family: var(--font-family-styrene);
216
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__title_16jc9 {
216
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__title_r3d1n {
217
217
  font-size: 24px;
218
218
  line-height: 32px;
219
219
  font-weight: 500;
220
220
  font-feature-settings: 'ss01';
221
221
  font-family: var(--font-family-styrene);
222
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__title_16jc9 {
222
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__title_r3d1n {
223
223
  font-size: 20px;
224
224
  line-height: 24px;
225
225
  font-weight: 500;
226
226
  font-feature-settings: 'ss01';
227
227
  font-family: var(--font-family-styrene);
228
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__title_16jc9 {
228
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__title_r3d1n {
229
229
  padding-bottom: calc(52px / 2);
230
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
231
- .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__pickerWrapper_16jc9 {
230
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
231
+ .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__pickerWrapper_r3d1n {
232
232
  margin-left: 52px;
233
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__option_16jc9 {
233
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__option_r3d1n {
234
234
  padding: 0;
235
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__scrollControls_16jc9 > button {
235
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__scrollControls_r3d1n > button {
236
236
  box-sizing: content-box;
237
237
  width: 52px;
238
238
  height: 52px;
239
239
  padding: 0;
240
- } .tabs__desktop_16jc9.tabs__headline-system-xlarge_16jc9 .tabs__scrollControls_16jc9 button:first-child {
240
+ } .tabs__desktop_r3d1n.tabs__headline-system-xlarge_r3d1n .tabs__scrollControls_r3d1n button:first-child {
241
241
  margin: 0 0 0 calc(52px / 2);
242
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__title_16jc9, .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__title_16jc9 {
242
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__title_r3d1n, .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__title_r3d1n {
243
243
  padding-bottom: calc(48px / 2);
244
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
245
- .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__pickerWrapper_16jc9,
246
- .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
247
- .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__pickerWrapper_16jc9 {
244
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
245
+ .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__pickerWrapper_r3d1n,
246
+ .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
247
+ .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__pickerWrapper_r3d1n {
248
248
  margin-left: 48px;
249
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__option_16jc9, .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__option_16jc9 {
249
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__option_r3d1n, .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__option_r3d1n {
250
250
  padding: 0;
251
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__scrollControls_16jc9 > button, .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__scrollControls_16jc9 > button {
251
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__scrollControls_r3d1n > button, .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__scrollControls_r3d1n > button {
252
252
  box-sizing: content-box;
253
253
  width: 48px;
254
254
  height: 48px;
255
255
  padding: 0;
256
- } .tabs__desktop_16jc9.tabs__headline-system-large_16jc9 .tabs__scrollControls_16jc9 button:first-child, .tabs__desktop_16jc9.tabs__headline-large_16jc9 .tabs__scrollControls_16jc9 button:first-child {
256
+ } .tabs__desktop_r3d1n.tabs__headline-system-large_r3d1n .tabs__scrollControls_r3d1n button:first-child, .tabs__desktop_r3d1n.tabs__headline-large_r3d1n .tabs__scrollControls_r3d1n button:first-child {
257
257
  margin: 0 0 0 calc(48px / 2);
258
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__title_16jc9 {
258
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__title_r3d1n {
259
259
  padding-bottom: calc(36px / 2);
260
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
261
- .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__pickerWrapper_16jc9 {
260
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
261
+ .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__pickerWrapper_r3d1n {
262
262
  margin-left: 36px;
263
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__option_16jc9 {
263
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__option_r3d1n {
264
264
  padding: 0;
265
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__scrollControls_16jc9 > button {
265
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__scrollControls_r3d1n > button {
266
266
  box-sizing: content-box;
267
267
  width: 36px;
268
268
  height: 36px;
269
269
  padding: 0;
270
- } .tabs__desktop_16jc9.tabs__headline-system-medium_16jc9 .tabs__scrollControls_16jc9 button:first-child {
270
+ } .tabs__desktop_r3d1n.tabs__headline-system-medium_r3d1n .tabs__scrollControls_r3d1n button:first-child {
271
271
  margin: 0 0 0 calc(36px / 2);
272
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__title_16jc9 {
272
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__title_r3d1n {
273
273
  padding-bottom: calc(26px / 2);
274
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
275
- .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__pickerWrapper_16jc9 {
274
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
275
+ .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__pickerWrapper_r3d1n {
276
276
  margin-left: 26px;
277
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__option_16jc9 {
277
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__option_r3d1n {
278
278
  padding: 0;
279
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__scrollControls_16jc9 > button {
279
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__scrollControls_r3d1n > button {
280
280
  box-sizing: content-box;
281
281
  width: 26px;
282
282
  height: 26px;
283
283
  padding: 0;
284
- } .tabs__desktop_16jc9.tabs__headline-system-small_16jc9 .tabs__scrollControls_16jc9 button:first-child {
284
+ } .tabs__desktop_r3d1n.tabs__headline-system-small_r3d1n .tabs__scrollControls_r3d1n button:first-child {
285
285
  margin: 0 0 0 calc(26px / 2);
286
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__title_16jc9 {
286
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__title_r3d1n {
287
287
  padding-bottom: calc(22px / 2);
288
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
289
- .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__pickerWrapper_16jc9 {
288
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
289
+ .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__pickerWrapper_r3d1n {
290
290
  margin-left: 22px;
291
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__option_16jc9 {
291
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__option_r3d1n {
292
292
  padding: 0;
293
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__scrollControls_16jc9 > button {
293
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__scrollControls_r3d1n > button {
294
294
  box-sizing: content-box;
295
295
  width: 22px;
296
296
  height: 22px;
297
297
  padding: 0;
298
- } .tabs__desktop_16jc9.tabs__headline-system-xsmall_16jc9 .tabs__scrollControls_16jc9 button:first-child {
298
+ } .tabs__desktop_r3d1n.tabs__headline-system-xsmall_r3d1n .tabs__scrollControls_r3d1n button:first-child {
299
299
  margin: 0 0 0 calc(22px / 2);
300
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__title_16jc9 {
300
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__title_r3d1n {
301
301
  padding-bottom: calc(64px / 2);
302
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
303
- .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__pickerWrapper_16jc9 {
302
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
303
+ .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__pickerWrapper_r3d1n {
304
304
  margin-left: 64px;
305
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__option_16jc9 {
305
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__option_r3d1n {
306
306
  padding: 0;
307
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__scrollControls_16jc9 > button {
307
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__scrollControls_r3d1n > button {
308
308
  box-sizing: content-box;
309
309
  width: 64px;
310
310
  height: 64px;
311
311
  padding: 0;
312
- } .tabs__desktop_16jc9.tabs__headline-xlarge_16jc9 .tabs__scrollControls_16jc9 button:first-child {
312
+ } .tabs__desktop_r3d1n.tabs__headline-xlarge_r3d1n .tabs__scrollControls_r3d1n button:first-child {
313
313
  margin: 0 0 0 calc(64px / 2);
314
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__title_16jc9 {
314
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__title_r3d1n {
315
315
  padding-bottom: calc(40px / 2);
316
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
317
- .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__pickerWrapper_16jc9 {
316
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
317
+ .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__pickerWrapper_r3d1n {
318
318
  margin-left: 40px;
319
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__option_16jc9 {
319
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__option_r3d1n {
320
320
  padding: 0;
321
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__scrollControls_16jc9 > button {
321
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__scrollControls_r3d1n > button {
322
322
  box-sizing: content-box;
323
323
  width: 40px;
324
324
  height: 40px;
325
325
  padding: 0;
326
- } .tabs__desktop_16jc9.tabs__headline-medium_16jc9 .tabs__scrollControls_16jc9 button:first-child {
326
+ } .tabs__desktop_r3d1n.tabs__headline-medium_r3d1n .tabs__scrollControls_r3d1n button:first-child {
327
327
  margin: 0 0 0 calc(40px / 2);
328
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__title_16jc9 {
328
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__title_r3d1n {
329
329
  padding-bottom: calc(32px / 2);
330
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
331
- .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__pickerWrapper_16jc9 {
330
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
331
+ .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__pickerWrapper_r3d1n {
332
332
  margin-left: 32px;
333
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__option_16jc9 {
333
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__option_r3d1n {
334
334
  padding: 0;
335
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__scrollControls_16jc9 > button {
335
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__scrollControls_r3d1n > button {
336
336
  box-sizing: content-box;
337
337
  width: 32px;
338
338
  height: 32px;
339
339
  padding: 0;
340
- } .tabs__desktop_16jc9.tabs__headline-small_16jc9 .tabs__scrollControls_16jc9 button:first-child {
340
+ } .tabs__desktop_r3d1n.tabs__headline-small_r3d1n .tabs__scrollControls_r3d1n button:first-child {
341
341
  margin: 0 0 0 calc(32px / 2);
342
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__title_16jc9 {
342
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__title_r3d1n {
343
343
  padding-bottom: calc(24px / 2);
344
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9,
345
- .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__pickerWrapper_16jc9 {
344
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n,
345
+ .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__pickerWrapper_r3d1n {
346
346
  margin-left: 24px;
347
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__option_16jc9 {
347
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__option_r3d1n {
348
348
  padding: 0;
349
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__scrollControls_16jc9 > button {
349
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__scrollControls_r3d1n > button {
350
350
  box-sizing: content-box;
351
351
  width: 24px;
352
352
  height: 24px;
353
353
  padding: 0;
354
- } .tabs__desktop_16jc9.tabs__headline-xsmall_16jc9 .tabs__scrollControls_16jc9 button:first-child {
354
+ } .tabs__desktop_r3d1n.tabs__headline-xsmall_r3d1n .tabs__scrollControls_r3d1n button:first-child {
355
355
  margin: 0 0 0 calc(24px / 2);
356
- } .tabs__fullWidthScroll_16jc9 {
356
+ } .tabs__fullWidthScroll_r3d1n {
357
357
  min-width: calc(100% - 2 * var(--gap-m));
358
358
  margin: 0 var(--gap-m);
359
- } .tabs__container_16jc9 {
359
+ } .tabs__container_r3d1n {
360
360
  position: relative;
361
361
  overflow: hidden;
362
362
 
363
363
  /* focus-outline fix */
364
364
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
365
365
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
366
- } .tabs__title_16jc9 {
366
+ } .tabs__title_r3d1n {
367
367
  display: flex;
368
368
  align-items: center;
369
369
  height: 100%;
@@ -379,78 +379,78 @@
379
379
  -webkit-user-select: none;
380
380
  user-select: none;
381
381
  outline: none
382
- } .tabs__title_16jc9:not(.tabs__disabled_16jc9):hover {
382
+ } .tabs__title_r3d1n:not(.tabs__disabled_r3d1n):hover {
383
383
  color: var(--primary-tablist-hover-color);
384
- } .tabs__focused_16jc9 {
384
+ } .tabs__focused_r3d1n {
385
385
  outline: 2px solid var(--focus-color);
386
386
  outline-offset: 2px;
387
- } .tabs__collapsed_16jc9 {
387
+ } .tabs__collapsed_r3d1n {
388
388
  order: 99;
389
389
  visibility: collapse;
390
- } .tabs__selected_16jc9 {
390
+ } .tabs__selected_r3d1n {
391
391
  cursor: default;
392
392
  color: var(--primary-tablist-selected-color);
393
- } .tabs__disabled_16jc9 {
393
+ } .tabs__disabled_r3d1n {
394
394
  cursor: var(--disabled-cursor);
395
395
  color: var(--primary-tablist-disabled-color);
396
- } .tabs__line_16jc9 {
396
+ } .tabs__line_r3d1n {
397
397
  position: absolute;
398
398
  height: 3px;
399
399
  bottom: 0;
400
400
  left: 0;
401
401
  background-color: var(--primary-tablist-line-color);
402
402
  transition: transform 0.2s ease, width 0.2s ease;
403
- } .tabs__option_16jc9 {
403
+ } .tabs__option_r3d1n {
404
404
  color: var(--color-light-text-primary);
405
- } /* sizes */ .tabs__s_16jc9 .tabs__title_16jc9, .tabs__xs_16jc9 .tabs__title_16jc9, .tabs__xxs_16jc9 .tabs__title_16jc9 {
405
+ } /* sizes */ .tabs__s_r3d1n .tabs__title_r3d1n, .tabs__xs_r3d1n .tabs__title_r3d1n, .tabs__xxs_r3d1n .tabs__title_r3d1n {
406
406
  padding: var(--primary-tablist-s-padding);
407
407
  font-size: var(--primary-tablist-s-font-size);
408
408
  font-weight: var(--primary-tablist-s-font-weight);
409
409
  font-family: var(--primary-tablist-s-font-family);
410
410
  line-height: 24px;
411
- } .tabs__s_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9, .tabs__xs_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9, .tabs__xxs_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9 {
411
+ } .tabs__s_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n, .tabs__xs_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n, .tabs__xxs_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n {
412
412
  margin-left: var(--primary-tablist-s-gaps);
413
- } .tabs__s_16jc9 .tabs__pickerWrapper_16jc9, .tabs__xs_16jc9 .tabs__pickerWrapper_16jc9, .tabs__xxs_16jc9 .tabs__pickerWrapper_16jc9 {
413
+ } .tabs__s_r3d1n .tabs__pickerWrapper_r3d1n, .tabs__xs_r3d1n .tabs__pickerWrapper_r3d1n, .tabs__xxs_r3d1n .tabs__pickerWrapper_r3d1n {
414
414
  margin-left: var(--primary-tablist-s-gaps);
415
- } .tabs__s_16jc9 .tabs__option_16jc9, .tabs__xs_16jc9 .tabs__option_16jc9, .tabs__xxs_16jc9 .tabs__option_16jc9 {
415
+ } .tabs__s_r3d1n .tabs__option_r3d1n, .tabs__xs_r3d1n .tabs__option_r3d1n, .tabs__xxs_r3d1n .tabs__option_r3d1n {
416
416
  padding: 0;
417
- } .tabs__m_16jc9 .tabs__title_16jc9 {
417
+ } .tabs__m_r3d1n .tabs__title_r3d1n {
418
418
  padding: var(--primary-tablist-m-padding);
419
419
  font-size: var(--primary-tablist-m-font-size);
420
420
  font-weight: var(--primary-tablist-m-font-weight);
421
421
  font-family: var(--primary-tablist-m-font-family);
422
422
  line-height: 24px;
423
- } .tabs__m_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9 {
423
+ } .tabs__m_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n {
424
424
  margin-left: var(--primary-tablist-m-gaps);
425
- } .tabs__m_16jc9 .tabs__pickerWrapper_16jc9 {
425
+ } .tabs__m_r3d1n .tabs__pickerWrapper_r3d1n {
426
426
  margin-left: var(--primary-tablist-m-gaps);
427
- } .tabs__m_16jc9 .tabs__option_16jc9 {
427
+ } .tabs__m_r3d1n .tabs__option_r3d1n {
428
428
  padding: 0;
429
- } .tabs__l_16jc9 .tabs__title_16jc9 {
429
+ } .tabs__l_r3d1n .tabs__title_r3d1n {
430
430
  padding: var(--primary-tablist-l-padding);
431
431
  font-size: var(--primary-tablist-l-font-size);
432
432
  font-weight: var(--primary-tablist-l-font-weight);
433
433
  font-family: var(--primary-tablist-l-font-family);
434
434
  line-height: 24px;
435
- } .tabs__l_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9 {
435
+ } .tabs__l_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n {
436
436
  margin-left: var(--primary-tablist-l-gaps);
437
- } .tabs__l_16jc9 .tabs__pickerWrapper_16jc9 {
437
+ } .tabs__l_r3d1n .tabs__pickerWrapper_r3d1n {
438
438
  margin-left: var(--primary-tablist-l-gaps);
439
- } .tabs__l_16jc9 .tabs__option_16jc9 {
439
+ } .tabs__l_r3d1n .tabs__option_r3d1n {
440
440
  padding: 0;
441
- } .tabs__xl_16jc9 .tabs__title_16jc9 {
441
+ } .tabs__xl_r3d1n .tabs__title_r3d1n {
442
442
  padding: var(--primary-tablist-xl-padding);
443
443
  font-size: var(--primary-tablist-xl-font-size);
444
444
  font-weight: var(--primary-tablist-xl-font-weight);
445
445
  font-family: var(--primary-tablist-xl-font-family);
446
446
  line-height: 32px;
447
- } .tabs__xl_16jc9 .tabs__title_16jc9 + .tabs__title_16jc9 {
447
+ } .tabs__xl_r3d1n .tabs__title_r3d1n + .tabs__title_r3d1n {
448
448
  margin-left: var(--primary-tablist-xl-gaps);
449
- } .tabs__xl_16jc9 .tabs__pickerWrapper_16jc9 {
449
+ } .tabs__xl_r3d1n .tabs__pickerWrapper_r3d1n {
450
450
  margin-left: var(--primary-tablist-xl-gaps);
451
- } .tabs__xl_16jc9 .tabs__option_16jc9 {
451
+ } .tabs__xl_r3d1n .tabs__option_r3d1n {
452
452
  padding: 0;
453
- } .tabs__rightAddons_16jc9 {
453
+ } .tabs__rightAddons_r3d1n {
454
454
  display: flex;
455
455
  justify-content: center;
456
456
  align-items: center;