@alfalab/core-components-tabs 8.9.6 → 8.9.7

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-9ced6494.js +4 -0
  32. package/esm/index.module-c8158a10.js +4 -0
  33. package/index.module-308d4bd3.js +6 -0
  34. package/index.module-79955cb5.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-47501b85.js +4 -0
  51. package/modern/index.module-a0f4f2b5.js +4 -0
  52. package/package.json +2 -2
  53. package/esm/index.module-923011fe.js +0 -4
  54. package/esm/index.module-c4db491f.js +0 -4
  55. package/index.module-30e1ee94.js +0 -6
  56. package/index.module-ba45dec1.js +0 -6
  57. package/modern/index.module-40a8f256.js +0 -4
  58. package/modern/index.module-aafb2a3f.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-30e1ee94.js');
14
+ var index_module = require('../../index.module-79955cb5.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-30e1ee94.js');
8
+ var index_module = require('../../index.module-79955cb5.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-30e1ee94.js');
8
+ var index_module = require('../../index.module-79955cb5.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_28ae6 tabs__title_1ibzv","mobile":"tabs__mobile_28ae6","paragraph-primary-large":"tabs__paragraph-primary-large_28ae6","paragraph-primary-medium":"tabs__paragraph-primary-medium_28ae6","paragraph-primary-small":"tabs__paragraph-primary-small_28ae6","action-primary-large":"tabs__action-primary-large_28ae6","action-primary-medium":"tabs__action-primary-medium_28ae6","action-primary-small":"tabs__action-primary-small_28ae6","accent-primary-large":"tabs__accent-primary-large_28ae6","accent-primary-medium":"tabs__accent-primary-medium_28ae6","accent-primary-small":"tabs__accent-primary-small_28ae6","pickerWrapper":"tabs__pickerWrapper_28ae6","option":"tabs__option_28ae6","scrollControls":"tabs__scrollControls_28ae6","headline-system-xlarge":"tabs__headline-system-xlarge_28ae6","headline-system-large":"tabs__headline-system-large_28ae6","headline-system-medium":"tabs__headline-system-medium_28ae6","headline-system-small":"tabs__headline-system-small_28ae6","headline-system-xsmall":"tabs__headline-system-xsmall_28ae6","headline-xlarge":"tabs__headline-xlarge_28ae6","headline-large":"tabs__headline-large_28ae6","headline-medium":"tabs__headline-medium_28ae6","headline-small":"tabs__headline-small_28ae6","headline-xsmall":"tabs__headline-xsmall_28ae6"};
14
+ var mobileStyles = {"title":"tabs__title_fborl tabs__title_17zjd","mobile":"tabs__mobile_fborl","paragraph-primary-large":"tabs__paragraph-primary-large_fborl","paragraph-primary-medium":"tabs__paragraph-primary-medium_fborl","paragraph-primary-small":"tabs__paragraph-primary-small_fborl","action-primary-large":"tabs__action-primary-large_fborl","action-primary-medium":"tabs__action-primary-medium_fborl","action-primary-small":"tabs__action-primary-small_fborl","accent-primary-large":"tabs__accent-primary-large_fborl","accent-primary-medium":"tabs__accent-primary-medium_fborl","accent-primary-small":"tabs__accent-primary-small_fborl","pickerWrapper":"tabs__pickerWrapper_fborl","option":"tabs__option_fborl","scrollControls":"tabs__scrollControls_fborl","headline-system-xlarge":"tabs__headline-system-xlarge_fborl","headline-system-large":"tabs__headline-system-large_fborl","headline-system-medium":"tabs__headline-system-medium_fborl","headline-system-small":"tabs__headline-system-small_fborl","headline-system-xsmall":"tabs__headline-system-xsmall_fborl","headline-xlarge":"tabs__headline-xlarge_fborl","headline-large":"tabs__headline-large_fborl","headline-medium":"tabs__headline-medium_fborl","headline-small":"tabs__headline-small_fborl","headline-xsmall":"tabs__headline-xsmall_fborl"};
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: 66b9j */
1
+ /* hash: 1kppi */
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;
@@ -87,11 +87,11 @@
87
87
  /* size l */
88
88
 
89
89
  /* size xl */
90
- } .tabs__component_1ibzv {
90
+ } .tabs__component_17zjd {
91
91
  position: relative;
92
92
  display: inline-flex;
93
93
  min-width: 100%
94
- } .tabs__component_1ibzv:before {
94
+ } .tabs__component_17zjd:before {
95
95
  content: '';
96
96
  display: block;
97
97
  position: absolute;
@@ -99,273 +99,273 @@
99
99
  height: 1px;
100
100
  width: 100%;
101
101
  background-color: var(--primary-tablist-bottom-border-color);
102
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv {
102
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__title_17zjd {
103
103
  font-size: 18px;
104
104
  line-height: 24px;
105
105
  font-weight: 400;
106
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv {
106
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__title_17zjd {
107
107
  font-size: 16px;
108
108
  line-height: 24px;
109
109
  font-weight: 400;
110
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv {
110
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__title_17zjd {
111
111
  font-size: 14px;
112
112
  line-height: 20px;
113
113
  font-weight: 400;
114
- } .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv {
114
+ } .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__title_17zjd {
115
115
  font-size: 18px;
116
116
  line-height: 24px;
117
117
  font-weight: 500;
118
- } .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv {
118
+ } .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__title_17zjd {
119
119
  font-size: 16px;
120
120
  line-height: 24px;
121
121
  font-weight: 500;
122
- } .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv {
122
+ } .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__title_17zjd {
123
123
  font-size: 14px;
124
124
  line-height: 20px;
125
125
  font-weight: 500;
126
- } .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv {
126
+ } .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__title_17zjd {
127
127
  font-size: 18px;
128
128
  line-height: 24px;
129
129
  font-weight: 700;
130
- } .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv {
130
+ } .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__title_17zjd {
131
131
  font-size: 16px;
132
132
  line-height: 24px;
133
133
  font-weight: 700;
134
- } .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv {
134
+ } .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__title_17zjd {
135
135
  font-size: 14px;
136
136
  line-height: 20px;
137
137
  font-weight: 700;
138
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv {
138
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__title_17zjd {
139
139
  padding-bottom: calc(24px / 2);
140
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
141
- .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
142
- .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
143
- .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv,
144
- .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
145
- .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
146
- .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
147
- .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv,
148
- .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
149
- .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
150
- .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
151
- .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv {
140
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
141
+ .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__pickerWrapper_17zjd,
142
+ .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
143
+ .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__pickerWrapper_17zjd,
144
+ .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
145
+ .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__pickerWrapper_17zjd,
146
+ .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
147
+ .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__pickerWrapper_17zjd,
148
+ .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
149
+ .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__pickerWrapper_17zjd,
150
+ .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
151
+ .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__pickerWrapper_17zjd {
152
152
  margin-left: 24px;
153
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__option_1ibzv {
153
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__option_17zjd {
154
154
  padding: 0;
155
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button {
155
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__scrollControls_17zjd > button {
156
156
  box-sizing: content-box;
157
157
  width: 24px;
158
158
  height: 24px;
159
159
  padding: 0;
160
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
160
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__scrollControls_17zjd button:first-child {
161
161
  margin: 0 0 0 calc(24px / 2);
162
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv {
162
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__title_17zjd {
163
163
  padding-bottom: calc(20px / 2);
164
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
165
- .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__pickerWrapper_1ibzv,
166
- .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
167
- .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__pickerWrapper_1ibzv,
168
- .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
169
- .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__pickerWrapper_1ibzv {
164
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
165
+ .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__pickerWrapper_17zjd,
166
+ .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
167
+ .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__pickerWrapper_17zjd,
168
+ .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
169
+ .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__pickerWrapper_17zjd {
170
170
  margin-left: 20px;
171
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__option_1ibzv {
171
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__option_17zjd {
172
172
  padding: 0;
173
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__scrollControls_1ibzv > button {
173
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__scrollControls_17zjd > button {
174
174
  box-sizing: content-box;
175
175
  width: 20px;
176
176
  height: 20px;
177
177
  padding: 0;
178
- } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
178
+ } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__scrollControls_17zjd button:first-child {
179
179
  margin: 0 0 0 calc(20px / 2);
180
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv {
180
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__title_17zjd {
181
181
  font-size: 48px;
182
182
  line-height: 52px;
183
183
  font-weight: 700;
184
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv {
184
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__title_17zjd {
185
185
  font-size: 40px;
186
186
  line-height: 48px;
187
187
  font-weight: 700;
188
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv {
188
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__title_17zjd {
189
189
  font-size: 30px;
190
190
  line-height: 36px;
191
191
  font-weight: 700;
192
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv {
192
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__title_17zjd {
193
193
  font-size: 22px;
194
194
  line-height: 26px;
195
195
  font-weight: 700;
196
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv {
196
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__title_17zjd {
197
197
  font-size: 18px;
198
198
  line-height: 22px;
199
199
  font-weight: 700;
200
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv {
200
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__title_17zjd {
201
201
  font-size: 48px;
202
202
  line-height: 64px;
203
203
  font-weight: 500;
204
204
  font-feature-settings: 'ss01';
205
205
  font-family: var(--font-family-styrene);
206
- } .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv {
206
+ } .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__title_17zjd {
207
207
  font-size: 40px;
208
208
  line-height: 48px;
209
209
  font-weight: 500;
210
210
  font-feature-settings: 'ss01';
211
211
  font-family: var(--font-family-styrene);
212
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv {
212
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__title_17zjd {
213
213
  font-size: 32px;
214
214
  line-height: 40px;
215
215
  font-weight: 500;
216
216
  font-feature-settings: 'ss01';
217
217
  font-family: var(--font-family-styrene);
218
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv {
218
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__title_17zjd {
219
219
  font-size: 24px;
220
220
  line-height: 32px;
221
221
  font-weight: 500;
222
222
  font-feature-settings: 'ss01';
223
223
  font-family: var(--font-family-styrene);
224
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv {
224
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__title_17zjd {
225
225
  font-size: 20px;
226
226
  line-height: 24px;
227
227
  font-weight: 500;
228
228
  font-feature-settings: 'ss01';
229
229
  font-family: var(--font-family-styrene);
230
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv {
230
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__title_17zjd {
231
231
  padding-bottom: calc(52px / 2);
232
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
233
- .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__pickerWrapper_1ibzv {
232
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
233
+ .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__pickerWrapper_17zjd {
234
234
  margin-left: 52px;
235
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__option_1ibzv {
235
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__option_17zjd {
236
236
  padding: 0;
237
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__scrollControls_1ibzv > button {
237
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__scrollControls_17zjd > button {
238
238
  box-sizing: content-box;
239
239
  width: 52px;
240
240
  height: 52px;
241
241
  padding: 0;
242
- } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__scrollControls_1ibzv button:first-child {
242
+ } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__scrollControls_17zjd button:first-child {
243
243
  margin: 0 0 0 calc(52px / 2);
244
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv {
244
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__title_17zjd {
245
245
  padding-bottom: calc(48px / 2);
246
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
247
- .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__pickerWrapper_1ibzv,
248
- .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
249
- .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__pickerWrapper_1ibzv {
246
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
247
+ .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__pickerWrapper_17zjd,
248
+ .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
249
+ .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__pickerWrapper_17zjd {
250
250
  margin-left: 48px;
251
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__option_1ibzv {
251
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__option_17zjd {
252
252
  padding: 0;
253
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__scrollControls_1ibzv > button {
253
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__scrollControls_17zjd > button {
254
254
  box-sizing: content-box;
255
255
  width: 48px;
256
256
  height: 48px;
257
257
  padding: 0;
258
- } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__scrollControls_1ibzv button:first-child {
258
+ } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__scrollControls_17zjd button:first-child, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__scrollControls_17zjd button:first-child {
259
259
  margin: 0 0 0 calc(48px / 2);
260
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv {
260
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__title_17zjd {
261
261
  padding-bottom: calc(36px / 2);
262
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
263
- .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__pickerWrapper_1ibzv {
262
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
263
+ .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__pickerWrapper_17zjd {
264
264
  margin-left: 36px;
265
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__option_1ibzv {
265
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__option_17zjd {
266
266
  padding: 0;
267
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__scrollControls_1ibzv > button {
267
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__scrollControls_17zjd > button {
268
268
  box-sizing: content-box;
269
269
  width: 36px;
270
270
  height: 36px;
271
271
  padding: 0;
272
- } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
272
+ } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__scrollControls_17zjd button:first-child {
273
273
  margin: 0 0 0 calc(36px / 2);
274
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv {
274
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__title_17zjd {
275
275
  padding-bottom: calc(26px / 2);
276
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
277
- .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__pickerWrapper_1ibzv {
276
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
277
+ .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__pickerWrapper_17zjd {
278
278
  margin-left: 26px;
279
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__option_1ibzv {
279
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__option_17zjd {
280
280
  padding: 0;
281
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__scrollControls_1ibzv > button {
281
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__scrollControls_17zjd > button {
282
282
  box-sizing: content-box;
283
283
  width: 26px;
284
284
  height: 26px;
285
285
  padding: 0;
286
- } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
286
+ } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__scrollControls_17zjd button:first-child {
287
287
  margin: 0 0 0 calc(26px / 2);
288
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv {
288
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__title_17zjd {
289
289
  padding-bottom: calc(22px / 2);
290
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
291
- .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__pickerWrapper_1ibzv {
290
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
291
+ .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__pickerWrapper_17zjd {
292
292
  margin-left: 22px;
293
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__option_1ibzv {
293
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__option_17zjd {
294
294
  padding: 0;
295
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__scrollControls_1ibzv > button {
295
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__scrollControls_17zjd > button {
296
296
  box-sizing: content-box;
297
297
  width: 22px;
298
298
  height: 22px;
299
299
  padding: 0;
300
- } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__scrollControls_1ibzv button:first-child {
300
+ } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__scrollControls_17zjd button:first-child {
301
301
  margin: 0 0 0 calc(22px / 2);
302
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv {
302
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__title_17zjd {
303
303
  padding-bottom: calc(64px / 2);
304
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
305
- .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__pickerWrapper_1ibzv {
304
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
305
+ .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__pickerWrapper_17zjd {
306
306
  margin-left: 64px;
307
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__option_1ibzv {
307
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__option_17zjd {
308
308
  padding: 0;
309
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__scrollControls_1ibzv > button {
309
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__scrollControls_17zjd > button {
310
310
  box-sizing: content-box;
311
311
  width: 64px;
312
312
  height: 64px;
313
313
  padding: 0;
314
- } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__scrollControls_1ibzv button:first-child {
314
+ } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__scrollControls_17zjd button:first-child {
315
315
  margin: 0 0 0 calc(64px / 2);
316
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv {
316
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__title_17zjd {
317
317
  padding-bottom: calc(40px / 2);
318
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
319
- .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__pickerWrapper_1ibzv {
318
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
319
+ .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__pickerWrapper_17zjd {
320
320
  margin-left: 40px;
321
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__option_1ibzv {
321
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__option_17zjd {
322
322
  padding: 0;
323
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__scrollControls_1ibzv > button {
323
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__scrollControls_17zjd > button {
324
324
  box-sizing: content-box;
325
325
  width: 40px;
326
326
  height: 40px;
327
327
  padding: 0;
328
- } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
328
+ } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__scrollControls_17zjd button:first-child {
329
329
  margin: 0 0 0 calc(40px / 2);
330
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv {
330
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__title_17zjd {
331
331
  padding-bottom: calc(32px / 2);
332
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
333
- .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__pickerWrapper_1ibzv {
332
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
333
+ .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__pickerWrapper_17zjd {
334
334
  margin-left: 32px;
335
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__option_1ibzv {
335
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__option_17zjd {
336
336
  padding: 0;
337
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__scrollControls_1ibzv > button {
337
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__scrollControls_17zjd > button {
338
338
  box-sizing: content-box;
339
339
  width: 32px;
340
340
  height: 32px;
341
341
  padding: 0;
342
- } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
342
+ } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__scrollControls_17zjd button:first-child {
343
343
  margin: 0 0 0 calc(32px / 2);
344
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv {
344
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__title_17zjd {
345
345
  padding-bottom: calc(24px / 2);
346
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
347
- .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__pickerWrapper_1ibzv {
346
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__title_17zjd + .tabs__title_17zjd,
347
+ .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__pickerWrapper_17zjd {
348
348
  margin-left: 24px;
349
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__option_1ibzv {
349
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__option_17zjd {
350
350
  padding: 0;
351
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__scrollControls_1ibzv > button {
351
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__scrollControls_17zjd > button {
352
352
  box-sizing: content-box;
353
353
  width: 24px;
354
354
  height: 24px;
355
355
  padding: 0;
356
- } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__scrollControls_1ibzv button:first-child {
356
+ } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__scrollControls_17zjd button:first-child {
357
357
  margin: 0 0 0 calc(24px / 2);
358
- } .tabs__fullWidthScroll_1ibzv {
358
+ } .tabs__fullWidthScroll_17zjd {
359
359
  min-width: calc(100% - 2 * var(--gap-m));
360
360
  margin: 0 var(--gap-m);
361
- } .tabs__container_1ibzv {
361
+ } .tabs__container_17zjd {
362
362
  position: relative;
363
363
  overflow: hidden;
364
364
 
365
365
  /* focus-outline fix */
366
366
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
367
367
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
368
- } .tabs__title_1ibzv {
368
+ } .tabs__title_17zjd {
369
369
  display: flex;
370
370
  align-items: center;
371
371
  height: 100%;
@@ -381,82 +381,82 @@
381
381
  -webkit-user-select: none;
382
382
  user-select: none;
383
383
  outline: none
384
- } .tabs__title_1ibzv:not(:disabled):hover {
384
+ } .tabs__title_17zjd:not(:disabled):hover {
385
385
  color: var(--primary-tablist-hover-color);
386
- } .tabs__focused_1ibzv {
386
+ } .tabs__focused_17zjd {
387
387
  outline: 2px solid var(--focus-color);
388
388
  outline-offset: 2px;
389
- } .tabs__collapsed_1ibzv {
389
+ } .tabs__collapsed_17zjd {
390
390
  order: 99;
391
391
  visibility: collapse;
392
- } .tabs__selected_1ibzv {
392
+ } .tabs__selected_17zjd {
393
393
  cursor: default;
394
394
  color: var(--primary-tablist-selected-color);
395
- } .tabs__disabled_1ibzv {
395
+ } .tabs__disabled_17zjd {
396
396
  cursor: var(--disabled-cursor);
397
397
  color: var(--primary-tablist-disabled-color);
398
- } .tabs__line_1ibzv {
398
+ } .tabs__line_17zjd {
399
399
  position: absolute;
400
400
  height: 3px;
401
401
  bottom: 0;
402
402
  left: 0;
403
403
  background-color: var(--primary-tablist-line-color);
404
404
  transition: transform 0.2s ease, width 0.2s ease;
405
- } .tabs__option_1ibzv {
405
+ } .tabs__option_17zjd {
406
406
  color: var(--color-light-text-primary);
407
- } /* sizes */ .tabs__s_1ibzv .tabs__title_1ibzv, .tabs__xs_1ibzv .tabs__title_1ibzv, .tabs__xxs_1ibzv .tabs__title_1ibzv {
407
+ } /* sizes */ .tabs__s_17zjd .tabs__title_17zjd, .tabs__xs_17zjd .tabs__title_17zjd, .tabs__xxs_17zjd .tabs__title_17zjd {
408
408
  padding: var(--primary-tablist-s-padding);
409
409
  font-size: var(--primary-tablist-s-font-size);
410
410
  font-weight: var(--primary-tablist-s-font-weight);
411
411
  font-family: var(--primary-tablist-s-font-family);
412
412
  line-height: 24px;
413
- } .tabs__s_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv, .tabs__xs_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv, .tabs__xxs_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
413
+ } .tabs__s_17zjd .tabs__title_17zjd + .tabs__title_17zjd, .tabs__xs_17zjd .tabs__title_17zjd + .tabs__title_17zjd, .tabs__xxs_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
414
414
  margin-left: var(--primary-tablist-s-gaps);
415
- } .tabs__s_1ibzv .tabs__pickerWrapper_1ibzv, .tabs__xs_1ibzv .tabs__pickerWrapper_1ibzv, .tabs__xxs_1ibzv .tabs__pickerWrapper_1ibzv {
415
+ } .tabs__s_17zjd .tabs__pickerWrapper_17zjd, .tabs__xs_17zjd .tabs__pickerWrapper_17zjd, .tabs__xxs_17zjd .tabs__pickerWrapper_17zjd {
416
416
  margin-left: var(--primary-tablist-s-gaps);
417
- } .tabs__s_1ibzv .tabs__option_1ibzv, .tabs__xs_1ibzv .tabs__option_1ibzv, .tabs__xxs_1ibzv .tabs__option_1ibzv {
417
+ } .tabs__s_17zjd .tabs__option_17zjd, .tabs__xs_17zjd .tabs__option_17zjd, .tabs__xxs_17zjd .tabs__option_17zjd {
418
418
  padding: 0;
419
- } .tabs__m_1ibzv .tabs__title_1ibzv {
419
+ } .tabs__m_17zjd .tabs__title_17zjd {
420
420
  padding: var(--primary-tablist-m-padding);
421
421
  font-size: var(--primary-tablist-m-font-size);
422
422
  font-weight: var(--primary-tablist-m-font-weight);
423
423
  font-family: var(--primary-tablist-m-font-family);
424
424
  line-height: 24px;
425
- } .tabs__m_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
425
+ } .tabs__m_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
426
426
  margin-left: var(--primary-tablist-m-gaps);
427
- } .tabs__m_1ibzv .tabs__pickerWrapper_1ibzv {
427
+ } .tabs__m_17zjd .tabs__pickerWrapper_17zjd {
428
428
  margin-left: var(--primary-tablist-m-gaps);
429
- } .tabs__m_1ibzv .tabs__option_1ibzv {
429
+ } .tabs__m_17zjd .tabs__option_17zjd {
430
430
  padding: 0;
431
- } .tabs__l_1ibzv .tabs__title_1ibzv {
431
+ } .tabs__l_17zjd .tabs__title_17zjd {
432
432
  padding: var(--primary-tablist-l-padding);
433
433
  font-size: var(--primary-tablist-l-font-size);
434
434
  font-weight: var(--primary-tablist-l-font-weight);
435
435
  font-family: var(--primary-tablist-l-font-family);
436
436
  line-height: 24px;
437
- } .tabs__l_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
437
+ } .tabs__l_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
438
438
  margin-left: var(--primary-tablist-l-gaps);
439
- } .tabs__l_1ibzv .tabs__pickerWrapper_1ibzv {
439
+ } .tabs__l_17zjd .tabs__pickerWrapper_17zjd {
440
440
  margin-left: var(--primary-tablist-l-gaps);
441
- } .tabs__l_1ibzv .tabs__option_1ibzv {
441
+ } .tabs__l_17zjd .tabs__option_17zjd {
442
442
  padding: 0;
443
- } .tabs__xl_1ibzv .tabs__title_1ibzv {
443
+ } .tabs__xl_17zjd .tabs__title_17zjd {
444
444
  padding: var(--primary-tablist-xl-padding);
445
445
  font-size: var(--primary-tablist-xl-font-size);
446
446
  font-weight: var(--primary-tablist-xl-font-weight);
447
447
  font-family: var(--primary-tablist-xl-font-family);
448
448
  line-height: 32px;
449
- } .tabs__xl_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
449
+ } .tabs__xl_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
450
450
  margin-left: var(--primary-tablist-xl-gaps);
451
- } .tabs__xl_1ibzv .tabs__pickerWrapper_1ibzv {
451
+ } .tabs__xl_17zjd .tabs__pickerWrapper_17zjd {
452
452
  margin-left: var(--primary-tablist-xl-gaps);
453
- } .tabs__xl_1ibzv .tabs__option_1ibzv {
453
+ } .tabs__xl_17zjd .tabs__option_17zjd {
454
454
  padding: 0;
455
- } .tabs__rightAddons_1ibzv {
455
+ } .tabs__rightAddons_17zjd {
456
456
  display: flex;
457
457
  justify-content: center;
458
458
  align-items: center;
459
459
  margin-left: var(--gap-xs);
460
- } .tabs__rightAddonsMarginZero_1ibzv {
460
+ } .tabs__rightAddonsMarginZero_17zjd {
461
461
  margin-left: 0;
462
462
  }