@alfalab/core-components-tabs 8.9.7 → 8.9.8

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 (66) 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 +135 -133
  5. package/components/primary-tablist/mobile.css +244 -228
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +15 -13
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +9 -7
  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 +20 -18
  13. package/components/secondary-tablist/mobile.css +44 -28
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/cssm/components/primary-tablist/index.module.css +3 -1
  17. package/cssm/components/primary-tablist/mobile.module.css +3 -1
  18. package/cssm/components/primary-tablist/text-styles.module.css +3 -1
  19. package/cssm/components/scroll-controls/index.module.css +3 -1
  20. package/cssm/components/scrollable-container/index.module.css +3 -1
  21. package/cssm/components/secondary-tablist/index.module.css +3 -1
  22. package/cssm/components/secondary-tablist/mobile.module.css +3 -1
  23. package/cssm/vars.css +3 -1
  24. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/index.css +135 -133
  28. package/esm/components/primary-tablist/mobile.css +244 -228
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +15 -13
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +9 -7
  33. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  34. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  35. package/esm/components/secondary-tablist/index.css +20 -18
  36. package/esm/components/secondary-tablist/mobile.css +44 -28
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-0e6d4e9c.js +4 -0
  40. package/esm/index.module-5279a2c0.js +4 -0
  41. package/index.module-9c923703.js +6 -0
  42. package/index.module-af0ef9cc.js +6 -0
  43. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  44. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  45. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  46. package/modern/components/primary-tablist/index.css +135 -133
  47. package/modern/components/primary-tablist/mobile.css +244 -228
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +15 -13
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +9 -7
  52. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/secondary-tablist/index.css +20 -18
  55. package/modern/components/secondary-tablist/mobile.css +44 -28
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-0dc64add.js +4 -0
  59. package/modern/index.module-c2a2cbdd.js +4 -0
  60. package/package.json +5 -5
  61. package/esm/index.module-9ced6494.js +0 -4
  62. package/esm/index.module-c8158a10.js +0 -4
  63. package/index.module-308d4bd3.js +0 -6
  64. package/index.module-79955cb5.js +0 -6
  65. package/modern/index.module-47501b85.js +0 -4
  66. package/modern/index.module-a0f4f2b5.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-79955cb5.js');
