@alfalab/core-components-tabs 8.12.13 → 8.12.14

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 +136 -133
  5. package/components/primary-tablist/mobile.css +228 -222
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +16 -13
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +10 -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 +21 -18
  13. package/components/secondary-tablist/mobile.css +28 -22
  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 +4 -1
  17. package/cssm/components/primary-tablist/mobile.module.css +4 -1
  18. package/cssm/components/primary-tablist/text-styles.module.css +3 -0
  19. package/cssm/components/scroll-controls/index.module.css +4 -1
  20. package/cssm/components/scrollable-container/index.module.css +4 -1
  21. package/cssm/components/secondary-tablist/index.module.css +4 -1
  22. package/cssm/components/secondary-tablist/mobile.module.css +3 -0
  23. package/cssm/vars.css +3 -0
  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 +136 -133
  28. package/esm/components/primary-tablist/mobile.css +228 -222
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +16 -13
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +10 -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 +21 -18
  36. package/esm/components/secondary-tablist/mobile.css +28 -22
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-0cadbbb5.js +4 -0
  40. package/esm/index.module-53dea774.js +4 -0
  41. package/index.module-0c7fc421.js +6 -0
  42. package/index.module-5e5b9034.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 +136 -133
  47. package/modern/components/primary-tablist/mobile.css +228 -222
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +16 -13
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +10 -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 +21 -18
  55. package/modern/components/secondary-tablist/mobile.css +28 -22
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-59339643.js +4 -0
  59. package/modern/index.module-9affc845.js +4 -0
  60. package/package.json +3 -3
  61. package/esm/index.module-388a5df0.js +0 -4
  62. package/esm/index.module-c0410ad5.js +0 -4
  63. package/index.module-0532cc2b.js +0 -6
  64. package/index.module-f58cf703.js +0 -6
  65. package/modern/index.module-58c8eb91.js +0 -4
  66. package/modern/index.module-d628932e.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-f58cf703.js');
