@alfalab/core-components-tabs 8.9.4 → 8.9.6

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 +142 -140
  5. package/components/primary-tablist/mobile.css +295 -258
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +17 -15
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +12 -10
  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 +25 -23
  13. package/components/secondary-tablist/mobile.css +92 -55
  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 +10 -8
  17. package/cssm/components/primary-tablist/mobile.module.css +5 -3
  18. package/cssm/components/primary-tablist/text-styles.module.css +3 -1
  19. package/cssm/components/scroll-controls/index.module.css +5 -3
  20. package/cssm/components/scrollable-container/index.module.css +6 -4
  21. package/cssm/components/secondary-tablist/index.module.css +8 -6
  22. package/cssm/components/secondary-tablist/mobile.module.css +4 -2
  23. package/cssm/vars.css +3 -1
  24. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/index.css +142 -140
  28. package/esm/components/primary-tablist/mobile.css +295 -258
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +17 -15
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +12 -10
  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 +25 -23
  36. package/esm/components/secondary-tablist/mobile.css +92 -55
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-923011fe.js +4 -0
  40. package/esm/index.module-c4db491f.js +4 -0
  41. package/index.module-30e1ee94.js +6 -0
  42. package/index.module-ba45dec1.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 +142 -140
  47. package/modern/components/primary-tablist/mobile.css +295 -258
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +17 -15
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +12 -10
  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 +25 -23
  55. package/modern/components/secondary-tablist/mobile.css +92 -55
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-40a8f256.js +4 -0
  59. package/modern/index.module-aafb2a3f.js +4 -0
  60. package/package.json +8 -6
  61. package/esm/index.module-25d76f25.js +0 -4
  62. package/esm/index.module-bd022a7a.js +0 -4
  63. package/index.module-d2fd38e3.js +0 -6
  64. package/index.module-d3194443.js +0 -6
  65. package/modern/index.module-26cbb0cb.js +0 -4
  66. package/modern/index.module-ccbd57dc.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-d3194443.js');