14
+ var index_module = require('../../index.module-9c923703.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-79955cb5.js');
8
+ var index_module = require('../../index.module-9c923703.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-79955cb5.js');
8
+ var index_module = require('../../index.module-9c923703.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_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"};
14
+ var mobileStyles = {"title":"tabs__title_lf1as tabs__title_z58yq","mobile":"tabs__mobile_lf1as","paragraph-primary-large":"tabs__paragraph-primary-large_lf1as","paragraph-primary-medium":"tabs__paragraph-primary-medium_lf1as","paragraph-primary-small":"tabs__paragraph-primary-small_lf1as","action-primary-large":"tabs__action-primary-large_lf1as","action-primary-medium":"tabs__action-primary-medium_lf1as","action-primary-small":"tabs__action-primary-small_lf1as","accent-primary-large":"tabs__accent-primary-large_lf1as","accent-primary-medium":"tabs__accent-primary-medium_lf1as","accent-primary-small":"tabs__accent-primary-small_lf1as","pickerWrapper":"tabs__pickerWrapper_lf1as","option":"tabs__option_lf1as","scrollControls":"tabs__scrollControls_lf1as","headline-system-xlarge":"tabs__headline-system-xlarge_lf1as","headline-system-large":"tabs__headline-system-large_lf1as","headline-system-medium":"tabs__headline-system-medium_lf1as","headline-system-small":"tabs__headline-system-small_lf1as","headline-system-xsmall":"tabs__headline-system-xsmall_lf1as","headline-xlarge":"tabs__headline-xlarge_lf1as","headline-large":"tabs__headline-large_lf1as","headline-medium":"tabs__headline-medium_lf1as","headline-small":"tabs__headline-small_lf1as","headline-xsmall":"tabs__headline-xsmall_lf1as"};
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: 1kppi */
1
+ /* hash: t6euj */
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;
@@ -16,7 +16,9 @@
16
16
  /* Up */
17
17
 
18
18
  /* Hard up */
19
- } :root {
19
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root { /* deprecated */
21
23
  --gap-2xs: 4px; /* deprecated */
22
24
  --gap-xs: 8px; /* deprecated */
@@ -87,11 +89,11 @@
87
89
  /* size l */
88
90
 
89
91
  /* size xl */
90
- } .tabs__component_17zjd {
92
+ } .tabs__component_z58yq {
91
93
  position: relative;
92
94
  display: inline-flex;
93
95
  min-width: 100%
94
- } .tabs__component_17zjd:before {
96
+ } .tabs__component_z58yq:before {
95
97
  content: '';
96
98
  display: block;
97
99
  position: absolute;
@@ -99,273 +101,273 @@
99
101
  height: 1px;
100
102
  width: 100%;
101
103
  background-color: var(--primary-tablist-bottom-border-color);
102
- } .tabs__desktop_17zjd.tabs__paragraph-primary-large_17zjd .tabs__title_17zjd {
104
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__title_z58yq {
103
105
  font-size: 18px;
104
106
  line-height: 24px;
105
107
  font-weight: 400;
106
- } .tabs__desktop_17zjd.tabs__paragraph-primary-medium_17zjd .tabs__title_17zjd {
108
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__title_z58yq {
107
109
  font-size: 16px;
108
110
  line-height: 24px;
109
111
  font-weight: 400;
110
- } .tabs__desktop_17zjd.tabs__paragraph-primary-small_17zjd .tabs__title_17zjd {
112
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__title_z58yq {
111
113
  font-size: 14px;
112
114
  line-height: 20px;
113
115
  font-weight: 400;
114
- } .tabs__desktop_17zjd.tabs__action-primary-large_17zjd .tabs__title_17zjd {
116
+ } .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__title_z58yq {
115
117
  font-size: 18px;
116
118
  line-height: 24px;
117
119
  font-weight: 500;
118
- } .tabs__desktop_17zjd.tabs__action-primary-medium_17zjd .tabs__title_17zjd {
120
+ } .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__title_z58yq {
119
121
  font-size: 16px;
120
122
  line-height: 24px;
121
123
  font-weight: 500;
122
- } .tabs__desktop_17zjd.tabs__action-primary-small_17zjd .tabs__title_17zjd {
124
+ } .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__title_z58yq {
123
125
  font-size: 14px;
124
126
  line-height: 20px;
125
127
  font-weight: 500;
126
- } .tabs__desktop_17zjd.tabs__accent-primary-large_17zjd .tabs__title_17zjd {
128
+ } .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__title_z58yq {
127
129
  font-size: 18px;
128
130
  line-height: 24px;
129
131
  font-weight: 700;
130
- } .tabs__desktop_17zjd.tabs__accent-primary-medium_17zjd .tabs__title_17zjd {
132
+ } .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__title_z58yq {
131
133
  font-size: 16px;
132
134
  line-height: 24px;
133
135
  font-weight: 700;
134
- } .tabs__desktop_17zjd.tabs__accent-primary-small_17zjd .tabs__title_17zjd {
136
+ } .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__title_z58yq {
135
137
  font-size: 14px;
136
138
  line-height: 20px;
137
139
  font-weight: 700;
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 {
140
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__title_z58yq {
139
141
  padding-bottom: calc(24px / 2);
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 {
142
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
143
+ .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__pickerWrapper_z58yq,
144
+ .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
145
+ .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__pickerWrapper_z58yq,
146
+ .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
147
+ .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__pickerWrapper_z58yq,
148
+ .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
149
+ .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__pickerWrapper_z58yq,
150
+ .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
151
+ .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__pickerWrapper_z58yq,
152
+ .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
153
+ .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__pickerWrapper_z58yq {
152
154
  margin-left: 24px;
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 {
155
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__option_z58yq {
154
156
  padding: 0;
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 {
157
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__scrollControls_z58yq > button {
156
158
  box-sizing: content-box;
157
159
  width: 24px;
158
160
  height: 24px;
159
161
  padding: 0;
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 {
162
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__scrollControls_z58yq button:first-child {
161
163
  margin: 0 0 0 calc(24px / 2);
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 {
164
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__title_z58yq {
163
165
  padding-bottom: calc(20px / 2);
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 {
166
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
167
+ .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__pickerWrapper_z58yq,
168
+ .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
169
+ .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__pickerWrapper_z58yq,
170
+ .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
171
+ .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__pickerWrapper_z58yq {
170
172
  margin-left: 20px;
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 {
173
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__option_z58yq {
172
174
  padding: 0;
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 {
175
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__scrollControls_z58yq > button {
174
176
  box-sizing: content-box;
175
177
  width: 20px;
176
178
  height: 20px;
177
179
  padding: 0;
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 {
180
+ } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__scrollControls_z58yq button:first-child {
179
181
  margin: 0 0 0 calc(20px / 2);
180
- } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__title_17zjd {
182
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__title_z58yq {
181
183
  font-size: 48px;
182
184
  line-height: 52px;
183
185
  font-weight: 700;
184
- } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__title_17zjd {
186
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__title_z58yq {
185
187
  font-size: 40px;
186
188
  line-height: 48px;
187
189
  font-weight: 700;
188
- } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__title_17zjd {
190
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__title_z58yq {
189
191
  font-size: 30px;
190
192
  line-height: 36px;
191
193
  font-weight: 700;
192
- } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__title_17zjd {
194
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__title_z58yq {
193
195
  font-size: 22px;
194
196
  line-height: 26px;
195
197
  font-weight: 700;
196
- } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__title_17zjd {
198
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__title_z58yq {
197
199
  font-size: 18px;
198
200
  line-height: 22px;
199
201
  font-weight: 700;
200
- } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__title_17zjd {
202
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__title_z58yq {
201
203
  font-size: 48px;
202
204
  line-height: 64px;
203
205
  font-weight: 500;
204
206
  font-feature-settings: 'ss01';
205
207
  font-family: var(--font-family-styrene);
206
- } .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__title_17zjd {
208
+ } .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__title_z58yq {
207
209
  font-size: 40px;
208
210
  line-height: 48px;
209
211
  font-weight: 500;
210
212
  font-feature-settings: 'ss01';
211
213
  font-family: var(--font-family-styrene);
212
- } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__title_17zjd {
214
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__title_z58yq {
213
215
  font-size: 32px;
214
216
  line-height: 40px;
215
217
  font-weight: 500;
216
218
  font-feature-settings: 'ss01';
217
219
  font-family: var(--font-family-styrene);
218
- } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__title_17zjd {
220
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__title_z58yq {
219
221
  font-size: 24px;
220
222
  line-height: 32px;
221
223
  font-weight: 500;
222
224
  font-feature-settings: 'ss01';
223
225
  font-family: var(--font-family-styrene);
224
- } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__title_17zjd {
226
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__title_z58yq {
225
227
  font-size: 20px;
226
228
  line-height: 24px;
227
229
  font-weight: 500;
228
230
  font-feature-settings: 'ss01';
229
231
  font-family: var(--font-family-styrene);
230
- } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__title_17zjd {
232
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__title_z58yq {
231
233
  padding-bottom: calc(52px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
235
+ .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__pickerWrapper_z58yq {
234
236
  margin-left: 52px;
235
- } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__option_17zjd {
237
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__option_z58yq {
236
238
  padding: 0;
237
- } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__scrollControls_17zjd > button {
239
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__scrollControls_z58yq > button {
238
240
  box-sizing: content-box;
239
241
  width: 52px;
240
242
  height: 52px;
241
243
  padding: 0;
242
- } .tabs__desktop_17zjd.tabs__headline-system-xlarge_17zjd .tabs__scrollControls_17zjd button:first-child {
244
+ } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__scrollControls_z58yq button:first-child {
243
245
  margin: 0 0 0 calc(52px / 2);
244
- } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__title_17zjd, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__title_17zjd {
246
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__title_z58yq {
245
247
  padding-bottom: calc(48px / 2);
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 {
248
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
249
+ .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__pickerWrapper_z58yq,
250
+ .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
251
+ .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__pickerWrapper_z58yq {
250
252
  margin-left: 48px;
251
- } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__option_17zjd, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__option_17zjd {
253
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__option_z58yq {
252
254
  padding: 0;
253
- } .tabs__desktop_17zjd.tabs__headline-system-large_17zjd .tabs__scrollControls_17zjd > button, .tabs__desktop_17zjd.tabs__headline-large_17zjd .tabs__scrollControls_17zjd > button {
255
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__scrollControls_z58yq > button {
254
256
  box-sizing: content-box;
255
257
  width: 48px;
256
258
  height: 48px;
257
259
  padding: 0;
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 {
260
+ } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__scrollControls_z58yq button:first-child, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__scrollControls_z58yq button:first-child {
259
261
  margin: 0 0 0 calc(48px / 2);
260
- } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__title_17zjd {
262
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__title_z58yq {
261
263
  padding-bottom: calc(36px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
265
+ .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__pickerWrapper_z58yq {
264
266
  margin-left: 36px;
265
- } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__option_17zjd {
267
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__option_z58yq {
266
268
  padding: 0;
267
- } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__scrollControls_17zjd > button {
269
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__scrollControls_z58yq > button {
268
270
  box-sizing: content-box;
269
271
  width: 36px;
270
272
  height: 36px;
271
273
  padding: 0;
272
- } .tabs__desktop_17zjd.tabs__headline-system-medium_17zjd .tabs__scrollControls_17zjd button:first-child {
274
+ } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__scrollControls_z58yq button:first-child {
273
275
  margin: 0 0 0 calc(36px / 2);
274
- } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__title_17zjd {
276
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__title_z58yq {
275
277
  padding-bottom: calc(26px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
279
+ .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__pickerWrapper_z58yq {
278
280
  margin-left: 26px;
279
- } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__option_17zjd {
281
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__option_z58yq {
280
282
  padding: 0;
281
- } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__scrollControls_17zjd > button {
283
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__scrollControls_z58yq > button {
282
284
  box-sizing: content-box;
283
285
  width: 26px;
284
286
  height: 26px;
285
287
  padding: 0;
286
- } .tabs__desktop_17zjd.tabs__headline-system-small_17zjd .tabs__scrollControls_17zjd button:first-child {
288
+ } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__scrollControls_z58yq button:first-child {
287
289
  margin: 0 0 0 calc(26px / 2);
288
- } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__title_17zjd {
290
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__title_z58yq {
289
291
  padding-bottom: calc(22px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
293
+ .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__pickerWrapper_z58yq {
292
294
  margin-left: 22px;
293
- } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__option_17zjd {
295
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__option_z58yq {
294
296
  padding: 0;
295
- } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__scrollControls_17zjd > button {
297
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__scrollControls_z58yq > button {
296
298
  box-sizing: content-box;
297
299
  width: 22px;
298
300
  height: 22px;
299
301
  padding: 0;
300
- } .tabs__desktop_17zjd.tabs__headline-system-xsmall_17zjd .tabs__scrollControls_17zjd button:first-child {
302
+ } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__scrollControls_z58yq button:first-child {
301
303
  margin: 0 0 0 calc(22px / 2);
302
- } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__title_17zjd {
304
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__title_z58yq {
303
305
  padding-bottom: calc(64px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
307
+ .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__pickerWrapper_z58yq {
306
308
  margin-left: 64px;
307
- } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__option_17zjd {
309
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__option_z58yq {
308
310
  padding: 0;
309
- } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__scrollControls_17zjd > button {
311
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__scrollControls_z58yq > button {
310
312
  box-sizing: content-box;
311
313
  width: 64px;
312
314
  height: 64px;
313
315
  padding: 0;
314
- } .tabs__desktop_17zjd.tabs__headline-xlarge_17zjd .tabs__scrollControls_17zjd button:first-child {
316
+ } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__scrollControls_z58yq button:first-child {
315
317
  margin: 0 0 0 calc(64px / 2);
316
- } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__title_17zjd {
318
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__title_z58yq {
317
319
  padding-bottom: calc(40px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
321
+ .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__pickerWrapper_z58yq {
320
322
  margin-left: 40px;
321
- } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__option_17zjd {
323
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__option_z58yq {
322
324
  padding: 0;
323
- } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__scrollControls_17zjd > button {
325
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__scrollControls_z58yq > button {
324
326
  box-sizing: content-box;
325
327
  width: 40px;
326
328
  height: 40px;
327
329
  padding: 0;
328
- } .tabs__desktop_17zjd.tabs__headline-medium_17zjd .tabs__scrollControls_17zjd button:first-child {
330
+ } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__scrollControls_z58yq button:first-child {
329
331
  margin: 0 0 0 calc(40px / 2);
330
- } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__title_17zjd {
332
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__title_z58yq {
331
333
  padding-bottom: calc(32px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
335
+ .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__pickerWrapper_z58yq {
334
336
  margin-left: 32px;
335
- } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__option_17zjd {
337
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__option_z58yq {
336
338
  padding: 0;
337
- } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__scrollControls_17zjd > button {
339
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__scrollControls_z58yq > button {
338
340
  box-sizing: content-box;
339
341
  width: 32px;
340
342
  height: 32px;
341
343
  padding: 0;
342
- } .tabs__desktop_17zjd.tabs__headline-small_17zjd .tabs__scrollControls_17zjd button:first-child {
344
+ } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__scrollControls_z58yq button:first-child {
343
345
  margin: 0 0 0 calc(32px / 2);
344
- } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__title_17zjd {
346
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__title_z58yq {
345
347
  padding-bottom: calc(24px / 2);
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
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__title_z58yq + .tabs__title_z58yq,
349
+ .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__pickerWrapper_z58yq {
348
350
  margin-left: 24px;
349
- } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__option_17zjd {
351
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__option_z58yq {
350
352
  padding: 0;
351
- } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__scrollControls_17zjd > button {
353
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__scrollControls_z58yq > button {
352
354
  box-sizing: content-box;
353
355
  width: 24px;
354
356
  height: 24px;
355
357
  padding: 0;
356
- } .tabs__desktop_17zjd.tabs__headline-xsmall_17zjd .tabs__scrollControls_17zjd button:first-child {
358
+ } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__scrollControls_z58yq button:first-child {
357
359
  margin: 0 0 0 calc(24px / 2);
358
- } .tabs__fullWidthScroll_17zjd {
360
+ } .tabs__fullWidthScroll_z58yq {
359
361
  min-width: calc(100% - 2 * var(--gap-m));
360
362
  margin: 0 var(--gap-m);
361
- } .tabs__container_17zjd {
363
+ } .tabs__container_z58yq {
362
364
  position: relative;
363
365
  overflow: hidden;
364
366
 
365
367
  /* focus-outline fix */
366
368
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
367
369
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
368
- } .tabs__title_17zjd {
370
+ } .tabs__title_z58yq {
369
371
  display: flex;
370
372
  align-items: center;
371
373
  height: 100%;
@@ -381,82 +383,82 @@
381
383
  -webkit-user-select: none;
382
384
  user-select: none;
383
385
  outline: none
384
- } .tabs__title_17zjd:not(:disabled):hover {
386
+ } .tabs__title_z58yq:not(:disabled):hover {
385
387
  color: var(--primary-tablist-hover-color);
386
- } .tabs__focused_17zjd {
388
+ } .tabs__focused_z58yq {
387
389
  outline: 2px solid var(--focus-color);
388
390
  outline-offset: 2px;
389
- } .tabs__collapsed_17zjd {
391
+ } .tabs__collapsed_z58yq {
390
392
  order: 99;
391
393
  visibility: collapse;
392
- } .tabs__selected_17zjd {
394
+ } .tabs__selected_z58yq {
393
395
  cursor: default;
394
396
  color: var(--primary-tablist-selected-color);
395
- } .tabs__disabled_17zjd {
397
+ } .tabs__disabled_z58yq {
396
398
  cursor: var(--disabled-cursor);
397
399
  color: var(--primary-tablist-disabled-color);
398
- } .tabs__line_17zjd {
400
+ } .tabs__line_z58yq {
399
401
  position: absolute;
400
402
  height: 3px;
401
403
  bottom: 0;
402
404
  left: 0;
403
405
  background-color: var(--primary-tablist-line-color);
404
406
  transition: transform 0.2s ease, width 0.2s ease;
405
- } .tabs__option_17zjd {
407
+ } .tabs__option_z58yq {
406
408
  color: var(--color-light-text-primary);
407
- } /* sizes */ .tabs__s_17zjd .tabs__title_17zjd, .tabs__xs_17zjd .tabs__title_17zjd, .tabs__xxs_17zjd .tabs__title_17zjd {
409
+ } /* sizes */ .tabs__s_z58yq .tabs__title_z58yq, .tabs__xs_z58yq .tabs__title_z58yq, .tabs__xxs_z58yq .tabs__title_z58yq {
408
410
  padding: var(--primary-tablist-s-padding);
409
411
  font-size: var(--primary-tablist-s-font-size);
410
412
  font-weight: var(--primary-tablist-s-font-weight);
411
413
  font-family: var(--primary-tablist-s-font-family);
412
414
  line-height: 24px;
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 {
415
+ } .tabs__s_z58yq .tabs__title_z58yq + .tabs__title_z58yq, .tabs__xs_z58yq .tabs__title_z58yq + .tabs__title_z58yq, .tabs__xxs_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
414
416
  margin-left: var(--primary-tablist-s-gaps);
415
- } .tabs__s_17zjd .tabs__pickerWrapper_17zjd, .tabs__xs_17zjd .tabs__pickerWrapper_17zjd, .tabs__xxs_17zjd .tabs__pickerWrapper_17zjd {
417
+ } .tabs__s_z58yq .tabs__pickerWrapper_z58yq, .tabs__xs_z58yq .tabs__pickerWrapper_z58yq, .tabs__xxs_z58yq .tabs__pickerWrapper_z58yq {
416
418
  margin-left: var(--primary-tablist-s-gaps);
417
- } .tabs__s_17zjd .tabs__option_17zjd, .tabs__xs_17zjd .tabs__option_17zjd, .tabs__xxs_17zjd .tabs__option_17zjd {
419
+ } .tabs__s_z58yq .tabs__option_z58yq, .tabs__xs_z58yq .tabs__option_z58yq, .tabs__xxs_z58yq .tabs__option_z58yq {
418
420
  padding: 0;
419
- } .tabs__m_17zjd .tabs__title_17zjd {
421
+ } .tabs__m_z58yq .tabs__title_z58yq {
420
422
  padding: var(--primary-tablist-m-padding);
421
423
  font-size: var(--primary-tablist-m-font-size);
422
424
  font-weight: var(--primary-tablist-m-font-weight);
423
425
  font-family: var(--primary-tablist-m-font-family);
424
426
  line-height: 24px;
425
- } .tabs__m_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
427
+ } .tabs__m_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
426
428
  margin-left: var(--primary-tablist-m-gaps);
427
- } .tabs__m_17zjd .tabs__pickerWrapper_17zjd {
429
+ } .tabs__m_z58yq .tabs__pickerWrapper_z58yq {
428
430
  margin-left: var(--primary-tablist-m-gaps);
429
- } .tabs__m_17zjd .tabs__option_17zjd {
431
+ } .tabs__m_z58yq .tabs__option_z58yq {
430
432
  padding: 0;
431
- } .tabs__l_17zjd .tabs__title_17zjd {
433
+ } .tabs__l_z58yq .tabs__title_z58yq {
432
434
  padding: var(--primary-tablist-l-padding);
433
435
  font-size: var(--primary-tablist-l-font-size);
434
436
  font-weight: var(--primary-tablist-l-font-weight);
435
437
  font-family: var(--primary-tablist-l-font-family);
436
438
  line-height: 24px;
437
- } .tabs__l_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
439
+ } .tabs__l_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
438
440
  margin-left: var(--primary-tablist-l-gaps);
439
- } .tabs__l_17zjd .tabs__pickerWrapper_17zjd {
441
+ } .tabs__l_z58yq .tabs__pickerWrapper_z58yq {
440
442
  margin-left: var(--primary-tablist-l-gaps);
441
- } .tabs__l_17zjd .tabs__option_17zjd {
443
+ } .tabs__l_z58yq .tabs__option_z58yq {
442
444
  padding: 0;
443
- } .tabs__xl_17zjd .tabs__title_17zjd {
445
+ } .tabs__xl_z58yq .tabs__title_z58yq {
444
446
  padding: var(--primary-tablist-xl-padding);
445
447
  font-size: var(--primary-tablist-xl-font-size);
446
448
  font-weight: var(--primary-tablist-xl-font-weight);
447
449
  font-family: var(--primary-tablist-xl-font-family);
448
450
  line-height: 32px;
449
- } .tabs__xl_17zjd .tabs__title_17zjd + .tabs__title_17zjd {
451
+ } .tabs__xl_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
450
452
  margin-left: var(--primary-tablist-xl-gaps);
451
- } .tabs__xl_17zjd .tabs__pickerWrapper_17zjd {
453
+ } .tabs__xl_z58yq .tabs__pickerWrapper_z58yq {
452
454
  margin-left: var(--primary-tablist-xl-gaps);
453
- } .tabs__xl_17zjd .tabs__option_17zjd {
455
+ } .tabs__xl_z58yq .tabs__option_z58yq {
454
456
  padding: 0;
455
- } .tabs__rightAddons_17zjd {
457
+ } .tabs__rightAddons_z58yq {
456
458
  display: flex;
457
459
  justify-content: center;
458
460
  align-items: center;
459
461
  margin-left: var(--gap-xs);
460
- } .tabs__rightAddonsMarginZero_17zjd {
462
+ } .tabs__rightAddonsMarginZero_z58yq {
461
463
  margin-left: 0;
462
464
  }