14
+ var index_module = require('../../index.module-5e5b9034.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-f58cf703.js');
8
+ var index_module = require('../../index.module-5e5b9034.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-f58cf703.js');
8
+ var index_module = require('../../index.module-5e5b9034.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_pd921 tabs__title_1d792","mobile":"tabs__mobile_pd921","paragraph-primary-large":"tabs__paragraph-primary-large_pd921","paragraph-primary-medium":"tabs__paragraph-primary-medium_pd921","paragraph-primary-small":"tabs__paragraph-primary-small_pd921","action-primary-large":"tabs__action-primary-large_pd921","action-primary-medium":"tabs__action-primary-medium_pd921","action-primary-small":"tabs__action-primary-small_pd921","accent-primary-large":"tabs__accent-primary-large_pd921","accent-primary-medium":"tabs__accent-primary-medium_pd921","accent-primary-small":"tabs__accent-primary-small_pd921","pickerWrapper":"tabs__pickerWrapper_pd921","option":"tabs__option_pd921","scrollControls":"tabs__scrollControls_pd921","headline-system-xlarge":"tabs__headline-system-xlarge_pd921","headline-system-large":"tabs__headline-system-large_pd921","headline-system-medium":"tabs__headline-system-medium_pd921","headline-system-small":"tabs__headline-system-small_pd921","headline-system-xsmall":"tabs__headline-system-xsmall_pd921","headline-xlarge":"tabs__headline-xlarge_pd921","headline-large":"tabs__headline-large_pd921","headline-medium":"tabs__headline-medium_pd921","headline-small":"tabs__headline-small_pd921","headline-xsmall":"tabs__headline-xsmall_pd921"};
14
+ var mobileStyles = {"title":"tabs__title_1deel tabs__title_h0x3x","mobile":"tabs__mobile_1deel","paragraph-primary-large":"tabs__paragraph-primary-large_1deel","paragraph-primary-medium":"tabs__paragraph-primary-medium_1deel","paragraph-primary-small":"tabs__paragraph-primary-small_1deel","action-primary-large":"tabs__action-primary-large_1deel","action-primary-medium":"tabs__action-primary-medium_1deel","action-primary-small":"tabs__action-primary-small_1deel","accent-primary-large":"tabs__accent-primary-large_1deel","accent-primary-medium":"tabs__accent-primary-medium_1deel","accent-primary-small":"tabs__accent-primary-small_1deel","pickerWrapper":"tabs__pickerWrapper_1deel","option":"tabs__option_1deel","scrollControls":"tabs__scrollControls_1deel","headline-system-xlarge":"tabs__headline-system-xlarge_1deel","headline-system-large":"tabs__headline-system-large_1deel","headline-system-medium":"tabs__headline-system-medium_1deel","headline-system-small":"tabs__headline-system-small_1deel","headline-system-xsmall":"tabs__headline-system-xsmall_1deel","headline-xlarge":"tabs__headline-xlarge_1deel","headline-large":"tabs__headline-large_1deel","headline-medium":"tabs__headline-medium_1deel","headline-small":"tabs__headline-small_1deel","headline-xsmall":"tabs__headline-xsmall_1deel"};
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: y3i4s */
1
+ /* hash: lxaiy */
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;
@@ -29,7 +29,10 @@
29
29
  --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
30
30
 
31
31
  /* новые значения, используйте их */
32
- --gap-0: 0;
32
+
33
+ /* no-unit может приводить к проблемам в calc (#1559) */
34
+ /* stylelint-disable-next-line length-zero-no-unit */
35
+ --gap-0: 0px;
33
36
  --gap-4: var(--gap-2xs);
34
37
  --gap-8: var(--gap-xs);
35
38
  --gap-12: var(--gap-s);
@@ -97,11 +100,11 @@
97
100
  /* size l */
98
101
 
99
102
  /* size xl */
100
- } .tabs__component_1d792 {
103
+ } .tabs__component_h0x3x {
101
104
  position: relative;
102
105
  display: inline-flex;
103
106
  min-width: 100%
104
- } .tabs__component_1d792:before {
107
+ } .tabs__component_h0x3x:before {
105
108
  content: '';
106
109
  display: block;
107
110
  position: absolute;
@@ -109,273 +112,273 @@
109
112
  height: 1px;
110
113
  width: 100%;
111
114
  background-color: var(--primary-tablist-bottom-border-color);
112
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__title_1d792 {
115
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__title_h0x3x {
113
116
  font-size: 18px;
114
117
  line-height: 24px;
115
118
  font-weight: 400;
116
- } .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__title_1d792 {
119
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__title_h0x3x {
117
120
  font-size: 16px;
118
121
  line-height: 24px;
119
122
  font-weight: 400;
120
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__title_1d792 {
123
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__title_h0x3x {
121
124
  font-size: 14px;
122
125
  line-height: 20px;
123
126
  font-weight: 400;
124
- } .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__title_1d792 {
127
+ } .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__title_h0x3x {
125
128
  font-size: 18px;
126
129
  line-height: 24px;
127
130
  font-weight: 500;
128
- } .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__title_1d792 {
131
+ } .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__title_h0x3x {
129
132
  font-size: 16px;
130
133
  line-height: 24px;
131
134
  font-weight: 500;
132
- } .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__title_1d792 {
135
+ } .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__title_h0x3x {
133
136
  font-size: 14px;
134
137
  line-height: 20px;
135
138
  font-weight: 500;
136
- } .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__title_1d792 {
139
+ } .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__title_h0x3x {
137
140
  font-size: 18px;
138
141
  line-height: 24px;
139
142
  font-weight: 700;
140
- } .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__title_1d792 {
143
+ } .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__title_h0x3x {
141
144
  font-size: 16px;
142
145
  line-height: 24px;
143
146
  font-weight: 700;
144
- } .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__title_1d792 {
147
+ } .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__title_h0x3x {
145
148
  font-size: 14px;
146
149
  line-height: 20px;
147
150
  font-weight: 700;
148
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__title_1d792 {
151
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__title_h0x3x {
149
152
  padding-bottom: calc(24px / 2);
150
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__title_1d792 + .tabs__title_1d792,
151
- .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__pickerWrapper_1d792,
152
- .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__title_1d792 + .tabs__title_1d792,
153
- .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__pickerWrapper_1d792,
154
- .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__title_1d792 + .tabs__title_1d792,
155
- .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__pickerWrapper_1d792,
156
- .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__title_1d792 + .tabs__title_1d792,
157
- .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__pickerWrapper_1d792,
158
- .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__title_1d792 + .tabs__title_1d792,
159
- .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__pickerWrapper_1d792,
160
- .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__title_1d792 + .tabs__title_1d792,
161
- .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__pickerWrapper_1d792 {
153
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
154
+ .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__pickerWrapper_h0x3x,
155
+ .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
156
+ .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__pickerWrapper_h0x3x,
157
+ .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
158
+ .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__pickerWrapper_h0x3x,
159
+ .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
160
+ .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__pickerWrapper_h0x3x,
161
+ .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
162
+ .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__pickerWrapper_h0x3x,
163
+ .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
164
+ .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__pickerWrapper_h0x3x {
162
165
  margin-left: 24px;
163
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__option_1d792 {
166
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__option_h0x3x {
164
167
  padding: var(--gap-0);
165
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__scrollControls_1d792 > button {
168
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__scrollControls_h0x3x > button {
166
169
  box-sizing: content-box;
167
170
  width: 24px;
168
171
  height: 24px;
169
172
  padding: var(--gap-0);
170
- } .tabs__desktop_1d792.tabs__paragraph-primary-large_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__paragraph-primary-medium_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__accent-primary-large_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__accent-primary-medium_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__action-primary-large_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__action-primary-medium_1d792 .tabs__scrollControls_1d792 button:first-child {
173
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-large_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__paragraph-primary-medium_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__accent-primary-large_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__accent-primary-medium_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__action-primary-large_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__action-primary-medium_h0x3x .tabs__scrollControls_h0x3x button:first-child {
171
174
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
172
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__title_1d792 {
175
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__title_h0x3x {
173
176
  padding-bottom: calc(20px / 2);
174
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__title_1d792 + .tabs__title_1d792,
175
- .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__pickerWrapper_1d792,
176
- .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__title_1d792 + .tabs__title_1d792,
177
- .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__pickerWrapper_1d792,
178
- .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__title_1d792 + .tabs__title_1d792,
179
- .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__pickerWrapper_1d792 {
177
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
178
+ .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__pickerWrapper_h0x3x,
179
+ .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
180
+ .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__pickerWrapper_h0x3x,
181
+ .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
182
+ .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__pickerWrapper_h0x3x {
180
183
  margin-left: 20px;
181
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__option_1d792 {
184
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__option_h0x3x {
182
185
  padding: var(--gap-0);
183
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__scrollControls_1d792 > button {
186
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__scrollControls_h0x3x > button {
184
187
  box-sizing: content-box;
185
188
  width: 20px;
186
189
  height: 20px;
187
190
  padding: var(--gap-0);
188
- } .tabs__desktop_1d792.tabs__paragraph-primary-small_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__accent-primary-small_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__action-primary-small_1d792 .tabs__scrollControls_1d792 button:first-child {
191
+ } .tabs__desktop_h0x3x.tabs__paragraph-primary-small_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__accent-primary-small_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__action-primary-small_h0x3x .tabs__scrollControls_h0x3x button:first-child {
189
192
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
190
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__title_1d792 {
193
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__title_h0x3x {
191
194
  font-size: 48px;
192
195
  line-height: 52px;
193
196
  font-weight: 700;
194
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__title_1d792 {
197
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__title_h0x3x {
195
198
  font-size: 40px;
196
199
  line-height: 48px;
197
200
  font-weight: 700;
198
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__title_1d792 {
201
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__title_h0x3x {
199
202
  font-size: 30px;
200
203
  line-height: 36px;
201
204
  font-weight: 700;
202
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__title_1d792 {
205
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__title_h0x3x {
203
206
  font-size: 22px;
204
207
  line-height: 26px;
205
208
  font-weight: 700;
206
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__title_1d792 {
209
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__title_h0x3x {
207
210
  font-size: 18px;
208
211
  line-height: 22px;
209
212
  font-weight: 700;
210
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__title_1d792 {
213
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__title_h0x3x {
211
214
  font-size: 48px;
212
215
  line-height: 64px;
213
216
  font-weight: 500;
214
217
  font-feature-settings: 'ss01';
215
218
  font-family: var(--font-family-styrene);
216
- } .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__title_1d792 {
219
+ } .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__title_h0x3x {
217
220
  font-size: 40px;
218
221
  line-height: 48px;
219
222
  font-weight: 500;
220
223
  font-feature-settings: 'ss01';
221
224
  font-family: var(--font-family-styrene);
222
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__title_1d792 {
225
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__title_h0x3x {
223
226
  font-size: 32px;
224
227
  line-height: 40px;
225
228
  font-weight: 500;
226
229
  font-feature-settings: 'ss01';
227
230
  font-family: var(--font-family-styrene);
228
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__title_1d792 {
231
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__title_h0x3x {
229
232
  font-size: 24px;
230
233
  line-height: 32px;
231
234
  font-weight: 500;
232
235
  font-feature-settings: 'ss01';
233
236
  font-family: var(--font-family-styrene);
234
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__title_1d792 {
237
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__title_h0x3x {
235
238
  font-size: 20px;
236
239
  line-height: 24px;
237
240
  font-weight: 500;
238
241
  font-feature-settings: 'ss01';
239
242
  font-family: var(--font-family-styrene);
240
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__title_1d792 {
243
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__title_h0x3x {
241
244
  padding-bottom: calc(52px / 2);
242
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__title_1d792 + .tabs__title_1d792,
243
- .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__pickerWrapper_1d792 {
245
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
246
+ .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__pickerWrapper_h0x3x {
244
247
  margin-left: 52px;
245
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__option_1d792 {
248
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__option_h0x3x {
246
249
  padding: var(--gap-0);
247
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__scrollControls_1d792 > button {
250
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__scrollControls_h0x3x > button {
248
251
  box-sizing: content-box;
249
252
  width: 52px;
250
253
  height: 52px;
251
254
  padding: var(--gap-0);
252
- } .tabs__desktop_1d792.tabs__headline-system-xlarge_1d792 .tabs__scrollControls_1d792 button:first-child {
255
+ } .tabs__desktop_h0x3x.tabs__headline-system-xlarge_h0x3x .tabs__scrollControls_h0x3x button:first-child {
253
256
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
254
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__title_1d792, .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__title_1d792 {
257
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__title_h0x3x, .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__title_h0x3x {
255
258
  padding-bottom: calc(48px / 2);
256
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__title_1d792 + .tabs__title_1d792,
257
- .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__pickerWrapper_1d792,
258
- .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__title_1d792 + .tabs__title_1d792,
259
- .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__pickerWrapper_1d792 {
259
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
260
+ .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__pickerWrapper_h0x3x,
261
+ .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
262
+ .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__pickerWrapper_h0x3x {
260
263
  margin-left: 48px;
261
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__option_1d792, .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__option_1d792 {
264
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__option_h0x3x, .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__option_h0x3x {
262
265
  padding: var(--gap-0);
263
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__scrollControls_1d792 > button, .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__scrollControls_1d792 > button {
266
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__scrollControls_h0x3x > button, .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__scrollControls_h0x3x > button {
264
267
  box-sizing: content-box;
265
268
  width: 48px;
266
269
  height: 48px;
267
270
  padding: var(--gap-0);
268
- } .tabs__desktop_1d792.tabs__headline-system-large_1d792 .tabs__scrollControls_1d792 button:first-child, .tabs__desktop_1d792.tabs__headline-large_1d792 .tabs__scrollControls_1d792 button:first-child {
271
+ } .tabs__desktop_h0x3x.tabs__headline-system-large_h0x3x .tabs__scrollControls_h0x3x button:first-child, .tabs__desktop_h0x3x.tabs__headline-large_h0x3x .tabs__scrollControls_h0x3x button:first-child {
269
272
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
270
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__title_1d792 {
273
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__title_h0x3x {
271
274
  padding-bottom: calc(36px / 2);
272
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__title_1d792 + .tabs__title_1d792,
273
- .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__pickerWrapper_1d792 {
275
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
276
+ .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__pickerWrapper_h0x3x {
274
277
  margin-left: 36px;
275
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__option_1d792 {
278
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__option_h0x3x {
276
279
  padding: var(--gap-0);
277
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__scrollControls_1d792 > button {
280
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__scrollControls_h0x3x > button {
278
281
  box-sizing: content-box;
279
282
  width: 36px;
280
283
  height: 36px;
281
284
  padding: var(--gap-0);
282
- } .tabs__desktop_1d792.tabs__headline-system-medium_1d792 .tabs__scrollControls_1d792 button:first-child {
285
+ } .tabs__desktop_h0x3x.tabs__headline-system-medium_h0x3x .tabs__scrollControls_h0x3x button:first-child {
283
286
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
284
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__title_1d792 {
287
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__title_h0x3x {
285
288
  padding-bottom: calc(26px / 2);
286
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__title_1d792 + .tabs__title_1d792,
287
- .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__pickerWrapper_1d792 {
289
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
290
+ .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__pickerWrapper_h0x3x {
288
291
  margin-left: 26px;
289
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__option_1d792 {
292
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__option_h0x3x {
290
293
  padding: var(--gap-0);
291
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__scrollControls_1d792 > button {
294
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__scrollControls_h0x3x > button {
292
295
  box-sizing: content-box;
293
296
  width: 26px;
294
297
  height: 26px;
295
298
  padding: var(--gap-0);
296
- } .tabs__desktop_1d792.tabs__headline-system-small_1d792 .tabs__scrollControls_1d792 button:first-child {
299
+ } .tabs__desktop_h0x3x.tabs__headline-system-small_h0x3x .tabs__scrollControls_h0x3x button:first-child {
297
300
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
298
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__title_1d792 {
301
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__title_h0x3x {
299
302
  padding-bottom: calc(22px / 2);
300
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__title_1d792 + .tabs__title_1d792,
301
- .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__pickerWrapper_1d792 {
303
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
304
+ .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__pickerWrapper_h0x3x {
302
305
  margin-left: 22px;
303
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__option_1d792 {
306
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__option_h0x3x {
304
307
  padding: var(--gap-0);
305
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__scrollControls_1d792 > button {
308
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__scrollControls_h0x3x > button {
306
309
  box-sizing: content-box;
307
310
  width: 22px;
308
311
  height: 22px;
309
312
  padding: var(--gap-0);
310
- } .tabs__desktop_1d792.tabs__headline-system-xsmall_1d792 .tabs__scrollControls_1d792 button:first-child {
313
+ } .tabs__desktop_h0x3x.tabs__headline-system-xsmall_h0x3x .tabs__scrollControls_h0x3x button:first-child {
311
314
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
312
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__title_1d792 {
315
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__title_h0x3x {
313
316
  padding-bottom: calc(64px / 2);
314
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__title_1d792 + .tabs__title_1d792,
315
- .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__pickerWrapper_1d792 {
317
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
318
+ .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__pickerWrapper_h0x3x {
316
319
  margin-left: 64px;
317
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__option_1d792 {
320
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__option_h0x3x {
318
321
  padding: var(--gap-0);
319
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__scrollControls_1d792 > button {
322
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__scrollControls_h0x3x > button {
320
323
  box-sizing: content-box;
321
324
  width: 64px;
322
325
  height: 64px;
323
326
  padding: var(--gap-0);
324
- } .tabs__desktop_1d792.tabs__headline-xlarge_1d792 .tabs__scrollControls_1d792 button:first-child {
327
+ } .tabs__desktop_h0x3x.tabs__headline-xlarge_h0x3x .tabs__scrollControls_h0x3x button:first-child {
325
328
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
326
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__title_1d792 {
329
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__title_h0x3x {
327
330
  padding-bottom: calc(40px / 2);
328
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__title_1d792 + .tabs__title_1d792,
329
- .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__pickerWrapper_1d792 {
331
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
332
+ .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__pickerWrapper_h0x3x {
330
333
  margin-left: 40px;
331
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__option_1d792 {
334
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__option_h0x3x {
332
335
  padding: var(--gap-0);
333
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__scrollControls_1d792 > button {
336
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__scrollControls_h0x3x > button {
334
337
  box-sizing: content-box;
335
338
  width: 40px;
336
339
  height: 40px;
337
340
  padding: var(--gap-0);
338
- } .tabs__desktop_1d792.tabs__headline-medium_1d792 .tabs__scrollControls_1d792 button:first-child {
341
+ } .tabs__desktop_h0x3x.tabs__headline-medium_h0x3x .tabs__scrollControls_h0x3x button:first-child {
339
342
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
340
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__title_1d792 {
343
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__title_h0x3x {
341
344
  padding-bottom: calc(32px / 2);
342
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__title_1d792 + .tabs__title_1d792,
343
- .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__pickerWrapper_1d792 {
345
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
346
+ .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__pickerWrapper_h0x3x {
344
347
  margin-left: 32px;
345
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__option_1d792 {
348
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__option_h0x3x {
346
349
  padding: var(--gap-0);
347
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__scrollControls_1d792 > button {
350
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__scrollControls_h0x3x > button {
348
351
  box-sizing: content-box;
349
352
  width: 32px;
350
353
  height: 32px;
351
354
  padding: var(--gap-0);
352
- } .tabs__desktop_1d792.tabs__headline-small_1d792 .tabs__scrollControls_1d792 button:first-child {
355
+ } .tabs__desktop_h0x3x.tabs__headline-small_h0x3x .tabs__scrollControls_h0x3x button:first-child {
353
356
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
354
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__title_1d792 {
357
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__title_h0x3x {
355
358
  padding-bottom: calc(24px / 2);
356
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__title_1d792 + .tabs__title_1d792,
357
- .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__pickerWrapper_1d792 {
359
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x,
360
+ .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__pickerWrapper_h0x3x {
358
361
  margin-left: 24px;
359
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__option_1d792 {
362
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__option_h0x3x {
360
363
  padding: var(--gap-0);
361
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__scrollControls_1d792 > button {
364
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__scrollControls_h0x3x > button {
362
365
  box-sizing: content-box;
363
366
  width: 24px;
364
367
  height: 24px;
365
368
  padding: var(--gap-0);
366
- } .tabs__desktop_1d792.tabs__headline-xsmall_1d792 .tabs__scrollControls_1d792 button:first-child {
369
+ } .tabs__desktop_h0x3x.tabs__headline-xsmall_h0x3x .tabs__scrollControls_h0x3x button:first-child {
367
370
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
368
- } .tabs__fullWidthScroll_1d792 {
371
+ } .tabs__fullWidthScroll_h0x3x {
369
372
  min-width: calc(100% - 2 * var(--gap-16));
370
373
  margin: var(--gap-0) var(--gap-16);
371
- } .tabs__container_1d792 {
374
+ } .tabs__container_h0x3x {
372
375
  position: relative;
373
376
  overflow: hidden;
374
377
 
375
378
  /* focus-outline fix */
376
379
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
377
380
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
378
- } .tabs__title_1d792 {
381
+ } .tabs__title_h0x3x {
379
382
  display: flex;
380
383
  align-items: center;
381
384
  height: 100%;
@@ -391,82 +394,82 @@
391
394
  -webkit-user-select: none;
392
395
  user-select: none;
393
396
  outline: none
394
- } .tabs__title_1d792:not(:disabled):hover {
397
+ } .tabs__title_h0x3x:not(:disabled):hover {
395
398
  color: var(--primary-tablist-hover-color);
396
- } .tabs__focused_1d792 {
399
+ } .tabs__focused_h0x3x {
397
400
  outline: 2px solid var(--focus-color);
398
401
  outline-offset: 2px;
399
- } .tabs__collapsed_1d792 {
402
+ } .tabs__collapsed_h0x3x {
400
403
  order: 99;
401
404
  visibility: collapse;
402
- } .tabs__selected_1d792 {
405
+ } .tabs__selected_h0x3x {
403
406
  cursor: default;
404
407
  color: var(--primary-tablist-selected-color);
405
- } .tabs__disabled_1d792 {
408
+ } .tabs__disabled_h0x3x {
406
409
  cursor: var(--disabled-cursor);
407
410
  color: var(--primary-tablist-disabled-color);
408
- } .tabs__line_1d792 {
411
+ } .tabs__line_h0x3x {
409
412
  position: absolute;
410
413
  height: 3px;
411
414
  bottom: var(--gap-0);
412
415
  left: var(--gap-0);
413
416
  background-color: var(--primary-tablist-line-color);
414
417
  transition: transform 0.2s ease, width 0.2s ease;
415
- } .tabs__option_1d792 {
418
+ } .tabs__option_h0x3x {
416
419
  color: var(--color-light-text-primary);
417
- } /* sizes */ .tabs__s_1d792 .tabs__title_1d792, .tabs__xs_1d792 .tabs__title_1d792, .tabs__xxs_1d792 .tabs__title_1d792 {
420
+ } /* sizes */ .tabs__s_h0x3x .tabs__title_h0x3x, .tabs__xs_h0x3x .tabs__title_h0x3x, .tabs__xxs_h0x3x .tabs__title_h0x3x {
418
421
  padding: var(--primary-tablist-s-padding);
419
422
  font-size: var(--primary-tablist-s-font-size);
420
423
  font-weight: var(--primary-tablist-s-font-weight);
421
424
  font-family: var(--primary-tablist-s-font-family);
422
425
  line-height: 24px;
423
- } .tabs__s_1d792 .tabs__title_1d792 + .tabs__title_1d792, .tabs__xs_1d792 .tabs__title_1d792 + .tabs__title_1d792, .tabs__xxs_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
426
+ } .tabs__s_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x, .tabs__xs_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x, .tabs__xxs_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x {
424
427
  margin-left: var(--primary-tablist-s-gaps);
425
- } .tabs__s_1d792 .tabs__pickerWrapper_1d792, .tabs__xs_1d792 .tabs__pickerWrapper_1d792, .tabs__xxs_1d792 .tabs__pickerWrapper_1d792 {
428
+ } .tabs__s_h0x3x .tabs__pickerWrapper_h0x3x, .tabs__xs_h0x3x .tabs__pickerWrapper_h0x3x, .tabs__xxs_h0x3x .tabs__pickerWrapper_h0x3x {
426
429
  margin-left: var(--primary-tablist-s-gaps);
427
- } .tabs__s_1d792 .tabs__option_1d792, .tabs__xs_1d792 .tabs__option_1d792, .tabs__xxs_1d792 .tabs__option_1d792 {
430
+ } .tabs__s_h0x3x .tabs__option_h0x3x, .tabs__xs_h0x3x .tabs__option_h0x3x, .tabs__xxs_h0x3x .tabs__option_h0x3x {
428
431
  padding: var(--gap-0);
429
- } .tabs__m_1d792 .tabs__title_1d792 {
432
+ } .tabs__m_h0x3x .tabs__title_h0x3x {
430
433
  padding: var(--primary-tablist-m-padding);
431
434
  font-size: var(--primary-tablist-m-font-size);
432
435
  font-weight: var(--primary-tablist-m-font-weight);
433
436
  font-family: var(--primary-tablist-m-font-family);
434
437
  line-height: 24px;
435
- } .tabs__m_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
438
+ } .tabs__m_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x {
436
439
  margin-left: var(--primary-tablist-m-gaps);
437
- } .tabs__m_1d792 .tabs__pickerWrapper_1d792 {
440
+ } .tabs__m_h0x3x .tabs__pickerWrapper_h0x3x {
438
441
  margin-left: var(--primary-tablist-m-gaps);
439
- } .tabs__m_1d792 .tabs__option_1d792 {
442
+ } .tabs__m_h0x3x .tabs__option_h0x3x {
440
443
  padding: var(--gap-0);
441
- } .tabs__l_1d792 .tabs__title_1d792 {
444
+ } .tabs__l_h0x3x .tabs__title_h0x3x {
442
445
  padding: var(--primary-tablist-l-padding);
443
446
  font-size: var(--primary-tablist-l-font-size);
444
447
  font-weight: var(--primary-tablist-l-font-weight);
445
448
  font-family: var(--primary-tablist-l-font-family);
446
449
  line-height: 24px;
447
- } .tabs__l_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
450
+ } .tabs__l_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x {
448
451
  margin-left: var(--primary-tablist-l-gaps);
449
- } .tabs__l_1d792 .tabs__pickerWrapper_1d792 {
452
+ } .tabs__l_h0x3x .tabs__pickerWrapper_h0x3x {
450
453
  margin-left: var(--primary-tablist-l-gaps);
451
- } .tabs__l_1d792 .tabs__option_1d792 {
454
+ } .tabs__l_h0x3x .tabs__option_h0x3x {
452
455
  padding: var(--gap-0);
453
- } .tabs__xl_1d792 .tabs__title_1d792 {
456
+ } .tabs__xl_h0x3x .tabs__title_h0x3x {
454
457
  padding: var(--primary-tablist-xl-padding);
455
458
  font-size: var(--primary-tablist-xl-font-size);
456
459
  font-weight: var(--primary-tablist-xl-font-weight);
457
460
  font-family: var(--primary-tablist-xl-font-family);
458
461
  line-height: 32px;
459
- } .tabs__xl_1d792 .tabs__title_1d792 + .tabs__title_1d792 {
462
+ } .tabs__xl_h0x3x .tabs__title_h0x3x + .tabs__title_h0x3x {
460
463
  margin-left: var(--primary-tablist-xl-gaps);
461
- } .tabs__xl_1d792 .tabs__pickerWrapper_1d792 {
464
+ } .tabs__xl_h0x3x .tabs__pickerWrapper_h0x3x {
462
465
  margin-left: var(--primary-tablist-xl-gaps);
463
- } .tabs__xl_1d792 .tabs__option_1d792 {
466
+ } .tabs__xl_h0x3x .tabs__option_h0x3x {
464
467
  padding: var(--gap-0);
465
- } .tabs__rightAddons_1d792 {
468
+ } .tabs__rightAddons_h0x3x {
466
469
  display: flex;
467
470
  justify-content: center;
468
471
  align-items: center;
469
472
  margin-left: var(--gap-8);
470
- } .tabs__rightAddonsMarginZero_1d792 {
473
+ } .tabs__rightAddonsMarginZero_h0x3x {
471
474
  margin-left: var(--gap-0);
472
475
  }