@alfalab/core-components-tabs 8.12.32 → 8.13.0

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 (97) 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 +134 -132
  5. package/components/primary-tablist/mobile.css +225 -220
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +14 -12
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +8 -6
  10. package/components/secondary-tablist/Component.desktop.d.ts +1 -1
  11. package/components/secondary-tablist/Component.desktop.js +8 -3
  12. package/components/secondary-tablist/Component.mobile.d.ts +1 -1
  13. package/components/secondary-tablist/Component.mobile.js +7 -4
  14. package/components/secondary-tablist/index.css +24 -17
  15. package/components/secondary-tablist/mobile.css +32 -20
  16. package/components/tab/Component.js +1 -1
  17. package/components/tab/index.css +3 -3
  18. package/components/title/Component.js +3 -4
  19. package/cssm/components/primary-tablist/index.module.css +2 -0
  20. package/cssm/components/primary-tablist/mobile.module.css +2 -0
  21. package/cssm/components/scroll-controls/index.module.css +2 -0
  22. package/cssm/components/scrollable-container/index.module.css +2 -0
  23. package/cssm/components/secondary-tablist/Component.desktop.d.ts +1 -1
  24. package/cssm/components/secondary-tablist/Component.desktop.js +9 -4
  25. package/cssm/components/secondary-tablist/Component.mobile.d.ts +1 -1
  26. package/cssm/components/secondary-tablist/Component.mobile.js +8 -5
  27. package/cssm/components/secondary-tablist/index.module.css +8 -1
  28. package/cssm/components/secondary-tablist/mobile.module.css +6 -0
  29. package/cssm/components/title/Component.js +3 -4
  30. package/cssm/vars.css +2 -0
  31. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  32. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  33. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  34. package/esm/components/primary-tablist/index.css +134 -132
  35. package/esm/components/primary-tablist/mobile.css +225 -220
  36. package/esm/components/scroll-controls/Component.js +1 -1
  37. package/esm/components/scroll-controls/index.css +14 -12
  38. package/esm/components/scrollable-container/Component.js +1 -1
  39. package/esm/components/scrollable-container/index.css +8 -6
  40. package/esm/components/secondary-tablist/Component.desktop.d.ts +1 -1
  41. package/esm/components/secondary-tablist/Component.desktop.js +7 -3
  42. package/esm/components/secondary-tablist/Component.mobile.d.ts +1 -1
  43. package/esm/components/secondary-tablist/Component.mobile.js +7 -4
  44. package/esm/components/secondary-tablist/index.css +24 -17
  45. package/esm/components/secondary-tablist/mobile.css +32 -20
  46. package/esm/components/tab/Component.js +1 -1
  47. package/esm/components/tab/index.css +3 -3
  48. package/esm/components/title/Component.js +3 -4
  49. package/esm/index.module-c0b82ad9.js +4 -0
  50. package/esm/index.module-c7e4051e.js +4 -0
  51. package/index.module-4d7ba305.js +6 -0
  52. package/index.module-b3afb07e.js +6 -0
  53. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  54. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  55. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  56. package/modern/components/primary-tablist/index.css +134 -132
  57. package/modern/components/primary-tablist/mobile.css +225 -220
  58. package/modern/components/scroll-controls/Component.js +1 -1
  59. package/modern/components/scroll-controls/index.css +14 -12
  60. package/modern/components/scrollable-container/Component.js +1 -1
  61. package/modern/components/scrollable-container/index.css +8 -6
  62. package/modern/components/secondary-tablist/Component.desktop.d.ts +1 -1
  63. package/modern/components/secondary-tablist/Component.desktop.js +5 -2
  64. package/modern/components/secondary-tablist/Component.mobile.d.ts +1 -1
  65. package/modern/components/secondary-tablist/Component.mobile.js +5 -3
  66. package/modern/components/secondary-tablist/index.css +24 -17
  67. package/modern/components/secondary-tablist/mobile.css +32 -20
  68. package/modern/components/tab/Component.js +1 -1
  69. package/modern/components/tab/index.css +3 -3
  70. package/modern/components/title/Component.js +3 -4
  71. package/modern/index.module-6050a4cf.js +4 -0
  72. package/modern/index.module-c027a06a.js +4 -0
  73. package/moderncssm/components/primary-tablist/index.module.css +2 -0
  74. package/moderncssm/components/primary-tablist/mobile.module.css +2 -0
  75. package/moderncssm/components/scroll-controls/index.module.css +2 -0
  76. package/moderncssm/components/scrollable-container/index.module.css +2 -0
  77. package/moderncssm/components/secondary-tablist/Component.desktop.d.ts +1 -1
  78. package/moderncssm/components/secondary-tablist/Component.desktop.js +5 -2
  79. package/moderncssm/components/secondary-tablist/Component.mobile.d.ts +1 -1
  80. package/moderncssm/components/secondary-tablist/Component.mobile.js +5 -3
  81. package/moderncssm/components/secondary-tablist/index.module.css +8 -0
  82. package/moderncssm/components/secondary-tablist/mobile.module.css +7 -0
  83. package/moderncssm/components/title/Component.js +3 -4
  84. package/moderncssm/vars.css +2 -0
  85. package/package.json +3 -3
  86. package/src/components/secondary-tablist/Component.desktop.tsx +9 -2
  87. package/src/components/secondary-tablist/Component.mobile.tsx +5 -1
  88. package/src/components/secondary-tablist/index.module.css +8 -0
  89. package/src/components/secondary-tablist/mobile.module.css +4 -0
  90. package/src/components/title/Component.tsx +3 -4
  91. package/src/vars.css +3 -0
  92. package/esm/index.module-048cc668.js +0 -4
  93. package/esm/index.module-f2cd7c85.js +0 -4
  94. package/index.module-365d7dc6.js +0 -6
  95. package/index.module-fe33964e.js +0 -6
  96. package/modern/index.module-73eb45a1.js +0 -4
  97. package/modern/index.module-74d79d0c.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-365d7dc6.js');
