@alfalab/core-components-tabs 8.9.8 → 8.9.9

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-2d351e35.js +4 -0
  32. package/esm/index.module-79d21161.js +4 -0
  33. package/index.module-4c2f9157.js +6 -0
  34. package/index.module-9a152fac.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-95d21ba2.js +4 -0
  51. package/modern/index.module-b6a3e2aa.js +4 -0
  52. package/package.json +2 -2
  53. package/esm/index.module-0e6d4e9c.js +0 -4
  54. package/esm/index.module-5279a2c0.js +0 -4
  55. package/index.module-9c923703.js +0 -6
  56. package/index.module-af0ef9cc.js +0 -6
  57. package/modern/index.module-0dc64add.js +0 -4
  58. package/modern/index.module-c2a2cbdd.js +0 -4
@@ -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-9c923703.js');
14
+ var index_module = require('../../index.module-9a152fac.js');
15
15
 
16
16
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
17
 
@@ -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-9c923703.js');
8
+ var index_module = require('../../index.module-9a152fac.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
@@ -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-9c923703.js');
8
+ var index_module = require('../../index.module-9a152fac.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_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"};
14
+ var mobileStyles = {"title":"tabs__title_7flg8 tabs__title_1gjek","mobile":"tabs__mobile_7flg8","paragraph-primary-large":"tabs__paragraph-primary-large_7flg8","paragraph-primary-medium":"tabs__paragraph-primary-medium_7flg8","paragraph-primary-small":"tabs__paragraph-primary-small_7flg8","action-primary-large":"tabs__action-primary-large_7flg8","action-primary-medium":"tabs__action-primary-medium_7flg8","action-primary-small":"tabs__action-primary-small_7flg8","accent-primary-large":"tabs__accent-primary-large_7flg8","accent-primary-medium":"tabs__accent-primary-medium_7flg8","accent-primary-small":"tabs__accent-primary-small_7flg8","pickerWrapper":"tabs__pickerWrapper_7flg8","option":"tabs__option_7flg8","scrollControls":"tabs__scrollControls_7flg8","headline-system-xlarge":"tabs__headline-system-xlarge_7flg8","headline-system-large":"tabs__headline-system-large_7flg8","headline-system-medium":"tabs__headline-system-medium_7flg8","headline-system-small":"tabs__headline-system-small_7flg8","headline-system-xsmall":"tabs__headline-system-xsmall_7flg8","headline-xlarge":"tabs__headline-xlarge_7flg8","headline-large":"tabs__headline-large_7flg8","headline-medium":"tabs__headline-medium_7flg8","headline-small":"tabs__headline-small_7flg8","headline-xsmall":"tabs__headline-xsmall_7flg8"};
15
15
  require('./mobile.css')
16
16
 
17
17
  var styles = tslib.__assign(tslib.__assign({}, index_module.styles), mobileStyles);
@@ -1,4 +1,4 @@
1
- /* hash: t6euj */
1
+ /* hash: 11a7o */
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;
@@ -89,11 +89,11 @@
89
89
  /* size l */
90
90
 
91
91
  /* size xl */
92
- } .tabs__component_z58yq {
92
+ } .tabs__component_1gjek {
93
93
  position: relative;
94
94
  display: inline-flex;
95
95
  min-width: 100%
96
- } .tabs__component_z58yq:before {
96
+ } .tabs__component_1gjek:before {
97
97
  content: '';
98
98
  display: block;
99
99
  position: absolute;
@@ -101,273 +101,273 @@
101
101
  height: 1px;
102
102
  width: 100%;
103
103
  background-color: var(--primary-tablist-bottom-border-color);
104
- } .tabs__desktop_z58yq.tabs__paragraph-primary-large_z58yq .tabs__title_z58yq {
104
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek {
105
105
  font-size: 18px;
106
106
  line-height: 24px;
107
107
  font-weight: 400;
108
- } .tabs__desktop_z58yq.tabs__paragraph-primary-medium_z58yq .tabs__title_z58yq {
108
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
- } .tabs__desktop_z58yq.tabs__paragraph-primary-small_z58yq .tabs__title_z58yq {
112
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek {
113
113
  font-size: 14px;
114
114
  line-height: 20px;
115
115
  font-weight: 400;
116
- } .tabs__desktop_z58yq.tabs__action-primary-large_z58yq .tabs__title_z58yq {
116
+ } .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek {
117
117
  font-size: 18px;
118
118
  line-height: 24px;
119
119
  font-weight: 500;
120
- } .tabs__desktop_z58yq.tabs__action-primary-medium_z58yq .tabs__title_z58yq {
120
+ } .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek {
121
121
  font-size: 16px;
122
122
  line-height: 24px;
123
123
  font-weight: 500;
124
- } .tabs__desktop_z58yq.tabs__action-primary-small_z58yq .tabs__title_z58yq {
124
+ } .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek {
125
125
  font-size: 14px;
126
126
  line-height: 20px;
127
127
  font-weight: 500;
128
- } .tabs__desktop_z58yq.tabs__accent-primary-large_z58yq .tabs__title_z58yq {
128
+ } .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek {
129
129
  font-size: 18px;
130
130
  line-height: 24px;
131
131
  font-weight: 700;
132
- } .tabs__desktop_z58yq.tabs__accent-primary-medium_z58yq .tabs__title_z58yq {
132
+ } .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek {
133
133
  font-size: 16px;
134
134
  line-height: 24px;
135
135
  font-weight: 700;
136
- } .tabs__desktop_z58yq.tabs__accent-primary-small_z58yq .tabs__title_z58yq {
136
+ } .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek {
137
137
  font-size: 14px;
138
138
  line-height: 20px;
139
139
  font-weight: 700;
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 {
140
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek {
141
141
  padding-bottom: calc(24px / 2);
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 {
142
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
143
+ .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__pickerWrapper_1gjek,
144
+ .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
145
+ .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__pickerWrapper_1gjek,
146
+ .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
147
+ .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__pickerWrapper_1gjek,
148
+ .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
149
+ .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__pickerWrapper_1gjek,
150
+ .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
151
+ .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__pickerWrapper_1gjek,
152
+ .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
153
+ .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__pickerWrapper_1gjek {
154
154
  margin-left: 24px;
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 {
155
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__option_1gjek {
156
156
  padding: 0;
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 {
157
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__scrollControls_1gjek > button {
158
158
  box-sizing: content-box;
159
159
  width: 24px;
160
160
  height: 24px;
161
161
  padding: 0;
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 {
162
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__paragraph-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
163
163
  margin: 0 0 0 calc(24px / 2);
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 {
164
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek {
165
165
  padding-bottom: calc(20px / 2);
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 {
166
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
167
+ .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__pickerWrapper_1gjek,
168
+ .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
169
+ .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__pickerWrapper_1gjek,
170
+ .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
171
+ .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__pickerWrapper_1gjek {
172
172
  margin-left: 20px;
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 {
173
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__option_1gjek {
174
174
  padding: 0;
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 {
175
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__scrollControls_1gjek > button {
176
176
  box-sizing: content-box;
177
177
  width: 20px;
178
178
  height: 20px;
179
179
  padding: 0;
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 {
180
+ } .tabs__desktop_1gjek.tabs__paragraph-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__accent-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__action-primary-small_1gjek .tabs__scrollControls_1gjek button:first-child {
181
181
  margin: 0 0 0 calc(20px / 2);
182
- } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__title_z58yq {
182
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek {
183
183
  font-size: 48px;
184
184
  line-height: 52px;
185
185
  font-weight: 700;
186
- } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__title_z58yq {
186
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek {
187
187
  font-size: 40px;
188
188
  line-height: 48px;
189
189
  font-weight: 700;
190
- } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__title_z58yq {
190
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek {
191
191
  font-size: 30px;
192
192
  line-height: 36px;
193
193
  font-weight: 700;
194
- } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__title_z58yq {
194
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek {
195
195
  font-size: 22px;
196
196
  line-height: 26px;
197
197
  font-weight: 700;
198
- } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__title_z58yq {
198
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek {
199
199
  font-size: 18px;
200
200
  line-height: 22px;
201
201
  font-weight: 700;
202
- } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__title_z58yq {
202
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek {
203
203
  font-size: 48px;
204
204
  line-height: 64px;
205
205
  font-weight: 500;
206
206
  font-feature-settings: 'ss01';
207
207
  font-family: var(--font-family-styrene);
208
- } .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__title_z58yq {
208
+ } .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek {
209
209
  font-size: 40px;
210
210
  line-height: 48px;
211
211
  font-weight: 500;
212
212
  font-feature-settings: 'ss01';
213
213
  font-family: var(--font-family-styrene);
214
- } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__title_z58yq {
214
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek {
215
215
  font-size: 32px;
216
216
  line-height: 40px;
217
217
  font-weight: 500;
218
218
  font-feature-settings: 'ss01';
219
219
  font-family: var(--font-family-styrene);
220
- } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__title_z58yq {
220
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek {
221
221
  font-size: 24px;
222
222
  line-height: 32px;
223
223
  font-weight: 500;
224
224
  font-feature-settings: 'ss01';
225
225
  font-family: var(--font-family-styrene);
226
- } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__title_z58yq {
226
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek {
227
227
  font-size: 20px;
228
228
  line-height: 24px;
229
229
  font-weight: 500;
230
230
  font-feature-settings: 'ss01';
231
231
  font-family: var(--font-family-styrene);
232
- } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__title_z58yq {
232
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek {
233
233
  padding-bottom: calc(52px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
235
+ .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__pickerWrapper_1gjek {
236
236
  margin-left: 52px;
237
- } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__option_z58yq {
237
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__option_1gjek {
238
238
  padding: 0;
239
- } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__scrollControls_z58yq > button {
239
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__scrollControls_1gjek > button {
240
240
  box-sizing: content-box;
241
241
  width: 52px;
242
242
  height: 52px;
243
243
  padding: 0;
244
- } .tabs__desktop_z58yq.tabs__headline-system-xlarge_z58yq .tabs__scrollControls_z58yq button:first-child {
244
+ } .tabs__desktop_1gjek.tabs__headline-system-xlarge_1gjek .tabs__scrollControls_1gjek button:first-child {
245
245
  margin: 0 0 0 calc(52px / 2);
246
- } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__title_z58yq, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__title_z58yq {
246
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek {
247
247
  padding-bottom: calc(48px / 2);
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 {
248
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
249
+ .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__pickerWrapper_1gjek,
250
+ .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
251
+ .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__pickerWrapper_1gjek {
252
252
  margin-left: 48px;
253
- } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__option_z58yq, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__option_z58yq {
253
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__option_1gjek, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__option_1gjek {
254
254
  padding: 0;
255
- } .tabs__desktop_z58yq.tabs__headline-system-large_z58yq .tabs__scrollControls_z58yq > button, .tabs__desktop_z58yq.tabs__headline-large_z58yq .tabs__scrollControls_z58yq > button {
255
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__scrollControls_1gjek > button, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__scrollControls_1gjek > button {
256
256
  box-sizing: content-box;
257
257
  width: 48px;
258
258
  height: 48px;
259
259
  padding: 0;
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 {
260
+ } .tabs__desktop_1gjek.tabs__headline-system-large_1gjek .tabs__scrollControls_1gjek button:first-child, .tabs__desktop_1gjek.tabs__headline-large_1gjek .tabs__scrollControls_1gjek button:first-child {
261
261
  margin: 0 0 0 calc(48px / 2);
262
- } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__title_z58yq {
262
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek {
263
263
  padding-bottom: calc(36px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
265
+ .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__pickerWrapper_1gjek {
266
266
  margin-left: 36px;
267
- } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__option_z58yq {
267
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__option_1gjek {
268
268
  padding: 0;
269
- } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__scrollControls_z58yq > button {
269
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__scrollControls_1gjek > button {
270
270
  box-sizing: content-box;
271
271
  width: 36px;
272
272
  height: 36px;
273
273
  padding: 0;
274
- } .tabs__desktop_z58yq.tabs__headline-system-medium_z58yq .tabs__scrollControls_z58yq button:first-child {
274
+ } .tabs__desktop_1gjek.tabs__headline-system-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
275
275
  margin: 0 0 0 calc(36px / 2);
276
- } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__title_z58yq {
276
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek {
277
277
  padding-bottom: calc(26px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
279
+ .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__pickerWrapper_1gjek {
280
280
  margin-left: 26px;
281
- } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__option_z58yq {
281
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__option_1gjek {
282
282
  padding: 0;
283
- } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__scrollControls_z58yq > button {
283
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__scrollControls_1gjek > button {
284
284
  box-sizing: content-box;
285
285
  width: 26px;
286
286
  height: 26px;
287
287
  padding: 0;
288
- } .tabs__desktop_z58yq.tabs__headline-system-small_z58yq .tabs__scrollControls_z58yq button:first-child {
288
+ } .tabs__desktop_1gjek.tabs__headline-system-small_1gjek .tabs__scrollControls_1gjek button:first-child {
289
289
  margin: 0 0 0 calc(26px / 2);
290
- } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__title_z58yq {
290
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek {
291
291
  padding-bottom: calc(22px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
293
+ .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__pickerWrapper_1gjek {
294
294
  margin-left: 22px;
295
- } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__option_z58yq {
295
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__option_1gjek {
296
296
  padding: 0;
297
- } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__scrollControls_z58yq > button {
297
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__scrollControls_1gjek > button {
298
298
  box-sizing: content-box;
299
299
  width: 22px;
300
300
  height: 22px;
301
301
  padding: 0;
302
- } .tabs__desktop_z58yq.tabs__headline-system-xsmall_z58yq .tabs__scrollControls_z58yq button:first-child {
302
+ } .tabs__desktop_1gjek.tabs__headline-system-xsmall_1gjek .tabs__scrollControls_1gjek button:first-child {
303
303
  margin: 0 0 0 calc(22px / 2);
304
- } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__title_z58yq {
304
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek {
305
305
  padding-bottom: calc(64px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
307
+ .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__pickerWrapper_1gjek {
308
308
  margin-left: 64px;
309
- } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__option_z58yq {
309
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__option_1gjek {
310
310
  padding: 0;
311
- } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__scrollControls_z58yq > button {
311
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__scrollControls_1gjek > button {
312
312
  box-sizing: content-box;
313
313
  width: 64px;
314
314
  height: 64px;
315
315
  padding: 0;
316
- } .tabs__desktop_z58yq.tabs__headline-xlarge_z58yq .tabs__scrollControls_z58yq button:first-child {
316
+ } .tabs__desktop_1gjek.tabs__headline-xlarge_1gjek .tabs__scrollControls_1gjek button:first-child {
317
317
  margin: 0 0 0 calc(64px / 2);
318
- } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__title_z58yq {
318
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek {
319
319
  padding-bottom: calc(40px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
321
+ .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__pickerWrapper_1gjek {
322
322
  margin-left: 40px;
323
- } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__option_z58yq {
323
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__option_1gjek {
324
324
  padding: 0;
325
- } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__scrollControls_z58yq > button {
325
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__scrollControls_1gjek > button {
326
326
  box-sizing: content-box;
327
327
  width: 40px;
328
328
  height: 40px;
329
329
  padding: 0;
330
- } .tabs__desktop_z58yq.tabs__headline-medium_z58yq .tabs__scrollControls_z58yq button:first-child {
330
+ } .tabs__desktop_1gjek.tabs__headline-medium_1gjek .tabs__scrollControls_1gjek button:first-child {
331
331
  margin: 0 0 0 calc(40px / 2);
332
- } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__title_z58yq {
332
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek {
333
333
  padding-bottom: calc(32px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
335
+ .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__pickerWrapper_1gjek {
336
336
  margin-left: 32px;
337
- } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__option_z58yq {
337
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__option_1gjek {
338
338
  padding: 0;
339
- } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__scrollControls_z58yq > button {
339
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__scrollControls_1gjek > button {
340
340
  box-sizing: content-box;
341
341
  width: 32px;
342
342
  height: 32px;
343
343
  padding: 0;
344
- } .tabs__desktop_z58yq.tabs__headline-small_z58yq .tabs__scrollControls_z58yq button:first-child {
344
+ } .tabs__desktop_1gjek.tabs__headline-small_1gjek .tabs__scrollControls_1gjek button:first-child {
345
345
  margin: 0 0 0 calc(32px / 2);
346
- } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__title_z58yq {
346
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek {
347
347
  padding-bottom: calc(24px / 2);
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
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__title_1gjek + .tabs__title_1gjek,
349
+ .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__pickerWrapper_1gjek {
350
350
  margin-left: 24px;
351
- } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__option_z58yq {
351
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__option_1gjek {
352
352
  padding: 0;
353
- } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__scrollControls_z58yq > button {
353
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__scrollControls_1gjek > button {
354
354
  box-sizing: content-box;
355
355
  width: 24px;
356
356
  height: 24px;
357
357
  padding: 0;
358
- } .tabs__desktop_z58yq.tabs__headline-xsmall_z58yq .tabs__scrollControls_z58yq button:first-child {
358
+ } .tabs__desktop_1gjek.tabs__headline-xsmall_1gjek .tabs__scrollControls_1gjek button:first-child {
359
359
  margin: 0 0 0 calc(24px / 2);
360
- } .tabs__fullWidthScroll_z58yq {
360
+ } .tabs__fullWidthScroll_1gjek {
361
361
  min-width: calc(100% - 2 * var(--gap-m));
362
362
  margin: 0 var(--gap-m);
363
- } .tabs__container_z58yq {
363
+ } .tabs__container_1gjek {
364
364
  position: relative;
365
365
  overflow: hidden;
366
366
 
367
367
  /* focus-outline fix */
368
368
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
369
369
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
370
- } .tabs__title_z58yq {
370
+ } .tabs__title_1gjek {
371
371
  display: flex;
372
372
  align-items: center;
373
373
  height: 100%;
@@ -383,82 +383,82 @@
383
383
  -webkit-user-select: none;
384
384
  user-select: none;
385
385
  outline: none
386
- } .tabs__title_z58yq:not(:disabled):hover {
386
+ } .tabs__title_1gjek:not(:disabled):hover {
387
387
  color: var(--primary-tablist-hover-color);
388
- } .tabs__focused_z58yq {
388
+ } .tabs__focused_1gjek {
389
389
  outline: 2px solid var(--focus-color);
390
390
  outline-offset: 2px;
391
- } .tabs__collapsed_z58yq {
391
+ } .tabs__collapsed_1gjek {
392
392
  order: 99;
393
393
  visibility: collapse;
394
- } .tabs__selected_z58yq {
394
+ } .tabs__selected_1gjek {
395
395
  cursor: default;
396
396
  color: var(--primary-tablist-selected-color);
397
- } .tabs__disabled_z58yq {
397
+ } .tabs__disabled_1gjek {
398
398
  cursor: var(--disabled-cursor);
399
399
  color: var(--primary-tablist-disabled-color);
400
- } .tabs__line_z58yq {
400
+ } .tabs__line_1gjek {
401
401
  position: absolute;
402
402
  height: 3px;
403
403
  bottom: 0;
404
404
  left: 0;
405
405
  background-color: var(--primary-tablist-line-color);
406
406
  transition: transform 0.2s ease, width 0.2s ease;
407
- } .tabs__option_z58yq {
407
+ } .tabs__option_1gjek {
408
408
  color: var(--color-light-text-primary);
409
- } /* sizes */ .tabs__s_z58yq .tabs__title_z58yq, .tabs__xs_z58yq .tabs__title_z58yq, .tabs__xxs_z58yq .tabs__title_z58yq {
409
+ } /* sizes */ .tabs__s_1gjek .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek {
410
410
  padding: var(--primary-tablist-s-padding);
411
411
  font-size: var(--primary-tablist-s-font-size);
412
412
  font-weight: var(--primary-tablist-s-font-weight);
413
413
  font-family: var(--primary-tablist-s-font-family);
414
414
  line-height: 24px;
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 {
415
+ } .tabs__s_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xs_1gjek .tabs__title_1gjek + .tabs__title_1gjek, .tabs__xxs_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
416
416
  margin-left: var(--primary-tablist-s-gaps);
417
- } .tabs__s_z58yq .tabs__pickerWrapper_z58yq, .tabs__xs_z58yq .tabs__pickerWrapper_z58yq, .tabs__xxs_z58yq .tabs__pickerWrapper_z58yq {
417
+ } .tabs__s_1gjek .tabs__pickerWrapper_1gjek, .tabs__xs_1gjek .tabs__pickerWrapper_1gjek, .tabs__xxs_1gjek .tabs__pickerWrapper_1gjek {
418
418
  margin-left: var(--primary-tablist-s-gaps);
419
- } .tabs__s_z58yq .tabs__option_z58yq, .tabs__xs_z58yq .tabs__option_z58yq, .tabs__xxs_z58yq .tabs__option_z58yq {
419
+ } .tabs__s_1gjek .tabs__option_1gjek, .tabs__xs_1gjek .tabs__option_1gjek, .tabs__xxs_1gjek .tabs__option_1gjek {
420
420
  padding: 0;
421
- } .tabs__m_z58yq .tabs__title_z58yq {
421
+ } .tabs__m_1gjek .tabs__title_1gjek {
422
422
  padding: var(--primary-tablist-m-padding);
423
423
  font-size: var(--primary-tablist-m-font-size);
424
424
  font-weight: var(--primary-tablist-m-font-weight);
425
425
  font-family: var(--primary-tablist-m-font-family);
426
426
  line-height: 24px;
427
- } .tabs__m_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
427
+ } .tabs__m_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
428
428
  margin-left: var(--primary-tablist-m-gaps);
429
- } .tabs__m_z58yq .tabs__pickerWrapper_z58yq {
429
+ } .tabs__m_1gjek .tabs__pickerWrapper_1gjek {
430
430
  margin-left: var(--primary-tablist-m-gaps);
431
- } .tabs__m_z58yq .tabs__option_z58yq {
431
+ } .tabs__m_1gjek .tabs__option_1gjek {
432
432
  padding: 0;
433
- } .tabs__l_z58yq .tabs__title_z58yq {
433
+ } .tabs__l_1gjek .tabs__title_1gjek {
434
434
  padding: var(--primary-tablist-l-padding);
435
435
  font-size: var(--primary-tablist-l-font-size);
436
436
  font-weight: var(--primary-tablist-l-font-weight);
437
437
  font-family: var(--primary-tablist-l-font-family);
438
438
  line-height: 24px;
439
- } .tabs__l_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
439
+ } .tabs__l_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
440
440
  margin-left: var(--primary-tablist-l-gaps);
441
- } .tabs__l_z58yq .tabs__pickerWrapper_z58yq {
441
+ } .tabs__l_1gjek .tabs__pickerWrapper_1gjek {
442
442
  margin-left: var(--primary-tablist-l-gaps);
443
- } .tabs__l_z58yq .tabs__option_z58yq {
443
+ } .tabs__l_1gjek .tabs__option_1gjek {
444
444
  padding: 0;
445
- } .tabs__xl_z58yq .tabs__title_z58yq {
445
+ } .tabs__xl_1gjek .tabs__title_1gjek {
446
446
  padding: var(--primary-tablist-xl-padding);
447
447
  font-size: var(--primary-tablist-xl-font-size);
448
448
  font-weight: var(--primary-tablist-xl-font-weight);
449
449
  font-family: var(--primary-tablist-xl-font-family);
450
450
  line-height: 32px;
451
- } .tabs__xl_z58yq .tabs__title_z58yq + .tabs__title_z58yq {
451
+ } .tabs__xl_1gjek .tabs__title_1gjek + .tabs__title_1gjek {
452
452
  margin-left: var(--primary-tablist-xl-gaps);
453
- } .tabs__xl_z58yq .tabs__pickerWrapper_z58yq {
453
+ } .tabs__xl_1gjek .tabs__pickerWrapper_1gjek {
454
454
  margin-left: var(--primary-tablist-xl-gaps);
455
- } .tabs__xl_z58yq .tabs__option_z58yq {
455
+ } .tabs__xl_1gjek .tabs__option_1gjek {
456
456
  padding: 0;
457
- } .tabs__rightAddons_z58yq {
457
+ } .tabs__rightAddons_1gjek {
458
458
  display: flex;
459
459
  justify-content: center;
460
460
  align-items: center;
461
461
  margin-left: var(--gap-xs);
462
- } .tabs__rightAddonsMarginZero_z58yq {
462
+ } .tabs__rightAddonsMarginZero_1gjek {
463
463
  margin-left: 0;
464
464
  }