14
+ var index_module = require('../../index.module-30e1ee94.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-d3194443.js');
8
+ var index_module = require('../../index.module-30e1ee94.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-d3194443.js');
8
+ var index_module = require('../../index.module-30e1ee94.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_lspwy tabs__title_odxn7","mobile":"tabs__mobile_lspwy","paragraph-primary-large":"tabs__paragraph-primary-large_lspwy","paragraph-primary-medium":"tabs__paragraph-primary-medium_lspwy","paragraph-primary-small":"tabs__paragraph-primary-small_lspwy","action-primary-large":"tabs__action-primary-large_lspwy","action-primary-medium":"tabs__action-primary-medium_lspwy","action-primary-small":"tabs__action-primary-small_lspwy","accent-primary-large":"tabs__accent-primary-large_lspwy","accent-primary-medium":"tabs__accent-primary-medium_lspwy","accent-primary-small":"tabs__accent-primary-small_lspwy","pickerWrapper":"tabs__pickerWrapper_lspwy","option":"tabs__option_lspwy","scrollControls":"tabs__scrollControls_lspwy","headline-system-xlarge":"tabs__headline-system-xlarge_lspwy","headline-system-large":"tabs__headline-system-large_lspwy","headline-system-medium":"tabs__headline-system-medium_lspwy","headline-system-small":"tabs__headline-system-small_lspwy","headline-system-xsmall":"tabs__headline-system-xsmall_lspwy","headline-xlarge":"tabs__headline-xlarge_lspwy","headline-large":"tabs__headline-large_lspwy","headline-medium":"tabs__headline-medium_lspwy","headline-small":"tabs__headline-small_lspwy","headline-xsmall":"tabs__headline-xsmall_lspwy"};
14
+ var mobileStyles = {"title":"tabs__title_28ae6 tabs__title_1ibzv","mobile":"tabs__mobile_28ae6","paragraph-primary-large":"tabs__paragraph-primary-large_28ae6","paragraph-primary-medium":"tabs__paragraph-primary-medium_28ae6","paragraph-primary-small":"tabs__paragraph-primary-small_28ae6","action-primary-large":"tabs__action-primary-large_28ae6","action-primary-medium":"tabs__action-primary-medium_28ae6","action-primary-small":"tabs__action-primary-small_28ae6","accent-primary-large":"tabs__accent-primary-large_28ae6","accent-primary-medium":"tabs__accent-primary-medium_28ae6","accent-primary-small":"tabs__accent-primary-small_28ae6","pickerWrapper":"tabs__pickerWrapper_28ae6","option":"tabs__option_28ae6","scrollControls":"tabs__scrollControls_28ae6","headline-system-xlarge":"tabs__headline-system-xlarge_28ae6","headline-system-large":"tabs__headline-system-large_28ae6","headline-system-medium":"tabs__headline-system-medium_28ae6","headline-system-small":"tabs__headline-system-small_28ae6","headline-system-xsmall":"tabs__headline-system-xsmall_28ae6","headline-xlarge":"tabs__headline-xlarge_28ae6","headline-large":"tabs__headline-large_28ae6","headline-medium":"tabs__headline-medium_28ae6","headline-small":"tabs__headline-small_28ae6","headline-xsmall":"tabs__headline-xsmall_28ae6"};
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: 11dnc */
1
+ /* hash: 66b9j */
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;
@@ -17,14 +17,16 @@
17
17
 
18
18
  /* Hard up */
19
19
  } :root {
20
- } :root {
21
- --gap-2xs: 4px;
22
- --gap-xs: 8px;
23
- --gap-s: 12px;
24
- --gap-m: 16px;
25
- --gap-l: 20px;
26
- --gap-2xl: 32px;
27
- --gap-2xs-neg: -4px;
20
+ } :root { /* deprecated */
21
+ --gap-2xs: 4px; /* deprecated */
22
+ --gap-xs: 8px; /* deprecated */
23
+ --gap-s: 12px; /* deprecated */ /* deprecated */
24
+ --gap-m: 16px; /* deprecated */
25
+ --gap-l: 20px; /* deprecated */ /* deprecated */
26
+ --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
27
+ --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
+
29
+ /* новые значения, используйте их */
28
30
  } :root {
29
31
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
30
32
  sans-serif;
@@ -85,11 +87,11 @@
85
87
  /* size l */
86
88
 
87
89
  /* size xl */
88
- } .tabs__component_odxn7 {
90
+ } .tabs__component_1ibzv {
89
91
  position: relative;
90
92
  display: inline-flex;
91
93
  min-width: 100%
92
- } .tabs__component_odxn7:before {
94
+ } .tabs__component_1ibzv:before {
93
95
  content: '';
94
96
  display: block;
95
97
  position: absolute;
@@ -97,273 +99,273 @@
97
99
  height: 1px;
98
100
  width: 100%;
99
101
  background-color: var(--primary-tablist-bottom-border-color);
100
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__title_odxn7 {
102
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv {
101
103
  font-size: 18px;
102
104
  line-height: 24px;
103
105
  font-weight: 400;
104
- } .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__title_odxn7 {
106
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv {
105
107
  font-size: 16px;
106
108
  line-height: 24px;
107
109
  font-weight: 400;
108
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__title_odxn7 {
110
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv {
109
111
  font-size: 14px;
110
112
  line-height: 20px;
111
113
  font-weight: 400;
112
- } .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__title_odxn7 {
114
+ } .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv {
113
115
  font-size: 18px;
114
116
  line-height: 24px;
115
117
  font-weight: 500;
116
- } .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__title_odxn7 {
118
+ } .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv {
117
119
  font-size: 16px;
118
120
  line-height: 24px;
119
121
  font-weight: 500;
120
- } .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__title_odxn7 {
122
+ } .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv {
121
123
  font-size: 14px;
122
124
  line-height: 20px;
123
125
  font-weight: 500;
124
- } .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__title_odxn7 {
126
+ } .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv {
125
127
  font-size: 18px;
126
128
  line-height: 24px;
127
129
  font-weight: 700;
128
- } .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__title_odxn7 {
130
+ } .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv {
129
131
  font-size: 16px;
130
132
  line-height: 24px;
131
133
  font-weight: 700;
132
- } .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__title_odxn7 {
134
+ } .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv {
133
135
  font-size: 14px;
134
136
  line-height: 20px;
135
137
  font-weight: 700;
136
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__title_odxn7 {
138
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv {
137
139
  padding-bottom: calc(24px / 2);
138
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
139
- .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__pickerWrapper_odxn7,
140
- .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
141
- .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__pickerWrapper_odxn7,
142
- .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
143
- .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__pickerWrapper_odxn7,
144
- .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
145
- .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__pickerWrapper_odxn7,
146
- .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
147
- .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__pickerWrapper_odxn7,
148
- .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
149
- .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__pickerWrapper_odxn7 {
140
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
141
+ .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
142
+ .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
143
+ .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv,
144
+ .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
145
+ .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
146
+ .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
147
+ .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv,
148
+ .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
149
+ .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__pickerWrapper_1ibzv,
150
+ .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
151
+ .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__pickerWrapper_1ibzv {
150
152
  margin-left: 24px;
151
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__option_odxn7 {
153
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__option_1ibzv {
152
154
  padding: 0;
153
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__scrollControls_odxn7 > button {
155
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__scrollControls_1ibzv > button {
154
156
  box-sizing: content-box;
155
157
  width: 24px;
156
158
  height: 24px;
157
159
  padding: 0;
158
- } .tabs__desktop_odxn7.tabs__paragraph-primary-large_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__paragraph-primary-medium_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__accent-primary-large_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__accent-primary-medium_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__action-primary-large_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__action-primary-medium_odxn7 .tabs__scrollControls_odxn7 button:first-child {
160
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__paragraph-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
159
161
  margin: 0 0 0 calc(24px / 2);
160
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__title_odxn7 {
162
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv {
161
163
  padding-bottom: calc(20px / 2);
162
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
163
- .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__pickerWrapper_odxn7,
164
- .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
165
- .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__pickerWrapper_odxn7,
166
- .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
167
- .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__pickerWrapper_odxn7 {
164
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
165
+ .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__pickerWrapper_1ibzv,
166
+ .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
167
+ .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__pickerWrapper_1ibzv,
168
+ .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
169
+ .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__pickerWrapper_1ibzv {
168
170
  margin-left: 20px;
169
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__option_odxn7 {
171
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__option_1ibzv {
170
172
  padding: 0;
171
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__scrollControls_odxn7 > button {
173
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__scrollControls_1ibzv > button {
172
174
  box-sizing: content-box;
173
175
  width: 20px;
174
176
  height: 20px;
175
177
  padding: 0;
176
- } .tabs__desktop_odxn7.tabs__paragraph-primary-small_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__accent-primary-small_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__action-primary-small_odxn7 .tabs__scrollControls_odxn7 button:first-child {
178
+ } .tabs__desktop_1ibzv.tabs__paragraph-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__accent-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__action-primary-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
177
179
  margin: 0 0 0 calc(20px / 2);
178
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__title_odxn7 {
180
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv {
179
181
  font-size: 48px;
180
182
  line-height: 52px;
181
183
  font-weight: 700;
182
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__title_odxn7 {
184
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv {
183
185
  font-size: 40px;
184
186
  line-height: 48px;
185
187
  font-weight: 700;
186
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__title_odxn7 {
188
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv {
187
189
  font-size: 30px;
188
190
  line-height: 36px;
189
191
  font-weight: 700;
190
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__title_odxn7 {
192
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv {
191
193
  font-size: 22px;
192
194
  line-height: 26px;
193
195
  font-weight: 700;
194
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__title_odxn7 {
196
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv {
195
197
  font-size: 18px;
196
198
  line-height: 22px;
197
199
  font-weight: 700;
198
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__title_odxn7 {
200
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv {
199
201
  font-size: 48px;
200
202
  line-height: 64px;
201
203
  font-weight: 500;
202
204
  font-feature-settings: 'ss01';
203
205
  font-family: var(--font-family-styrene);
204
- } .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__title_odxn7 {
206
+ } .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv {
205
207
  font-size: 40px;
206
208
  line-height: 48px;
207
209
  font-weight: 500;
208
210
  font-feature-settings: 'ss01';
209
211
  font-family: var(--font-family-styrene);
210
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__title_odxn7 {
212
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv {
211
213
  font-size: 32px;
212
214
  line-height: 40px;
213
215
  font-weight: 500;
214
216
  font-feature-settings: 'ss01';
215
217
  font-family: var(--font-family-styrene);
216
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__title_odxn7 {
218
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv {
217
219
  font-size: 24px;
218
220
  line-height: 32px;
219
221
  font-weight: 500;
220
222
  font-feature-settings: 'ss01';
221
223
  font-family: var(--font-family-styrene);
222
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__title_odxn7 {
224
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv {
223
225
  font-size: 20px;
224
226
  line-height: 24px;
225
227
  font-weight: 500;
226
228
  font-feature-settings: 'ss01';
227
229
  font-family: var(--font-family-styrene);
228
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__title_odxn7 {
230
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv {
229
231
  padding-bottom: calc(52px / 2);
230
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
231
- .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__pickerWrapper_odxn7 {
232
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
233
+ .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__pickerWrapper_1ibzv {
232
234
  margin-left: 52px;
233
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__option_odxn7 {
235
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__option_1ibzv {
234
236
  padding: 0;
235
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__scrollControls_odxn7 > button {
237
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__scrollControls_1ibzv > button {
236
238
  box-sizing: content-box;
237
239
  width: 52px;
238
240
  height: 52px;
239
241
  padding: 0;
240
- } .tabs__desktop_odxn7.tabs__headline-system-xlarge_odxn7 .tabs__scrollControls_odxn7 button:first-child {
242
+ } .tabs__desktop_1ibzv.tabs__headline-system-xlarge_1ibzv .tabs__scrollControls_1ibzv button:first-child {
241
243
  margin: 0 0 0 calc(52px / 2);
242
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__title_odxn7, .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__title_odxn7 {
244
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv {
243
245
  padding-bottom: calc(48px / 2);
244
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
245
- .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__pickerWrapper_odxn7,
246
- .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
247
- .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__pickerWrapper_odxn7 {
246
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
247
+ .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__pickerWrapper_1ibzv,
248
+ .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
249
+ .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__pickerWrapper_1ibzv {
248
250
  margin-left: 48px;
249
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__option_odxn7, .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__option_odxn7 {
251
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__option_1ibzv, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__option_1ibzv {
250
252
  padding: 0;
251
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__scrollControls_odxn7 > button, .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__scrollControls_odxn7 > button {
253
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__scrollControls_1ibzv > button, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__scrollControls_1ibzv > button {
252
254
  box-sizing: content-box;
253
255
  width: 48px;
254
256
  height: 48px;
255
257
  padding: 0;
256
- } .tabs__desktop_odxn7.tabs__headline-system-large_odxn7 .tabs__scrollControls_odxn7 button:first-child, .tabs__desktop_odxn7.tabs__headline-large_odxn7 .tabs__scrollControls_odxn7 button:first-child {
258
+ } .tabs__desktop_1ibzv.tabs__headline-system-large_1ibzv .tabs__scrollControls_1ibzv button:first-child, .tabs__desktop_1ibzv.tabs__headline-large_1ibzv .tabs__scrollControls_1ibzv button:first-child {
257
259
  margin: 0 0 0 calc(48px / 2);
258
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__title_odxn7 {
260
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv {
259
261
  padding-bottom: calc(36px / 2);
260
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
261
- .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__pickerWrapper_odxn7 {
262
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
263
+ .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__pickerWrapper_1ibzv {
262
264
  margin-left: 36px;
263
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__option_odxn7 {
265
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__option_1ibzv {
264
266
  padding: 0;
265
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__scrollControls_odxn7 > button {
267
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__scrollControls_1ibzv > button {
266
268
  box-sizing: content-box;
267
269
  width: 36px;
268
270
  height: 36px;
269
271
  padding: 0;
270
- } .tabs__desktop_odxn7.tabs__headline-system-medium_odxn7 .tabs__scrollControls_odxn7 button:first-child {
272
+ } .tabs__desktop_1ibzv.tabs__headline-system-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
271
273
  margin: 0 0 0 calc(36px / 2);
272
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__title_odxn7 {
274
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv {
273
275
  padding-bottom: calc(26px / 2);
274
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
275
- .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__pickerWrapper_odxn7 {
276
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
277
+ .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__pickerWrapper_1ibzv {
276
278
  margin-left: 26px;
277
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__option_odxn7 {
279
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__option_1ibzv {
278
280
  padding: 0;
279
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__scrollControls_odxn7 > button {
281
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__scrollControls_1ibzv > button {
280
282
  box-sizing: content-box;
281
283
  width: 26px;
282
284
  height: 26px;
283
285
  padding: 0;
284
- } .tabs__desktop_odxn7.tabs__headline-system-small_odxn7 .tabs__scrollControls_odxn7 button:first-child {
286
+ } .tabs__desktop_1ibzv.tabs__headline-system-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
285
287
  margin: 0 0 0 calc(26px / 2);
286
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__title_odxn7 {
288
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv {
287
289
  padding-bottom: calc(22px / 2);
288
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
289
- .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__pickerWrapper_odxn7 {
290
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
291
+ .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__pickerWrapper_1ibzv {
290
292
  margin-left: 22px;
291
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__option_odxn7 {
293
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__option_1ibzv {
292
294
  padding: 0;
293
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__scrollControls_odxn7 > button {
295
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__scrollControls_1ibzv > button {
294
296
  box-sizing: content-box;
295
297
  width: 22px;
296
298
  height: 22px;
297
299
  padding: 0;
298
- } .tabs__desktop_odxn7.tabs__headline-system-xsmall_odxn7 .tabs__scrollControls_odxn7 button:first-child {
300
+ } .tabs__desktop_1ibzv.tabs__headline-system-xsmall_1ibzv .tabs__scrollControls_1ibzv button:first-child {
299
301
  margin: 0 0 0 calc(22px / 2);
300
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__title_odxn7 {
302
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv {
301
303
  padding-bottom: calc(64px / 2);
302
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
303
- .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__pickerWrapper_odxn7 {
304
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
305
+ .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__pickerWrapper_1ibzv {
304
306
  margin-left: 64px;
305
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__option_odxn7 {
307
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__option_1ibzv {
306
308
  padding: 0;
307
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__scrollControls_odxn7 > button {
309
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__scrollControls_1ibzv > button {
308
310
  box-sizing: content-box;
309
311
  width: 64px;
310
312
  height: 64px;
311
313
  padding: 0;
312
- } .tabs__desktop_odxn7.tabs__headline-xlarge_odxn7 .tabs__scrollControls_odxn7 button:first-child {
314
+ } .tabs__desktop_1ibzv.tabs__headline-xlarge_1ibzv .tabs__scrollControls_1ibzv button:first-child {
313
315
  margin: 0 0 0 calc(64px / 2);
314
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__title_odxn7 {
316
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv {
315
317
  padding-bottom: calc(40px / 2);
316
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
317
- .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__pickerWrapper_odxn7 {
318
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
319
+ .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__pickerWrapper_1ibzv {
318
320
  margin-left: 40px;
319
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__option_odxn7 {
321
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__option_1ibzv {
320
322
  padding: 0;
321
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__scrollControls_odxn7 > button {
323
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__scrollControls_1ibzv > button {
322
324
  box-sizing: content-box;
323
325
  width: 40px;
324
326
  height: 40px;
325
327
  padding: 0;
326
- } .tabs__desktop_odxn7.tabs__headline-medium_odxn7 .tabs__scrollControls_odxn7 button:first-child {
328
+ } .tabs__desktop_1ibzv.tabs__headline-medium_1ibzv .tabs__scrollControls_1ibzv button:first-child {
327
329
  margin: 0 0 0 calc(40px / 2);
328
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__title_odxn7 {
330
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv {
329
331
  padding-bottom: calc(32px / 2);
330
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
331
- .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__pickerWrapper_odxn7 {
332
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
333
+ .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__pickerWrapper_1ibzv {
332
334
  margin-left: 32px;
333
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__option_odxn7 {
335
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__option_1ibzv {
334
336
  padding: 0;
335
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__scrollControls_odxn7 > button {
337
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__scrollControls_1ibzv > button {
336
338
  box-sizing: content-box;
337
339
  width: 32px;
338
340
  height: 32px;
339
341
  padding: 0;
340
- } .tabs__desktop_odxn7.tabs__headline-small_odxn7 .tabs__scrollControls_odxn7 button:first-child {
342
+ } .tabs__desktop_1ibzv.tabs__headline-small_1ibzv .tabs__scrollControls_1ibzv button:first-child {
341
343
  margin: 0 0 0 calc(32px / 2);
342
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__title_odxn7 {
344
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv {
343
345
  padding-bottom: calc(24px / 2);
344
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7,
345
- .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__pickerWrapper_odxn7 {
346
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv,
347
+ .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__pickerWrapper_1ibzv {
346
348
  margin-left: 24px;
347
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__option_odxn7 {
349
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__option_1ibzv {
348
350
  padding: 0;
349
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__scrollControls_odxn7 > button {
351
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__scrollControls_1ibzv > button {
350
352
  box-sizing: content-box;
351
353
  width: 24px;
352
354
  height: 24px;
353
355
  padding: 0;
354
- } .tabs__desktop_odxn7.tabs__headline-xsmall_odxn7 .tabs__scrollControls_odxn7 button:first-child {
356
+ } .tabs__desktop_1ibzv.tabs__headline-xsmall_1ibzv .tabs__scrollControls_1ibzv button:first-child {
355
357
  margin: 0 0 0 calc(24px / 2);
356
- } .tabs__fullWidthScroll_odxn7 {
358
+ } .tabs__fullWidthScroll_1ibzv {
357
359
  min-width: calc(100% - 2 * var(--gap-m));
358
360
  margin: 0 var(--gap-m);
359
- } .tabs__container_odxn7 {
361
+ } .tabs__container_1ibzv {
360
362
  position: relative;
361
363
  overflow: hidden;
362
364
 
363
365
  /* focus-outline fix */
364
366
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
365
367
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
366
- } .tabs__title_odxn7 {
368
+ } .tabs__title_1ibzv {
367
369
  display: flex;
368
370
  align-items: center;
369
371
  height: 100%;
@@ -379,82 +381,82 @@
379
381
  -webkit-user-select: none;
380
382
  user-select: none;
381
383
  outline: none
382
- } .tabs__title_odxn7:not(:disabled):hover {
384
+ } .tabs__title_1ibzv:not(:disabled):hover {
383
385
  color: var(--primary-tablist-hover-color);
384
- } .tabs__focused_odxn7 {
386
+ } .tabs__focused_1ibzv {
385
387
  outline: 2px solid var(--focus-color);
386
388
  outline-offset: 2px;
387
- } .tabs__collapsed_odxn7 {
389
+ } .tabs__collapsed_1ibzv {
388
390
  order: 99;
389
391
  visibility: collapse;
390
- } .tabs__selected_odxn7 {
392
+ } .tabs__selected_1ibzv {
391
393
  cursor: default;
392
394
  color: var(--primary-tablist-selected-color);
393
- } .tabs__disabled_odxn7 {
395
+ } .tabs__disabled_1ibzv {
394
396
  cursor: var(--disabled-cursor);
395
397
  color: var(--primary-tablist-disabled-color);
396
- } .tabs__line_odxn7 {
398
+ } .tabs__line_1ibzv {
397
399
  position: absolute;
398
400
  height: 3px;
399
401
  bottom: 0;
400
402
  left: 0;
401
403
  background-color: var(--primary-tablist-line-color);
402
404
  transition: transform 0.2s ease, width 0.2s ease;
403
- } .tabs__option_odxn7 {
405
+ } .tabs__option_1ibzv {
404
406
  color: var(--color-light-text-primary);
405
- } /* sizes */ .tabs__s_odxn7 .tabs__title_odxn7, .tabs__xs_odxn7 .tabs__title_odxn7, .tabs__xxs_odxn7 .tabs__title_odxn7 {
407
+ } /* sizes */ .tabs__s_1ibzv .tabs__title_1ibzv, .tabs__xs_1ibzv .tabs__title_1ibzv, .tabs__xxs_1ibzv .tabs__title_1ibzv {
406
408
  padding: var(--primary-tablist-s-padding);
407
409
  font-size: var(--primary-tablist-s-font-size);
408
410
  font-weight: var(--primary-tablist-s-font-weight);
409
411
  font-family: var(--primary-tablist-s-font-family);
410
412
  line-height: 24px;
411
- } .tabs__s_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7, .tabs__xs_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7, .tabs__xxs_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7 {
413
+ } .tabs__s_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv, .tabs__xs_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv, .tabs__xxs_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
412
414
  margin-left: var(--primary-tablist-s-gaps);
413
- } .tabs__s_odxn7 .tabs__pickerWrapper_odxn7, .tabs__xs_odxn7 .tabs__pickerWrapper_odxn7, .tabs__xxs_odxn7 .tabs__pickerWrapper_odxn7 {
415
+ } .tabs__s_1ibzv .tabs__pickerWrapper_1ibzv, .tabs__xs_1ibzv .tabs__pickerWrapper_1ibzv, .tabs__xxs_1ibzv .tabs__pickerWrapper_1ibzv {
414
416
  margin-left: var(--primary-tablist-s-gaps);
415
- } .tabs__s_odxn7 .tabs__option_odxn7, .tabs__xs_odxn7 .tabs__option_odxn7, .tabs__xxs_odxn7 .tabs__option_odxn7 {
417
+ } .tabs__s_1ibzv .tabs__option_1ibzv, .tabs__xs_1ibzv .tabs__option_1ibzv, .tabs__xxs_1ibzv .tabs__option_1ibzv {
416
418
  padding: 0;
417
- } .tabs__m_odxn7 .tabs__title_odxn7 {
419
+ } .tabs__m_1ibzv .tabs__title_1ibzv {
418
420
  padding: var(--primary-tablist-m-padding);
419
421
  font-size: var(--primary-tablist-m-font-size);
420
422
  font-weight: var(--primary-tablist-m-font-weight);
421
423
  font-family: var(--primary-tablist-m-font-family);
422
424
  line-height: 24px;
423
- } .tabs__m_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7 {
425
+ } .tabs__m_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
424
426
  margin-left: var(--primary-tablist-m-gaps);
425
- } .tabs__m_odxn7 .tabs__pickerWrapper_odxn7 {
427
+ } .tabs__m_1ibzv .tabs__pickerWrapper_1ibzv {
426
428
  margin-left: var(--primary-tablist-m-gaps);
427
- } .tabs__m_odxn7 .tabs__option_odxn7 {
429
+ } .tabs__m_1ibzv .tabs__option_1ibzv {
428
430
  padding: 0;
429
- } .tabs__l_odxn7 .tabs__title_odxn7 {
431
+ } .tabs__l_1ibzv .tabs__title_1ibzv {
430
432
  padding: var(--primary-tablist-l-padding);
431
433
  font-size: var(--primary-tablist-l-font-size);
432
434
  font-weight: var(--primary-tablist-l-font-weight);
433
435
  font-family: var(--primary-tablist-l-font-family);
434
436
  line-height: 24px;
435
- } .tabs__l_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7 {
437
+ } .tabs__l_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
436
438
  margin-left: var(--primary-tablist-l-gaps);
437
- } .tabs__l_odxn7 .tabs__pickerWrapper_odxn7 {
439
+ } .tabs__l_1ibzv .tabs__pickerWrapper_1ibzv {
438
440
  margin-left: var(--primary-tablist-l-gaps);
439
- } .tabs__l_odxn7 .tabs__option_odxn7 {
441
+ } .tabs__l_1ibzv .tabs__option_1ibzv {
440
442
  padding: 0;
441
- } .tabs__xl_odxn7 .tabs__title_odxn7 {
443
+ } .tabs__xl_1ibzv .tabs__title_1ibzv {
442
444
  padding: var(--primary-tablist-xl-padding);
443
445
  font-size: var(--primary-tablist-xl-font-size);
444
446
  font-weight: var(--primary-tablist-xl-font-weight);
445
447
  font-family: var(--primary-tablist-xl-font-family);
446
448
  line-height: 32px;
447
- } .tabs__xl_odxn7 .tabs__title_odxn7 + .tabs__title_odxn7 {
449
+ } .tabs__xl_1ibzv .tabs__title_1ibzv + .tabs__title_1ibzv {
448
450
  margin-left: var(--primary-tablist-xl-gaps);
449
- } .tabs__xl_odxn7 .tabs__pickerWrapper_odxn7 {
451
+ } .tabs__xl_1ibzv .tabs__pickerWrapper_1ibzv {
450
452
  margin-left: var(--primary-tablist-xl-gaps);
451
- } .tabs__xl_odxn7 .tabs__option_odxn7 {
453
+ } .tabs__xl_1ibzv .tabs__option_1ibzv {
452
454
  padding: 0;
453
- } .tabs__rightAddons_odxn7 {
455
+ } .tabs__rightAddons_1ibzv {
454
456
  display: flex;
455
457
  justify-content: center;
456
458
  align-items: center;
457
459
  margin-left: var(--gap-xs);
458
- } .tabs__rightAddonsMarginZero_odxn7 {
460
+ } .tabs__rightAddonsMarginZero_1ibzv {
459
461
  margin-left: 0;
460
462
  }