14
+ var index_module = require('../../index.module-b3afb07e.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-365d7dc6.js');
8
+ var index_module = require('../../index.module-b3afb07e.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-365d7dc6.js');
8
+ var index_module = require('../../index.module-b3afb07e.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_dczys tabs__title_1aqyn","mobile":"tabs__mobile_dczys","paragraph-primary-large":"tabs__paragraph-primary-large_dczys","paragraph-primary-medium":"tabs__paragraph-primary-medium_dczys","paragraph-primary-small":"tabs__paragraph-primary-small_dczys","action-primary-large":"tabs__action-primary-large_dczys","action-primary-medium":"tabs__action-primary-medium_dczys","action-primary-small":"tabs__action-primary-small_dczys","accent-primary-large":"tabs__accent-primary-large_dczys","accent-primary-medium":"tabs__accent-primary-medium_dczys","accent-primary-small":"tabs__accent-primary-small_dczys","pickerWrapper":"tabs__pickerWrapper_dczys","option":"tabs__option_dczys","scrollControls":"tabs__scrollControls_dczys","headline-system-xlarge":"tabs__headline-system-xlarge_dczys","headline-system-large":"tabs__headline-system-large_dczys","headline-system-medium":"tabs__headline-system-medium_dczys","headline-system-small":"tabs__headline-system-small_dczys","headline-system-xsmall":"tabs__headline-system-xsmall_dczys","headline-xlarge":"tabs__headline-xlarge_dczys","headline-large":"tabs__headline-large_dczys","headline-medium":"tabs__headline-medium_dczys","headline-small":"tabs__headline-small_dczys","headline-xsmall":"tabs__headline-xsmall_dczys"};
14
+ var mobileStyles = {"title":"tabs__title_5cm48 tabs__title_1qwix","mobile":"tabs__mobile_5cm48","paragraph-primary-large":"tabs__paragraph-primary-large_5cm48","paragraph-primary-medium":"tabs__paragraph-primary-medium_5cm48","paragraph-primary-small":"tabs__paragraph-primary-small_5cm48","action-primary-large":"tabs__action-primary-large_5cm48","action-primary-medium":"tabs__action-primary-medium_5cm48","action-primary-small":"tabs__action-primary-small_5cm48","accent-primary-large":"tabs__accent-primary-large_5cm48","accent-primary-medium":"tabs__accent-primary-medium_5cm48","accent-primary-small":"tabs__accent-primary-small_5cm48","pickerWrapper":"tabs__pickerWrapper_5cm48","option":"tabs__option_5cm48","scrollControls":"tabs__scrollControls_5cm48","headline-system-xlarge":"tabs__headline-system-xlarge_5cm48","headline-system-large":"tabs__headline-system-large_5cm48","headline-system-medium":"tabs__headline-system-medium_5cm48","headline-system-small":"tabs__headline-system-small_5cm48","headline-system-xsmall":"tabs__headline-system-xsmall_5cm48","headline-xlarge":"tabs__headline-xlarge_5cm48","headline-large":"tabs__headline-large_5cm48","headline-medium":"tabs__headline-medium_5cm48","headline-small":"tabs__headline-small_5cm48","headline-xsmall":"tabs__headline-xsmall_5cm48"};
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: 1b79c */
1
+ /* hash: 3b920 */
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;
@@ -100,11 +100,13 @@
100
100
  /* size l */
101
101
 
102
102
  /* size xl */
103
- } .tabs__component_1aqyn {
103
+
104
+ /* default transparent gaps */
105
+ } .tabs__component_1qwix {
104
106
  position: relative;
105
107
  display: inline-flex;
106
108
  min-width: 100%
107
- } .tabs__component_1aqyn:before {
109
+ } .tabs__component_1qwix:before {
108
110
  content: '';
109
111
  display: block;
110
112
  position: absolute;
@@ -112,273 +114,273 @@
112
114
  height: 1px;
113
115
  width: 100%;
114
116
  background-color: var(--primary-tablist-bottom-border-color);
115
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__title_1aqyn {
117
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__title_1qwix {
116
118
  font-size: 18px;
117
119
  line-height: 24px;
118
120
  font-weight: 400;
119
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__title_1aqyn {
121
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__title_1qwix {
120
122
  font-size: 16px;
121
123
  line-height: 24px;
122
124
  font-weight: 400;
123
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__title_1aqyn {
125
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__title_1qwix {
124
126
  font-size: 14px;
125
127
  line-height: 20px;
126
128
  font-weight: 400;
127
- } .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__title_1aqyn {
129
+ } .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__title_1qwix {
128
130
  font-size: 18px;
129
131
  line-height: 24px;
130
132
  font-weight: 500;
131
- } .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__title_1aqyn {
133
+ } .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__title_1qwix {
132
134
  font-size: 16px;
133
135
  line-height: 24px;
134
136
  font-weight: 500;
135
- } .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__title_1aqyn {
137
+ } .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__title_1qwix {
136
138
  font-size: 14px;
137
139
  line-height: 20px;
138
140
  font-weight: 500;
139
- } .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__title_1aqyn {
141
+ } .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__title_1qwix {
140
142
  font-size: 18px;
141
143
  line-height: 24px;
142
144
  font-weight: 700;
143
- } .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__title_1aqyn {
145
+ } .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__title_1qwix {
144
146
  font-size: 16px;
145
147
  line-height: 24px;
146
148
  font-weight: 700;
147
- } .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__title_1aqyn {
149
+ } .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__title_1qwix {
148
150
  font-size: 14px;
149
151
  line-height: 20px;
150
152
  font-weight: 700;
151
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__title_1aqyn {
153
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__title_1qwix {
152
154
  padding-bottom: calc(24px / 2);
153
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
154
- .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__pickerWrapper_1aqyn,
155
- .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
156
- .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__pickerWrapper_1aqyn,
157
- .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
158
- .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__pickerWrapper_1aqyn,
159
- .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
160
- .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__pickerWrapper_1aqyn,
161
- .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
162
- .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__pickerWrapper_1aqyn,
163
- .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
164
- .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__pickerWrapper_1aqyn {
155
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
156
+ .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__pickerWrapper_1qwix,
157
+ .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
158
+ .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__pickerWrapper_1qwix,
159
+ .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
160
+ .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__pickerWrapper_1qwix,
161
+ .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
162
+ .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__pickerWrapper_1qwix,
163
+ .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
164
+ .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__pickerWrapper_1qwix,
165
+ .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
166
+ .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__pickerWrapper_1qwix {
165
167
  margin-left: 24px;
166
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__option_1aqyn {
168
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__option_1qwix {
167
169
  padding: var(--gap-0);
168
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__scrollControls_1aqyn > button {
170
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__scrollControls_1qwix > button {
169
171
  box-sizing: content-box;
170
172
  width: 24px;
171
173
  height: 24px;
172
174
  padding: var(--gap-0);
173
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-large_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__paragraph-primary-medium_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__accent-primary-large_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__accent-primary-medium_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__action-primary-large_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__action-primary-medium_1aqyn .tabs__scrollControls_1aqyn button:first-child {
175
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-large_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__paragraph-primary-medium_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__accent-primary-large_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__accent-primary-medium_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__action-primary-large_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__action-primary-medium_1qwix .tabs__scrollControls_1qwix button:first-child {
174
176
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
175
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__title_1aqyn {
177
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__title_1qwix {
176
178
  padding-bottom: calc(20px / 2);
177
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
178
- .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__pickerWrapper_1aqyn,
179
- .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
180
- .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__pickerWrapper_1aqyn,
181
- .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
182
- .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__pickerWrapper_1aqyn {
179
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
180
+ .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__pickerWrapper_1qwix,
181
+ .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
182
+ .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__pickerWrapper_1qwix,
183
+ .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
184
+ .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__pickerWrapper_1qwix {
183
185
  margin-left: 20px;
184
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__option_1aqyn {
186
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__option_1qwix {
185
187
  padding: var(--gap-0);
186
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__scrollControls_1aqyn > button {
188
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__scrollControls_1qwix > button {
187
189
  box-sizing: content-box;
188
190
  width: 20px;
189
191
  height: 20px;
190
192
  padding: var(--gap-0);
191
- } .tabs__desktop_1aqyn.tabs__paragraph-primary-small_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__accent-primary-small_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__action-primary-small_1aqyn .tabs__scrollControls_1aqyn button:first-child {
193
+ } .tabs__desktop_1qwix.tabs__paragraph-primary-small_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__accent-primary-small_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__action-primary-small_1qwix .tabs__scrollControls_1qwix button:first-child {
192
194
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
193
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__title_1aqyn {
195
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__title_1qwix {
194
196
  font-size: 48px;
195
197
  line-height: 52px;
196
198
  font-weight: 700;
197
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__title_1aqyn {
199
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__title_1qwix {
198
200
  font-size: 40px;
199
201
  line-height: 48px;
200
202
  font-weight: 700;
201
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__title_1aqyn {
203
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__title_1qwix {
202
204
  font-size: 30px;
203
205
  line-height: 36px;
204
206
  font-weight: 700;
205
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__title_1aqyn {
207
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__title_1qwix {
206
208
  font-size: 22px;
207
209
  line-height: 26px;
208
210
  font-weight: 700;
209
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__title_1aqyn {
211
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__title_1qwix {
210
212
  font-size: 18px;
211
213
  line-height: 22px;
212
214
  font-weight: 700;
213
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__title_1aqyn {
215
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__title_1qwix {
214
216
  font-size: 48px;
215
217
  line-height: 64px;
216
218
  font-weight: 500;
217
219
  font-feature-settings: 'ss01';
218
220
  font-family: var(--font-family-styrene);
219
- } .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__title_1aqyn {
221
+ } .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__title_1qwix {
220
222
  font-size: 40px;
221
223
  line-height: 48px;
222
224
  font-weight: 500;
223
225
  font-feature-settings: 'ss01';
224
226
  font-family: var(--font-family-styrene);
225
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__title_1aqyn {
227
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__title_1qwix {
226
228
  font-size: 32px;
227
229
  line-height: 40px;
228
230
  font-weight: 500;
229
231
  font-feature-settings: 'ss01';
230
232
  font-family: var(--font-family-styrene);
231
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__title_1aqyn {
233
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__title_1qwix {
232
234
  font-size: 24px;
233
235
  line-height: 32px;
234
236
  font-weight: 500;
235
237
  font-feature-settings: 'ss01';
236
238
  font-family: var(--font-family-styrene);
237
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__title_1aqyn {
239
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__title_1qwix {
238
240
  font-size: 20px;
239
241
  line-height: 24px;
240
242
  font-weight: 500;
241
243
  font-feature-settings: 'ss01';
242
244
  font-family: var(--font-family-styrene);
243
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__title_1aqyn {
245
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__title_1qwix {
244
246
  padding-bottom: calc(52px / 2);
245
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
246
- .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__pickerWrapper_1aqyn {
247
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
248
+ .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__pickerWrapper_1qwix {
247
249
  margin-left: 52px;
248
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__option_1aqyn {
250
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__option_1qwix {
249
251
  padding: var(--gap-0);
250
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__scrollControls_1aqyn > button {
252
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__scrollControls_1qwix > button {
251
253
  box-sizing: content-box;
252
254
  width: 52px;
253
255
  height: 52px;
254
256
  padding: var(--gap-0);
255
- } .tabs__desktop_1aqyn.tabs__headline-system-xlarge_1aqyn .tabs__scrollControls_1aqyn button:first-child {
257
+ } .tabs__desktop_1qwix.tabs__headline-system-xlarge_1qwix .tabs__scrollControls_1qwix button:first-child {
256
258
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
257
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__title_1aqyn, .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__title_1aqyn {
259
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__title_1qwix, .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__title_1qwix {
258
260
  padding-bottom: calc(48px / 2);
259
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
260
- .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__pickerWrapper_1aqyn,
261
- .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
262
- .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__pickerWrapper_1aqyn {
261
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
262
+ .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__pickerWrapper_1qwix,
263
+ .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
264
+ .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__pickerWrapper_1qwix {
263
265
  margin-left: 48px;
264
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__option_1aqyn, .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__option_1aqyn {
266
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__option_1qwix, .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__option_1qwix {
265
267
  padding: var(--gap-0);
266
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__scrollControls_1aqyn > button, .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__scrollControls_1aqyn > button {
268
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__scrollControls_1qwix > button, .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__scrollControls_1qwix > button {
267
269
  box-sizing: content-box;
268
270
  width: 48px;
269
271
  height: 48px;
270
272
  padding: var(--gap-0);
271
- } .tabs__desktop_1aqyn.tabs__headline-system-large_1aqyn .tabs__scrollControls_1aqyn button:first-child, .tabs__desktop_1aqyn.tabs__headline-large_1aqyn .tabs__scrollControls_1aqyn button:first-child {
273
+ } .tabs__desktop_1qwix.tabs__headline-system-large_1qwix .tabs__scrollControls_1qwix button:first-child, .tabs__desktop_1qwix.tabs__headline-large_1qwix .tabs__scrollControls_1qwix button:first-child {
272
274
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
273
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__title_1aqyn {
275
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__title_1qwix {
274
276
  padding-bottom: calc(36px / 2);
275
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
276
- .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__pickerWrapper_1aqyn {
277
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
278
+ .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__pickerWrapper_1qwix {
277
279
  margin-left: 36px;
278
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__option_1aqyn {
280
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__option_1qwix {
279
281
  padding: var(--gap-0);
280
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__scrollControls_1aqyn > button {
282
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__scrollControls_1qwix > button {
281
283
  box-sizing: content-box;
282
284
  width: 36px;
283
285
  height: 36px;
284
286
  padding: var(--gap-0);
285
- } .tabs__desktop_1aqyn.tabs__headline-system-medium_1aqyn .tabs__scrollControls_1aqyn button:first-child {
287
+ } .tabs__desktop_1qwix.tabs__headline-system-medium_1qwix .tabs__scrollControls_1qwix button:first-child {
286
288
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
287
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__title_1aqyn {
289
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__title_1qwix {
288
290
  padding-bottom: calc(26px / 2);
289
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
290
- .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__pickerWrapper_1aqyn {
291
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
292
+ .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__pickerWrapper_1qwix {
291
293
  margin-left: 26px;
292
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__option_1aqyn {
294
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__option_1qwix {
293
295
  padding: var(--gap-0);
294
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__scrollControls_1aqyn > button {
296
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__scrollControls_1qwix > button {
295
297
  box-sizing: content-box;
296
298
  width: 26px;
297
299
  height: 26px;
298
300
  padding: var(--gap-0);
299
- } .tabs__desktop_1aqyn.tabs__headline-system-small_1aqyn .tabs__scrollControls_1aqyn button:first-child {
301
+ } .tabs__desktop_1qwix.tabs__headline-system-small_1qwix .tabs__scrollControls_1qwix button:first-child {
300
302
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
301
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__title_1aqyn {
303
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__title_1qwix {
302
304
  padding-bottom: calc(22px / 2);
303
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
304
- .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__pickerWrapper_1aqyn {
305
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
306
+ .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__pickerWrapper_1qwix {
305
307
  margin-left: 22px;
306
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__option_1aqyn {
308
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__option_1qwix {
307
309
  padding: var(--gap-0);
308
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__scrollControls_1aqyn > button {
310
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__scrollControls_1qwix > button {
309
311
  box-sizing: content-box;
310
312
  width: 22px;
311
313
  height: 22px;
312
314
  padding: var(--gap-0);
313
- } .tabs__desktop_1aqyn.tabs__headline-system-xsmall_1aqyn .tabs__scrollControls_1aqyn button:first-child {
315
+ } .tabs__desktop_1qwix.tabs__headline-system-xsmall_1qwix .tabs__scrollControls_1qwix button:first-child {
314
316
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
315
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__title_1aqyn {
317
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__title_1qwix {
316
318
  padding-bottom: calc(64px / 2);
317
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
318
- .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__pickerWrapper_1aqyn {
319
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
320
+ .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__pickerWrapper_1qwix {
319
321
  margin-left: 64px;
320
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__option_1aqyn {
322
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__option_1qwix {
321
323
  padding: var(--gap-0);
322
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__scrollControls_1aqyn > button {
324
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__scrollControls_1qwix > button {
323
325
  box-sizing: content-box;
324
326
  width: 64px;
325
327
  height: 64px;
326
328
  padding: var(--gap-0);
327
- } .tabs__desktop_1aqyn.tabs__headline-xlarge_1aqyn .tabs__scrollControls_1aqyn button:first-child {
329
+ } .tabs__desktop_1qwix.tabs__headline-xlarge_1qwix .tabs__scrollControls_1qwix button:first-child {
328
330
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
329
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__title_1aqyn {
331
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__title_1qwix {
330
332
  padding-bottom: calc(40px / 2);
331
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
332
- .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__pickerWrapper_1aqyn {
333
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
334
+ .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__pickerWrapper_1qwix {
333
335
  margin-left: 40px;
334
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__option_1aqyn {
336
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__option_1qwix {
335
337
  padding: var(--gap-0);
336
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__scrollControls_1aqyn > button {
338
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__scrollControls_1qwix > button {
337
339
  box-sizing: content-box;
338
340
  width: 40px;
339
341
  height: 40px;
340
342
  padding: var(--gap-0);
341
- } .tabs__desktop_1aqyn.tabs__headline-medium_1aqyn .tabs__scrollControls_1aqyn button:first-child {
343
+ } .tabs__desktop_1qwix.tabs__headline-medium_1qwix .tabs__scrollControls_1qwix button:first-child {
342
344
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
343
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__title_1aqyn {
345
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__title_1qwix {
344
346
  padding-bottom: calc(32px / 2);
345
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
346
- .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__pickerWrapper_1aqyn {
347
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
348
+ .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__pickerWrapper_1qwix {
347
349
  margin-left: 32px;
348
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__option_1aqyn {
350
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__option_1qwix {
349
351
  padding: var(--gap-0);
350
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__scrollControls_1aqyn > button {
352
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__scrollControls_1qwix > button {
351
353
  box-sizing: content-box;
352
354
  width: 32px;
353
355
  height: 32px;
354
356
  padding: var(--gap-0);
355
- } .tabs__desktop_1aqyn.tabs__headline-small_1aqyn .tabs__scrollControls_1aqyn button:first-child {
357
+ } .tabs__desktop_1qwix.tabs__headline-small_1qwix .tabs__scrollControls_1qwix button:first-child {
356
358
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
357
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__title_1aqyn {
359
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__title_1qwix {
358
360
  padding-bottom: calc(24px / 2);
359
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn,
360
- .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__pickerWrapper_1aqyn {
361
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__title_1qwix + .tabs__title_1qwix,
362
+ .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__pickerWrapper_1qwix {
361
363
  margin-left: 24px;
362
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__option_1aqyn {
364
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__option_1qwix {
363
365
  padding: var(--gap-0);
364
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__scrollControls_1aqyn > button {
366
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__scrollControls_1qwix > button {
365
367
  box-sizing: content-box;
366
368
  width: 24px;
367
369
  height: 24px;
368
370
  padding: var(--gap-0);
369
- } .tabs__desktop_1aqyn.tabs__headline-xsmall_1aqyn .tabs__scrollControls_1aqyn button:first-child {
371
+ } .tabs__desktop_1qwix.tabs__headline-xsmall_1qwix .tabs__scrollControls_1qwix button:first-child {
370
372
  margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
371
- } .tabs__fullWidthScroll_1aqyn {
373
+ } .tabs__fullWidthScroll_1qwix {
372
374
  min-width: calc(100% - 2 * var(--gap-16));
373
375
  margin: var(--gap-0) var(--gap-16);
374
- } .tabs__container_1aqyn {
376
+ } .tabs__container_1qwix {
375
377
  position: relative;
376
378
  overflow: hidden;
377
379
 
378
380
  /* focus-outline fix */
379
381
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
380
382
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
381
- } .tabs__title_1aqyn {
383
+ } .tabs__title_1qwix {
382
384
  display: flex;
383
385
  align-items: center;
384
386
  height: 100%;
@@ -394,82 +396,82 @@
394
396
  -webkit-user-select: none;
395
397
  user-select: none;
396
398
  outline: none
397
- } .tabs__title_1aqyn:not(:disabled):hover {
399
+ } .tabs__title_1qwix:not(:disabled):hover {
398
400
  color: var(--primary-tablist-hover-color);
399
- } .tabs__focused_1aqyn {
401
+ } .tabs__focused_1qwix {
400
402
  outline: 2px solid var(--focus-color);
401
403
  outline-offset: 2px;
402
- } .tabs__collapsed_1aqyn {
404
+ } .tabs__collapsed_1qwix {
403
405
  order: 99;
404
406
  visibility: collapse;
405
- } .tabs__selected_1aqyn {
407
+ } .tabs__selected_1qwix {
406
408
  cursor: default;
407
409
  color: var(--primary-tablist-selected-color);
408
- } .tabs__disabled_1aqyn {
410
+ } .tabs__disabled_1qwix {
409
411
  cursor: var(--disabled-cursor);
410
412
  color: var(--primary-tablist-disabled-color);
411
- } .tabs__line_1aqyn {
413
+ } .tabs__line_1qwix {
412
414
  position: absolute;
413
415
  height: 3px;
414
416
  bottom: var(--gap-0);
415
417
  left: var(--gap-0);
416
418
  background-color: var(--primary-tablist-line-color);
417
419
  transition: transform 0.2s ease, width 0.2s ease;
418
- } .tabs__option_1aqyn {
420
+ } .tabs__option_1qwix {
419
421
  color: var(--color-light-text-primary);
420
- } /* sizes */ .tabs__s_1aqyn .tabs__title_1aqyn, .tabs__xs_1aqyn .tabs__title_1aqyn, .tabs__xxs_1aqyn .tabs__title_1aqyn {
422
+ } /* sizes */ .tabs__s_1qwix .tabs__title_1qwix, .tabs__xs_1qwix .tabs__title_1qwix, .tabs__xxs_1qwix .tabs__title_1qwix {
421
423
  padding: var(--primary-tablist-s-padding);
422
424
  font-size: var(--primary-tablist-s-font-size);
423
425
  font-weight: var(--primary-tablist-s-font-weight);
424
426
  font-family: var(--primary-tablist-s-font-family);
425
427
  line-height: 24px;
426
- } .tabs__s_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn, .tabs__xs_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn, .tabs__xxs_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn {
428
+ } .tabs__s_1qwix .tabs__title_1qwix + .tabs__title_1qwix, .tabs__xs_1qwix .tabs__title_1qwix + .tabs__title_1qwix, .tabs__xxs_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
427
429
  margin-left: var(--primary-tablist-s-gaps);
428
- } .tabs__s_1aqyn .tabs__pickerWrapper_1aqyn, .tabs__xs_1aqyn .tabs__pickerWrapper_1aqyn, .tabs__xxs_1aqyn .tabs__pickerWrapper_1aqyn {
430
+ } .tabs__s_1qwix .tabs__pickerWrapper_1qwix, .tabs__xs_1qwix .tabs__pickerWrapper_1qwix, .tabs__xxs_1qwix .tabs__pickerWrapper_1qwix {
429
431
  margin-left: var(--primary-tablist-s-gaps);
430
- } .tabs__s_1aqyn .tabs__option_1aqyn, .tabs__xs_1aqyn .tabs__option_1aqyn, .tabs__xxs_1aqyn .tabs__option_1aqyn {
432
+ } .tabs__s_1qwix .tabs__option_1qwix, .tabs__xs_1qwix .tabs__option_1qwix, .tabs__xxs_1qwix .tabs__option_1qwix {
431
433
  padding: var(--gap-0);
432
- } .tabs__m_1aqyn .tabs__title_1aqyn {
434
+ } .tabs__m_1qwix .tabs__title_1qwix {
433
435
  padding: var(--primary-tablist-m-padding);
434
436
  font-size: var(--primary-tablist-m-font-size);
435
437
  font-weight: var(--primary-tablist-m-font-weight);
436
438
  font-family: var(--primary-tablist-m-font-family);
437
439
  line-height: 24px;
438
- } .tabs__m_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn {
440
+ } .tabs__m_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
439
441
  margin-left: var(--primary-tablist-m-gaps);
440
- } .tabs__m_1aqyn .tabs__pickerWrapper_1aqyn {
442
+ } .tabs__m_1qwix .tabs__pickerWrapper_1qwix {
441
443
  margin-left: var(--primary-tablist-m-gaps);
442
- } .tabs__m_1aqyn .tabs__option_1aqyn {
444
+ } .tabs__m_1qwix .tabs__option_1qwix {
443
445
  padding: var(--gap-0);
444
- } .tabs__l_1aqyn .tabs__title_1aqyn {
446
+ } .tabs__l_1qwix .tabs__title_1qwix {
445
447
  padding: var(--primary-tablist-l-padding);
446
448
  font-size: var(--primary-tablist-l-font-size);
447
449
  font-weight: var(--primary-tablist-l-font-weight);
448
450
  font-family: var(--primary-tablist-l-font-family);
449
451
  line-height: 24px;
450
- } .tabs__l_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn {
452
+ } .tabs__l_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
451
453
  margin-left: var(--primary-tablist-l-gaps);
452
- } .tabs__l_1aqyn .tabs__pickerWrapper_1aqyn {
454
+ } .tabs__l_1qwix .tabs__pickerWrapper_1qwix {
453
455
  margin-left: var(--primary-tablist-l-gaps);
454
- } .tabs__l_1aqyn .tabs__option_1aqyn {
456
+ } .tabs__l_1qwix .tabs__option_1qwix {
455
457
  padding: var(--gap-0);
456
- } .tabs__xl_1aqyn .tabs__title_1aqyn {
458
+ } .tabs__xl_1qwix .tabs__title_1qwix {
457
459
  padding: var(--primary-tablist-xl-padding);
458
460
  font-size: var(--primary-tablist-xl-font-size);
459
461
  font-weight: var(--primary-tablist-xl-font-weight);
460
462
  font-family: var(--primary-tablist-xl-font-family);
461
463
  line-height: 32px;
462
- } .tabs__xl_1aqyn .tabs__title_1aqyn + .tabs__title_1aqyn {
464
+ } .tabs__xl_1qwix .tabs__title_1qwix + .tabs__title_1qwix {
463
465
  margin-left: var(--primary-tablist-xl-gaps);
464
- } .tabs__xl_1aqyn .tabs__pickerWrapper_1aqyn {
466
+ } .tabs__xl_1qwix .tabs__pickerWrapper_1qwix {
465
467
  margin-left: var(--primary-tablist-xl-gaps);
466
- } .tabs__xl_1aqyn .tabs__option_1aqyn {
468
+ } .tabs__xl_1qwix .tabs__option_1qwix {
467
469
  padding: var(--gap-0);
468
- } .tabs__rightAddons_1aqyn {
470
+ } .tabs__rightAddons_1qwix {
469
471
  display: flex;
470
472
  justify-content: center;
471
473
  align-items: center;
472
474
  margin-left: var(--gap-8);
473
- } .tabs__rightAddonsMarginZero_1aqyn {
475
+ } .tabs__rightAddonsMarginZero_1qwix {
474
476
  margin-left: var(--gap-0);
475
477
  }