@alfalab/core-components-tabs 8.6.8 → 8.7.1

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 (84) hide show
  1. package/components/primary-tablist/Component.collapsible.js +2 -2
  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 +133 -133
  5. package/components/primary-tablist/mobile.css +394 -368
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +12 -12
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +6 -6
  10. package/components/secondary-tablist/Component.desktop.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +2 -2
  12. package/components/secondary-tablist/index.css +11 -11
  13. package/components/secondary-tablist/mobile.css +186 -160
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/components/tabs/Component.d.ts +1 -1
  17. package/components/tabs/Component.js +2 -2
  18. package/components/title/Component.d.ts +1 -1
  19. package/cssm/components/primary-tablist/Component.collapsible.js +1 -1
  20. package/cssm/components/primary-tablist/index.module.css +1 -1
  21. package/cssm/components/tabs/Component.d.ts +1 -1
  22. package/cssm/components/tabs/Component.js +2 -2
  23. package/cssm/components/title/Component.d.ts +1 -1
  24. package/cssm/hooks/use-tablist-titles.d.ts +1 -1
  25. package/cssm/typings.d.ts +7 -2
  26. package/esm/components/primary-tablist/Component.collapsible.js +2 -2
  27. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  28. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  29. package/esm/components/primary-tablist/index.css +133 -133
  30. package/esm/components/primary-tablist/mobile.css +394 -368
  31. package/esm/components/scroll-controls/Component.js +1 -1
  32. package/esm/components/scroll-controls/index.css +12 -12
  33. package/esm/components/scrollable-container/Component.js +1 -1
  34. package/esm/components/scrollable-container/index.css +6 -6
  35. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  36. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  37. package/esm/components/secondary-tablist/index.css +11 -11
  38. package/esm/components/secondary-tablist/mobile.css +186 -160
  39. package/esm/components/tab/Component.js +1 -1
  40. package/esm/components/tab/index.css +3 -3
  41. package/esm/components/tabs/Component.d.ts +1 -1
  42. package/esm/components/tabs/Component.js +2 -2
  43. package/esm/components/title/Component.d.ts +1 -1
  44. package/esm/hooks/use-tablist-titles.d.ts +1 -1
  45. package/esm/index.module-7f53615c.js +4 -0
  46. package/esm/index.module-f25eb728.js +4 -0
  47. package/esm/typings.d.ts +7 -2
  48. package/hooks/use-tablist-titles.d.ts +1 -1
  49. package/index.module-1eb43fb9.js +6 -0
  50. package/index.module-c88e5a5a.js +6 -0
  51. package/modern/components/primary-tablist/Component.collapsible.js +2 -2
  52. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/primary-tablist/index.css +133 -133
  55. package/modern/components/primary-tablist/mobile.css +394 -368
  56. package/modern/components/scroll-controls/Component.js +1 -1
  57. package/modern/components/scroll-controls/index.css +12 -12
  58. package/modern/components/scrollable-container/Component.js +1 -1
  59. package/modern/components/scrollable-container/index.css +6 -6
  60. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  61. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  62. package/modern/components/secondary-tablist/index.css +11 -11
  63. package/modern/components/secondary-tablist/mobile.css +186 -160
  64. package/modern/components/tab/Component.js +1 -1
  65. package/modern/components/tab/index.css +3 -3
  66. package/modern/components/tabs/Component.d.ts +1 -1
  67. package/modern/components/tabs/Component.js +2 -2
  68. package/modern/components/title/Component.d.ts +1 -1
  69. package/modern/hooks/use-tablist-titles.d.ts +1 -1
  70. package/modern/index.module-8121bd57.js +4 -0
  71. package/modern/index.module-c6da7192.js +4 -0
  72. package/modern/typings.d.ts +7 -2
  73. package/package.json +3 -3
  74. package/src/components/primary-tablist/Component.collapsible.tsx +1 -1
  75. package/src/components/tabs/Component.tsx +2 -1
  76. package/src/components/title/Component.tsx +4 -1
  77. package/src/typings.ts +7 -2
  78. package/typings.d.ts +7 -2
  79. package/esm/index.module-72926b9d.js +0 -4
  80. package/esm/index.module-98725e10.js +0 -4
  81. package/index.module-4fce9d75.js +0 -6
  82. package/index.module-5e20b70a.js +0 -6
  83. package/modern/index.module-322d9547.js +0 -4
  84. package/modern/index.module-6c45f929.js +0 -4
@@ -1,10 +1,10 @@
1
- /* hash: 6hrb6 */
1
+ /* hash: hkwt4 */
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;
5
5
  --color-light-border-link: #2288fa;
6
6
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
7
- --color-light-text-primary: #0e0e0e;
7
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
8
8
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
9
9
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* 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 */
10
10
  }: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 */
@@ -92,11 +92,11 @@
92
92
  /* size l */
93
93
 
94
94
  /* size xl */
95
- }.tabs__component_17jvt {
95
+ }.tabs__component_15a3z {
96
96
  position: relative;
97
97
  display: inline-flex;
98
98
  min-width: 100%
99
- }.tabs__component_17jvt:before {
99
+ }.tabs__component_15a3z:before {
100
100
  content: '';
101
101
  display: block;
102
102
  position: absolute;
@@ -104,273 +104,273 @@
104
104
  height: 1px;
105
105
  width: 100%;
106
106
  background-color: var(--primary-tablist-bottom-border-color);
107
- }.tabs__desktop_17jvt.paragraph-primary-large .title {
107
+ }.tabs__desktop_15a3z.paragraph-primary-large .title {
108
108
  font-size: 18px;
109
109
  line-height: 24px;
110
110
  font-weight: 400;
111
- }.tabs__desktop_17jvt.paragraph-primary-medium .title {
111
+ }.tabs__desktop_15a3z.paragraph-primary-medium .title {
112
112
  font-size: 16px;
113
113
  line-height: 24px;
114
114
  font-weight: 400;
115
- }.tabs__desktop_17jvt.paragraph-primary-small .title {
115
+ }.tabs__desktop_15a3z.paragraph-primary-small .title {
116
116
  font-size: 14px;
117
117
  line-height: 20px;
118
118
  font-weight: 400;
119
- }.tabs__desktop_17jvt.action-primary-large .title {
119
+ }.tabs__desktop_15a3z.action-primary-large .title {
120
120
  font-size: 18px;
121
121
  line-height: 24px;
122
122
  font-weight: 500;
123
- }.tabs__desktop_17jvt.action-primary-medium .title {
123
+ }.tabs__desktop_15a3z.action-primary-medium .title {
124
124
  font-size: 16px;
125
125
  line-height: 24px;
126
126
  font-weight: 500;
127
- }.tabs__desktop_17jvt.action-primary-small .title {
127
+ }.tabs__desktop_15a3z.action-primary-small .title {
128
128
  font-size: 14px;
129
129
  line-height: 20px;
130
130
  font-weight: 500;
131
- }.tabs__desktop_17jvt.accent-primary-large .title {
131
+ }.tabs__desktop_15a3z.accent-primary-large .title {
132
132
  font-size: 18px;
133
133
  line-height: 24px;
134
134
  font-weight: 700;
135
- }.tabs__desktop_17jvt.accent-primary-medium .title {
135
+ }.tabs__desktop_15a3z.accent-primary-medium .title {
136
136
  font-size: 16px;
137
137
  line-height: 24px;
138
138
  font-weight: 700;
139
- }.tabs__desktop_17jvt.accent-primary-small .title {
139
+ }.tabs__desktop_15a3z.accent-primary-small .title {
140
140
  font-size: 14px;
141
141
  line-height: 20px;
142
142
  font-weight: 700;
143
- }.tabs__desktop_17jvt.paragraph-primary-large .title, .tabs__desktop_17jvt.paragraph-primary-medium .title, .tabs__desktop_17jvt.accent-primary-large .title, .tabs__desktop_17jvt.accent-primary-medium .title, .tabs__desktop_17jvt.action-primary-large .title, .tabs__desktop_17jvt.action-primary-medium .title {
143
+ }.tabs__desktop_15a3z.paragraph-primary-large .title, .tabs__desktop_15a3z.paragraph-primary-medium .title, .tabs__desktop_15a3z.accent-primary-large .title, .tabs__desktop_15a3z.accent-primary-medium .title, .tabs__desktop_15a3z.action-primary-large .title, .tabs__desktop_15a3z.action-primary-medium .title {
144
144
  padding-bottom: calc(24px / 2);
145
- }.tabs__desktop_17jvt.paragraph-primary-large .title + .title,
146
- .tabs__desktop_17jvt.paragraph-primary-large .pickerWrapper,
147
- .tabs__desktop_17jvt.paragraph-primary-medium .title + .title,
148
- .tabs__desktop_17jvt.paragraph-primary-medium .pickerWrapper,
149
- .tabs__desktop_17jvt.accent-primary-large .title + .title,
150
- .tabs__desktop_17jvt.accent-primary-large .pickerWrapper,
151
- .tabs__desktop_17jvt.accent-primary-medium .title + .title,
152
- .tabs__desktop_17jvt.accent-primary-medium .pickerWrapper,
153
- .tabs__desktop_17jvt.action-primary-large .title + .title,
154
- .tabs__desktop_17jvt.action-primary-large .pickerWrapper,
155
- .tabs__desktop_17jvt.action-primary-medium .title + .title,
156
- .tabs__desktop_17jvt.action-primary-medium .pickerWrapper {
145
+ }.tabs__desktop_15a3z.paragraph-primary-large .title + .title,
146
+ .tabs__desktop_15a3z.paragraph-primary-large .pickerWrapper,
147
+ .tabs__desktop_15a3z.paragraph-primary-medium .title + .title,
148
+ .tabs__desktop_15a3z.paragraph-primary-medium .pickerWrapper,
149
+ .tabs__desktop_15a3z.accent-primary-large .title + .title,
150
+ .tabs__desktop_15a3z.accent-primary-large .pickerWrapper,
151
+ .tabs__desktop_15a3z.accent-primary-medium .title + .title,
152
+ .tabs__desktop_15a3z.accent-primary-medium .pickerWrapper,
153
+ .tabs__desktop_15a3z.action-primary-large .title + .title,
154
+ .tabs__desktop_15a3z.action-primary-large .pickerWrapper,
155
+ .tabs__desktop_15a3z.action-primary-medium .title + .title,
156
+ .tabs__desktop_15a3z.action-primary-medium .pickerWrapper {
157
157
  margin-left: 24px;
158
- }.tabs__desktop_17jvt.paragraph-primary-large .option, .tabs__desktop_17jvt.paragraph-primary-medium .option, .tabs__desktop_17jvt.accent-primary-large .option, .tabs__desktop_17jvt.accent-primary-medium .option, .tabs__desktop_17jvt.action-primary-large .option, .tabs__desktop_17jvt.action-primary-medium .option {
158
+ }.tabs__desktop_15a3z.paragraph-primary-large .option, .tabs__desktop_15a3z.paragraph-primary-medium .option, .tabs__desktop_15a3z.accent-primary-large .option, .tabs__desktop_15a3z.accent-primary-medium .option, .tabs__desktop_15a3z.action-primary-large .option, .tabs__desktop_15a3z.action-primary-medium .option {
159
159
  padding: 0;
160
- }.tabs__desktop_17jvt.paragraph-primary-large .scrollControls > button, .tabs__desktop_17jvt.paragraph-primary-medium .scrollControls > button, .tabs__desktop_17jvt.accent-primary-large .scrollControls > button, .tabs__desktop_17jvt.accent-primary-medium .scrollControls > button, .tabs__desktop_17jvt.action-primary-large .scrollControls > button, .tabs__desktop_17jvt.action-primary-medium .scrollControls > button {
160
+ }.tabs__desktop_15a3z.paragraph-primary-large .scrollControls > button, .tabs__desktop_15a3z.paragraph-primary-medium .scrollControls > button, .tabs__desktop_15a3z.accent-primary-large .scrollControls > button, .tabs__desktop_15a3z.accent-primary-medium .scrollControls > button, .tabs__desktop_15a3z.action-primary-large .scrollControls > button, .tabs__desktop_15a3z.action-primary-medium .scrollControls > button {
161
161
  box-sizing: content-box;
162
162
  width: 24px;
163
163
  height: 24px;
164
164
  padding: 0;
165
- }.tabs__desktop_17jvt.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_17jvt.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_17jvt.accent-primary-large .scrollControls button:first-child, .tabs__desktop_17jvt.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_17jvt.action-primary-large .scrollControls button:first-child, .tabs__desktop_17jvt.action-primary-medium .scrollControls button:first-child {
165
+ }.tabs__desktop_15a3z.paragraph-primary-large .scrollControls button:first-child, .tabs__desktop_15a3z.paragraph-primary-medium .scrollControls button:first-child, .tabs__desktop_15a3z.accent-primary-large .scrollControls button:first-child, .tabs__desktop_15a3z.accent-primary-medium .scrollControls button:first-child, .tabs__desktop_15a3z.action-primary-large .scrollControls button:first-child, .tabs__desktop_15a3z.action-primary-medium .scrollControls button:first-child {
166
166
  margin: 0 0 0 calc(24px / 2);
167
- }.tabs__desktop_17jvt.paragraph-primary-small .title, .tabs__desktop_17jvt.accent-primary-small .title, .tabs__desktop_17jvt.action-primary-small .title {
167
+ }.tabs__desktop_15a3z.paragraph-primary-small .title, .tabs__desktop_15a3z.accent-primary-small .title, .tabs__desktop_15a3z.action-primary-small .title {
168
168
  padding-bottom: calc(20px / 2);
169
- }.tabs__desktop_17jvt.paragraph-primary-small .title + .title,
170
- .tabs__desktop_17jvt.paragraph-primary-small .pickerWrapper,
171
- .tabs__desktop_17jvt.accent-primary-small .title + .title,
172
- .tabs__desktop_17jvt.accent-primary-small .pickerWrapper,
173
- .tabs__desktop_17jvt.action-primary-small .title + .title,
174
- .tabs__desktop_17jvt.action-primary-small .pickerWrapper {
169
+ }.tabs__desktop_15a3z.paragraph-primary-small .title + .title,
170
+ .tabs__desktop_15a3z.paragraph-primary-small .pickerWrapper,
171
+ .tabs__desktop_15a3z.accent-primary-small .title + .title,
172
+ .tabs__desktop_15a3z.accent-primary-small .pickerWrapper,
173
+ .tabs__desktop_15a3z.action-primary-small .title + .title,
174
+ .tabs__desktop_15a3z.action-primary-small .pickerWrapper {
175
175
  margin-left: 20px;
176
- }.tabs__desktop_17jvt.paragraph-primary-small .option, .tabs__desktop_17jvt.accent-primary-small .option, .tabs__desktop_17jvt.action-primary-small .option {
176
+ }.tabs__desktop_15a3z.paragraph-primary-small .option, .tabs__desktop_15a3z.accent-primary-small .option, .tabs__desktop_15a3z.action-primary-small .option {
177
177
  padding: 0;
178
- }.tabs__desktop_17jvt.paragraph-primary-small .scrollControls > button, .tabs__desktop_17jvt.accent-primary-small .scrollControls > button, .tabs__desktop_17jvt.action-primary-small .scrollControls > button {
178
+ }.tabs__desktop_15a3z.paragraph-primary-small .scrollControls > button, .tabs__desktop_15a3z.accent-primary-small .scrollControls > button, .tabs__desktop_15a3z.action-primary-small .scrollControls > button {
179
179
  box-sizing: content-box;
180
180
  width: 20px;
181
181
  height: 20px;
182
182
  padding: 0;
183
- }.tabs__desktop_17jvt.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_17jvt.accent-primary-small .scrollControls button:first-child, .tabs__desktop_17jvt.action-primary-small .scrollControls button:first-child {
183
+ }.tabs__desktop_15a3z.paragraph-primary-small .scrollControls button:first-child, .tabs__desktop_15a3z.accent-primary-small .scrollControls button:first-child, .tabs__desktop_15a3z.action-primary-small .scrollControls button:first-child {
184
184
  margin: 0 0 0 calc(20px / 2);
185
- }.tabs__desktop_17jvt.headline-system-xlarge .title {
185
+ }.tabs__desktop_15a3z.headline-system-xlarge .title {
186
186
  font-size: 48px;
187
187
  line-height: 52px;
188
188
  font-weight: 700;
189
- }.tabs__desktop_17jvt.headline-system-large .title {
189
+ }.tabs__desktop_15a3z.headline-system-large .title {
190
190
  font-size: 40px;
191
191
  line-height: 48px;
192
192
  font-weight: 700;
193
- }.tabs__desktop_17jvt.headline-system-medium .title {
193
+ }.tabs__desktop_15a3z.headline-system-medium .title {
194
194
  font-size: 30px;
195
195
  line-height: 36px;
196
196
  font-weight: 700;
197
- }.tabs__desktop_17jvt.headline-system-small .title {
197
+ }.tabs__desktop_15a3z.headline-system-small .title {
198
198
  font-size: 22px;
199
199
  line-height: 26px;
200
200
  font-weight: 700;
201
- }.tabs__desktop_17jvt.headline-system-xsmall .title {
201
+ }.tabs__desktop_15a3z.headline-system-xsmall .title {
202
202
  font-size: 18px;
203
203
  line-height: 22px;
204
204
  font-weight: 700;
205
- }.tabs__desktop_17jvt.headline-xlarge .title {
205
+ }.tabs__desktop_15a3z.headline-xlarge .title {
206
206
  font-size: 48px;
207
207
  line-height: 64px;
208
208
  font-weight: 500;
209
209
  font-feature-settings: 'ss01';
210
210
  font-family: var(--font-family-styrene);
211
- }.tabs__desktop_17jvt.headline-large .title {
211
+ }.tabs__desktop_15a3z.headline-large .title {
212
212
  font-size: 40px;
213
213
  line-height: 48px;
214
214
  font-weight: 500;
215
215
  font-feature-settings: 'ss01';
216
216
  font-family: var(--font-family-styrene);
217
- }.tabs__desktop_17jvt.headline-medium .title {
217
+ }.tabs__desktop_15a3z.headline-medium .title {
218
218
  font-size: 32px;
219
219
  line-height: 40px;
220
220
  font-weight: 500;
221
221
  font-feature-settings: 'ss01';
222
222
  font-family: var(--font-family-styrene);
223
- }.tabs__desktop_17jvt.headline-small .title {
223
+ }.tabs__desktop_15a3z.headline-small .title {
224
224
  font-size: 24px;
225
225
  line-height: 32px;
226
226
  font-weight: 500;
227
227
  font-feature-settings: 'ss01';
228
228
  font-family: var(--font-family-styrene);
229
- }.tabs__desktop_17jvt.headline-xsmall .title {
229
+ }.tabs__desktop_15a3z.headline-xsmall .title {
230
230
  font-size: 20px;
231
231
  line-height: 24px;
232
232
  font-weight: 500;
233
233
  font-feature-settings: 'ss01';
234
234
  font-family: var(--font-family-styrene);
235
- }.tabs__desktop_17jvt.headline-system-xlarge .title {
235
+ }.tabs__desktop_15a3z.headline-system-xlarge .title {
236
236
  padding-bottom: calc(52px / 2);
237
- }.tabs__desktop_17jvt.headline-system-xlarge .title + .title,
238
- .tabs__desktop_17jvt.headline-system-xlarge .pickerWrapper {
237
+ }.tabs__desktop_15a3z.headline-system-xlarge .title + .title,
238
+ .tabs__desktop_15a3z.headline-system-xlarge .pickerWrapper {
239
239
  margin-left: 52px;
240
- }.tabs__desktop_17jvt.headline-system-xlarge .option {
240
+ }.tabs__desktop_15a3z.headline-system-xlarge .option {
241
241
  padding: 0;
242
- }.tabs__desktop_17jvt.headline-system-xlarge .scrollControls > button {
242
+ }.tabs__desktop_15a3z.headline-system-xlarge .scrollControls > button {
243
243
  box-sizing: content-box;
244
244
  width: 52px;
245
245
  height: 52px;
246
246
  padding: 0;
247
- }.tabs__desktop_17jvt.headline-system-xlarge .scrollControls button:first-child {
247
+ }.tabs__desktop_15a3z.headline-system-xlarge .scrollControls button:first-child {
248
248
  margin: 0 0 0 calc(52px / 2);
249
- }.tabs__desktop_17jvt.headline-system-large .title, .tabs__desktop_17jvt.headline-large .title {
249
+ }.tabs__desktop_15a3z.headline-system-large .title, .tabs__desktop_15a3z.headline-large .title {
250
250
  padding-bottom: calc(48px / 2);
251
- }.tabs__desktop_17jvt.headline-system-large .title + .title,
252
- .tabs__desktop_17jvt.headline-system-large .pickerWrapper,
253
- .tabs__desktop_17jvt.headline-large .title + .title,
254
- .tabs__desktop_17jvt.headline-large .pickerWrapper {
251
+ }.tabs__desktop_15a3z.headline-system-large .title + .title,
252
+ .tabs__desktop_15a3z.headline-system-large .pickerWrapper,
253
+ .tabs__desktop_15a3z.headline-large .title + .title,
254
+ .tabs__desktop_15a3z.headline-large .pickerWrapper {
255
255
  margin-left: 48px;
256
- }.tabs__desktop_17jvt.headline-system-large .option, .tabs__desktop_17jvt.headline-large .option {
256
+ }.tabs__desktop_15a3z.headline-system-large .option, .tabs__desktop_15a3z.headline-large .option {
257
257
  padding: 0;
258
- }.tabs__desktop_17jvt.headline-system-large .scrollControls > button, .tabs__desktop_17jvt.headline-large .scrollControls > button {
258
+ }.tabs__desktop_15a3z.headline-system-large .scrollControls > button, .tabs__desktop_15a3z.headline-large .scrollControls > button {
259
259
  box-sizing: content-box;
260
260
  width: 48px;
261
261
  height: 48px;
262
262
  padding: 0;
263
- }.tabs__desktop_17jvt.headline-system-large .scrollControls button:first-child, .tabs__desktop_17jvt.headline-large .scrollControls button:first-child {
263
+ }.tabs__desktop_15a3z.headline-system-large .scrollControls button:first-child, .tabs__desktop_15a3z.headline-large .scrollControls button:first-child {
264
264
  margin: 0 0 0 calc(48px / 2);
265
- }.tabs__desktop_17jvt.headline-system-medium .title {
265
+ }.tabs__desktop_15a3z.headline-system-medium .title {
266
266
  padding-bottom: calc(36px / 2);
267
- }.tabs__desktop_17jvt.headline-system-medium .title + .title,
268
- .tabs__desktop_17jvt.headline-system-medium .pickerWrapper {
267
+ }.tabs__desktop_15a3z.headline-system-medium .title + .title,
268
+ .tabs__desktop_15a3z.headline-system-medium .pickerWrapper {
269
269
  margin-left: 36px;
270
- }.tabs__desktop_17jvt.headline-system-medium .option {
270
+ }.tabs__desktop_15a3z.headline-system-medium .option {
271
271
  padding: 0;
272
- }.tabs__desktop_17jvt.headline-system-medium .scrollControls > button {
272
+ }.tabs__desktop_15a3z.headline-system-medium .scrollControls > button {
273
273
  box-sizing: content-box;
274
274
  width: 36px;
275
275
  height: 36px;
276
276
  padding: 0;
277
- }.tabs__desktop_17jvt.headline-system-medium .scrollControls button:first-child {
277
+ }.tabs__desktop_15a3z.headline-system-medium .scrollControls button:first-child {
278
278
  margin: 0 0 0 calc(36px / 2);
279
- }.tabs__desktop_17jvt.headline-system-small .title {
279
+ }.tabs__desktop_15a3z.headline-system-small .title {
280
280
  padding-bottom: calc(26px / 2);
281
- }.tabs__desktop_17jvt.headline-system-small .title + .title,
282
- .tabs__desktop_17jvt.headline-system-small .pickerWrapper {
281
+ }.tabs__desktop_15a3z.headline-system-small .title + .title,
282
+ .tabs__desktop_15a3z.headline-system-small .pickerWrapper {
283
283
  margin-left: 26px;
284
- }.tabs__desktop_17jvt.headline-system-small .option {
284
+ }.tabs__desktop_15a3z.headline-system-small .option {
285
285
  padding: 0;
286
- }.tabs__desktop_17jvt.headline-system-small .scrollControls > button {
286
+ }.tabs__desktop_15a3z.headline-system-small .scrollControls > button {
287
287
  box-sizing: content-box;
288
288
  width: 26px;
289
289
  height: 26px;
290
290
  padding: 0;
291
- }.tabs__desktop_17jvt.headline-system-small .scrollControls button:first-child {
291
+ }.tabs__desktop_15a3z.headline-system-small .scrollControls button:first-child {
292
292
  margin: 0 0 0 calc(26px / 2);
293
- }.tabs__desktop_17jvt.headline-system-xsmall .title {
293
+ }.tabs__desktop_15a3z.headline-system-xsmall .title {
294
294
  padding-bottom: calc(22px / 2);
295
- }.tabs__desktop_17jvt.headline-system-xsmall .title + .title,
296
- .tabs__desktop_17jvt.headline-system-xsmall .pickerWrapper {
295
+ }.tabs__desktop_15a3z.headline-system-xsmall .title + .title,
296
+ .tabs__desktop_15a3z.headline-system-xsmall .pickerWrapper {
297
297
  margin-left: 22px;
298
- }.tabs__desktop_17jvt.headline-system-xsmall .option {
298
+ }.tabs__desktop_15a3z.headline-system-xsmall .option {
299
299
  padding: 0;
300
- }.tabs__desktop_17jvt.headline-system-xsmall .scrollControls > button {
300
+ }.tabs__desktop_15a3z.headline-system-xsmall .scrollControls > button {
301
301
  box-sizing: content-box;
302
302
  width: 22px;
303
303
  height: 22px;
304
304
  padding: 0;
305
- }.tabs__desktop_17jvt.headline-system-xsmall .scrollControls button:first-child {
305
+ }.tabs__desktop_15a3z.headline-system-xsmall .scrollControls button:first-child {
306
306
  margin: 0 0 0 calc(22px / 2);
307
- }.tabs__desktop_17jvt.headline-xlarge .title {
307
+ }.tabs__desktop_15a3z.headline-xlarge .title {
308
308
  padding-bottom: calc(64px / 2);
309
- }.tabs__desktop_17jvt.headline-xlarge .title + .title,
310
- .tabs__desktop_17jvt.headline-xlarge .pickerWrapper {
309
+ }.tabs__desktop_15a3z.headline-xlarge .title + .title,
310
+ .tabs__desktop_15a3z.headline-xlarge .pickerWrapper {
311
311
  margin-left: 64px;
312
- }.tabs__desktop_17jvt.headline-xlarge .option {
312
+ }.tabs__desktop_15a3z.headline-xlarge .option {
313
313
  padding: 0;
314
- }.tabs__desktop_17jvt.headline-xlarge .scrollControls > button {
314
+ }.tabs__desktop_15a3z.headline-xlarge .scrollControls > button {
315
315
  box-sizing: content-box;
316
316
  width: 64px;
317
317
  height: 64px;
318
318
  padding: 0;
319
- }.tabs__desktop_17jvt.headline-xlarge .scrollControls button:first-child {
319
+ }.tabs__desktop_15a3z.headline-xlarge .scrollControls button:first-child {
320
320
  margin: 0 0 0 calc(64px / 2);
321
- }.tabs__desktop_17jvt.headline-medium .title {
321
+ }.tabs__desktop_15a3z.headline-medium .title {
322
322
  padding-bottom: calc(40px / 2);
323
- }.tabs__desktop_17jvt.headline-medium .title + .title,
324
- .tabs__desktop_17jvt.headline-medium .pickerWrapper {
323
+ }.tabs__desktop_15a3z.headline-medium .title + .title,
324
+ .tabs__desktop_15a3z.headline-medium .pickerWrapper {
325
325
  margin-left: 40px;
326
- }.tabs__desktop_17jvt.headline-medium .option {
326
+ }.tabs__desktop_15a3z.headline-medium .option {
327
327
  padding: 0;
328
- }.tabs__desktop_17jvt.headline-medium .scrollControls > button {
328
+ }.tabs__desktop_15a3z.headline-medium .scrollControls > button {
329
329
  box-sizing: content-box;
330
330
  width: 40px;
331
331
  height: 40px;
332
332
  padding: 0;
333
- }.tabs__desktop_17jvt.headline-medium .scrollControls button:first-child {
333
+ }.tabs__desktop_15a3z.headline-medium .scrollControls button:first-child {
334
334
  margin: 0 0 0 calc(40px / 2);
335
- }.tabs__desktop_17jvt.headline-small .title {
335
+ }.tabs__desktop_15a3z.headline-small .title {
336
336
  padding-bottom: calc(32px / 2);
337
- }.tabs__desktop_17jvt.headline-small .title + .title,
338
- .tabs__desktop_17jvt.headline-small .pickerWrapper {
337
+ }.tabs__desktop_15a3z.headline-small .title + .title,
338
+ .tabs__desktop_15a3z.headline-small .pickerWrapper {
339
339
  margin-left: 32px;
340
- }.tabs__desktop_17jvt.headline-small .option {
340
+ }.tabs__desktop_15a3z.headline-small .option {
341
341
  padding: 0;
342
- }.tabs__desktop_17jvt.headline-small .scrollControls > button {
342
+ }.tabs__desktop_15a3z.headline-small .scrollControls > button {
343
343
  box-sizing: content-box;
344
344
  width: 32px;
345
345
  height: 32px;
346
346
  padding: 0;
347
- }.tabs__desktop_17jvt.headline-small .scrollControls button:first-child {
347
+ }.tabs__desktop_15a3z.headline-small .scrollControls button:first-child {
348
348
  margin: 0 0 0 calc(32px / 2);
349
- }.tabs__desktop_17jvt.headline-xsmall .title {
349
+ }.tabs__desktop_15a3z.headline-xsmall .title {
350
350
  padding-bottom: calc(24px / 2);
351
- }.tabs__desktop_17jvt.headline-xsmall .title + .title,
352
- .tabs__desktop_17jvt.headline-xsmall .pickerWrapper {
351
+ }.tabs__desktop_15a3z.headline-xsmall .title + .title,
352
+ .tabs__desktop_15a3z.headline-xsmall .pickerWrapper {
353
353
  margin-left: 24px;
354
- }.tabs__desktop_17jvt.headline-xsmall .option {
354
+ }.tabs__desktop_15a3z.headline-xsmall .option {
355
355
  padding: 0;
356
- }.tabs__desktop_17jvt.headline-xsmall .scrollControls > button {
356
+ }.tabs__desktop_15a3z.headline-xsmall .scrollControls > button {
357
357
  box-sizing: content-box;
358
358
  width: 24px;
359
359
  height: 24px;
360
360
  padding: 0;
361
- }.tabs__desktop_17jvt.headline-xsmall .scrollControls button:first-child {
361
+ }.tabs__desktop_15a3z.headline-xsmall .scrollControls button:first-child {
362
362
  margin: 0 0 0 calc(24px / 2);
363
- }.tabs__fullWidthScroll_17jvt {
363
+ }.tabs__fullWidthScroll_15a3z {
364
364
  min-width: calc(100% - 2 * var(--gap-m));
365
365
  margin: 0 var(--gap-m);
366
- }.tabs__container_17jvt {
366
+ }.tabs__container_15a3z {
367
367
  position: relative;
368
368
  overflow: hidden;
369
369
 
370
370
  /* focus-outline fix */
371
371
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
372
372
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
373
- }.tabs__title_17jvt {
373
+ }.tabs__title_15a3z {
374
374
  display: flex;
375
375
  align-items: center;
376
376
  height: 100%;
@@ -386,83 +386,83 @@
386
386
  -webkit-user-select: none;
387
387
  user-select: none;
388
388
  outline: none
389
- }.tabs__title_17jvt:not(.tabs__disabled_17jvt):hover {
389
+ }.tabs__title_15a3z:not(.tabs__disabled_15a3z):hover {
390
390
  color: var(--primary-tablist-hover-color);
391
- }.tabs__focused_17jvt {
391
+ }.tabs__focused_15a3z {
392
392
  outline: 2px solid var(--focus-color);
393
393
  outline-offset: 2px;
394
- }.tabs__collapsed_17jvt {
394
+ }.tabs__collapsed_15a3z {
395
395
  order: 99;
396
396
  visibility: collapse;
397
- }.tabs__selected_17jvt {
397
+ }.tabs__selected_15a3z {
398
398
  cursor: default;
399
399
  color: var(--primary-tablist-selected-color);
400
- }.tabs__disabled_17jvt {
400
+ }.tabs__disabled_15a3z {
401
401
  cursor: var(--disabled-cursor);
402
402
  color: var(--primary-tablist-disabled-color);
403
- }.tabs__line_17jvt {
403
+ }.tabs__line_15a3z {
404
404
  position: absolute;
405
405
  height: 3px;
406
406
  bottom: 0;
407
407
  left: 0;
408
408
  background-color: var(--primary-tablist-line-color);
409
409
  transition: transform 0.2s ease, width 0.2s ease;
410
- }.tabs__option_17jvt {
410
+ }.tabs__option_15a3z {
411
411
  color: var(--color-light-text-primary);
412
- }/* sizes */.tabs__s_17jvt .tabs__title_17jvt, .tabs__xs_17jvt .tabs__title_17jvt, .tabs__xxs_17jvt .tabs__title_17jvt {
412
+ }/* sizes */.tabs__s_15a3z .tabs__title_15a3z, .tabs__xs_15a3z .tabs__title_15a3z, .tabs__xxs_15a3z .tabs__title_15a3z {
413
413
  padding: var(--primary-tablist-s-padding);
414
414
  font-size: var(--primary-tablist-s-font-size);
415
415
  font-weight: var(--primary-tablist-s-font-weight);
416
416
  font-family: var(--primary-tablist-s-font-family);
417
417
  line-height: 24px;
418
- }.tabs__s_17jvt .tabs__title_17jvt + .tabs__title_17jvt, .tabs__xs_17jvt .tabs__title_17jvt + .tabs__title_17jvt, .tabs__xxs_17jvt .tabs__title_17jvt + .tabs__title_17jvt {
418
+ }.tabs__s_15a3z .tabs__title_15a3z + .tabs__title_15a3z, .tabs__xs_15a3z .tabs__title_15a3z + .tabs__title_15a3z, .tabs__xxs_15a3z .tabs__title_15a3z + .tabs__title_15a3z {
419
419
  margin-left: var(--primary-tablist-s-gaps);
420
- }.tabs__s_17jvt .tabs__pickerWrapper_17jvt, .tabs__xs_17jvt .tabs__pickerWrapper_17jvt, .tabs__xxs_17jvt .tabs__pickerWrapper_17jvt {
420
+ }.tabs__s_15a3z .tabs__pickerWrapper_15a3z, .tabs__xs_15a3z .tabs__pickerWrapper_15a3z, .tabs__xxs_15a3z .tabs__pickerWrapper_15a3z {
421
421
  margin-left: var(--primary-tablist-s-gaps);
422
- }.tabs__s_17jvt .tabs__option_17jvt, .tabs__xs_17jvt .tabs__option_17jvt, .tabs__xxs_17jvt .tabs__option_17jvt {
422
+ }.tabs__s_15a3z .tabs__option_15a3z, .tabs__xs_15a3z .tabs__option_15a3z, .tabs__xxs_15a3z .tabs__option_15a3z {
423
423
  padding: 0;
424
- }.tabs__m_17jvt .tabs__title_17jvt {
424
+ }.tabs__m_15a3z .tabs__title_15a3z {
425
425
  padding: var(--primary-tablist-m-padding);
426
426
  font-size: var(--primary-tablist-m-font-size);
427
427
  font-weight: var(--primary-tablist-m-font-weight);
428
428
  font-family: var(--primary-tablist-m-font-family);
429
429
  line-height: 24px;
430
- }.tabs__m_17jvt .tabs__title_17jvt + .tabs__title_17jvt {
430
+ }.tabs__m_15a3z .tabs__title_15a3z + .tabs__title_15a3z {
431
431
  margin-left: var(--primary-tablist-m-gaps);
432
- }.tabs__m_17jvt .tabs__pickerWrapper_17jvt {
432
+ }.tabs__m_15a3z .tabs__pickerWrapper_15a3z {
433
433
  margin-left: var(--primary-tablist-m-gaps);
434
- }.tabs__m_17jvt .tabs__option_17jvt {
434
+ }.tabs__m_15a3z .tabs__option_15a3z {
435
435
  padding: 0;
436
- }.tabs__l_17jvt .tabs__title_17jvt {
436
+ }.tabs__l_15a3z .tabs__title_15a3z {
437
437
  padding: var(--primary-tablist-l-padding);
438
438
  font-size: var(--primary-tablist-l-font-size);
439
439
  font-weight: var(--primary-tablist-l-font-weight);
440
440
  font-family: var(--primary-tablist-l-font-family);
441
441
  line-height: 24px;
442
- }.tabs__l_17jvt .tabs__title_17jvt + .tabs__title_17jvt {
442
+ }.tabs__l_15a3z .tabs__title_15a3z + .tabs__title_15a3z {
443
443
  margin-left: var(--primary-tablist-l-gaps);
444
- }.tabs__l_17jvt .tabs__pickerWrapper_17jvt {
444
+ }.tabs__l_15a3z .tabs__pickerWrapper_15a3z {
445
445
  margin-left: var(--primary-tablist-l-gaps);
446
- }.tabs__l_17jvt .tabs__option_17jvt {
446
+ }.tabs__l_15a3z .tabs__option_15a3z {
447
447
  padding: 0;
448
- }.tabs__xl_17jvt .tabs__title_17jvt {
448
+ }.tabs__xl_15a3z .tabs__title_15a3z {
449
449
  padding: var(--primary-tablist-xl-padding);
450
450
  font-size: var(--primary-tablist-xl-font-size);
451
451
  font-weight: var(--primary-tablist-xl-font-weight);
452
452
  font-family: var(--primary-tablist-xl-font-family);
453
453
  line-height: 32px;
454
- }.tabs__xl_17jvt .tabs__title_17jvt + .tabs__title_17jvt {
454
+ }.tabs__xl_15a3z .tabs__title_15a3z + .tabs__title_15a3z {
455
455
  margin-left: var(--primary-tablist-xl-gaps);
456
- }.tabs__xl_17jvt .tabs__pickerWrapper_17jvt {
456
+ }.tabs__xl_15a3z .tabs__pickerWrapper_15a3z {
457
457
  margin-left: var(--primary-tablist-xl-gaps);
458
- }.tabs__xl_17jvt .tabs__option_17jvt {
458
+ }.tabs__xl_15a3z .tabs__option_15a3z {
459
459
  padding: 0;
460
- }.tabs__rightAddons_17jvt {
460
+ }.tabs__rightAddons_15a3z {
461
461
  display: flex;
462
462
  justify-content: center;
463
463
  align-items: center;
464
464
  margin-left: var(--gap-xs);
465
- }.tabs__rightAddonsMarginZero_17jvt {
465
+ }.tabs__rightAddonsMarginZero_15a3z {
466
466
  margin-left: 0;
467
467
  } :root {
468
468
  --color-dark-indigo: #0b1f35; /* deprecated */
@@ -541,19 +541,19 @@
541
541
  --color-dark-accent-primary-inverted-hover: #e32a17;
542
542
  --color-dark-accent-primary-inverted-press: #d72505;
543
543
  --color-dark-accent-primary-press: #fd624e;
544
- --color-dark-accent-secondary: #fff;
545
- --color-dark-accent-secondary-hover: #e7e8eb;
546
- --color-dark-accent-secondary-inverted: #0e0e0e;
547
- --color-dark-accent-secondary-inverted-hover: #29292c;
548
- --color-dark-accent-secondary-inverted-press: #2f2f32;
544
+ --color-dark-accent-secondary: #f2f3f5;
545
+ --color-dark-accent-secondary-hover: #dcdde1;
546
+ --color-dark-accent-secondary-inverted: #212124;
547
+ --color-dark-accent-secondary-inverted-hover: #2f2f32;
548
+ --color-dark-accent-secondary-inverted-press: #353539;
549
549
  --color-dark-accent-secondary-press: #d2d3d9;
550
- --color-dark-base-bg-alt-primary: #0e0e0e;
550
+ --color-dark-base-bg-alt-primary: #121213;
551
551
  --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
552
552
  --color-dark-base-bg-alt-secondary: #1c1c1e;
553
553
  --color-dark-base-bg-alt-secondary-inverted: #fff;
554
554
  --color-dark-base-bg-alt-tertiary: #29292c;
555
555
  --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
556
- --color-dark-base-bg-primary: #0e0e0e;
556
+ --color-dark-base-bg-primary: #121213;
557
557
  --color-dark-base-bg-primary-inverted: #fff;
558
558
  --color-dark-base-bg-secondary: #1c1c1e;
559
559
  --color-dark-base-bg-secondary-inverted: #f2f3f5;
@@ -612,7 +612,7 @@
612
612
  --color-dark-modal-bg-secondary-inverted: #f2f3f5;
613
613
  --color-dark-modal-bg-tertiary: #353539;
614
614
  --color-dark-modal-bg-tertiary-inverted: #fff;
615
- --color-dark-neutral-0: #29292c;
615
+ --color-dark-neutral-0: #262629;
616
616
  --color-dark-neutral-0-hover: #2f2f32;
617
617
  --color-dark-neutral-0-inverted: #fff;
618
618
  --color-dark-neutral-0-inverted-hover: #e7e8eb;
@@ -626,7 +626,7 @@
626
626
  --color-dark-neutral-100-press: #29292c;
627
627
  --color-dark-neutral-1500: #fff;
628
628
  --color-dark-neutral-1500-hover: #babbc2;
629
- --color-dark-neutral-1500-inverted: #0e0e0e;
629
+ --color-dark-neutral-1500-inverted: #121213;
630
630
  --color-dark-neutral-1500-inverted-hover: #3f3f45;
631
631
  --color-dark-neutral-1500-inverted-press: #5f5f66;
632
632
  --color-dark-neutral-1500-press: #a0a1a9;
@@ -672,6 +672,12 @@
672
672
  --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
673
673
  --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
674
674
  --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
675
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
676
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
677
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
678
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
679
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
680
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
675
681
  --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
676
682
  --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
677
683
  --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
@@ -731,59 +737,59 @@
731
737
  --color-dark-status-info-inverted-press: #2c64d4;
732
738
  --color-dark-status-info-press: #63aafd;
733
739
  --color-dark-status-muted-alt-attention: #412f22;
734
- --color-dark-status-muted-alt-attention-hover: #4f3623;
740
+ --color-dark-status-muted-alt-attention-hover: #543a27;
735
741
  --color-dark-status-muted-alt-attention-inverted: #fde6c8;
736
742
  --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
737
- --color-dark-status-muted-alt-attention-inverted-press: #eec596;
738
- --color-dark-status-muted-alt-attention-press: #634128;
743
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
744
+ --color-dark-status-muted-alt-attention-press: #6a462c;
739
745
  --color-dark-status-muted-alt-info: #293044;
740
- --color-dark-status-muted-alt-info-hover: #303a55;
746
+ --color-dark-status-muted-alt-info-hover: #2f3a55;
741
747
  --color-dark-status-muted-alt-info-inverted: #e4f0ff;
742
- --color-dark-status-muted-alt-info-inverted-hover: #c4defa;
743
- --color-dark-status-muted-alt-info-inverted-press: #aeccf1;
744
- --color-dark-status-muted-alt-info-press: #3a456a;
748
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
749
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
750
+ --color-dark-status-muted-alt-info-press: #38476c;
745
751
  --color-dark-status-muted-alt-negative: #442926;
746
- --color-dark-status-muted-alt-negative-hover: #56302d;
752
+ --color-dark-status-muted-alt-negative-hover: #55312e;
747
753
  --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
748
- --color-dark-status-muted-alt-negative-inverted-hover: #faccca;
749
- --color-dark-status-muted-alt-negative-inverted-press: #f1b7b0;
750
- --color-dark-status-muted-alt-negative-press: #6c3b34;
754
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
755
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
756
+ --color-dark-status-muted-alt-negative-press: #6b3b34;
751
757
  --color-dark-status-muted-alt-positive: #253528;
752
- --color-dark-status-muted-alt-positive-hover: #283f2d;
758
+ --color-dark-status-muted-alt-positive-hover: #273f2d;
753
759
  --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
754
- --color-dark-status-muted-alt-positive-inverted-hover: #bae6c2;
755
- --color-dark-status-muted-alt-positive-inverted-press: #a1d7a8;
756
- --color-dark-status-muted-alt-positive-press: #2d4d32;
760
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
761
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
762
+ --color-dark-status-muted-alt-positive-press: #2d4e33;
757
763
  --color-dark-status-muted-attention: #36291f;
758
764
  --color-dark-status-muted-attention-hover: #412f22;
759
765
  --color-dark-status-muted-attention-inverted: #ffefd9;
760
766
  --color-dark-status-muted-attention-inverted-hover: #fde6c8;
761
767
  --color-dark-status-muted-attention-inverted-press: #f6d7af;
762
- --color-dark-status-muted-attention-press: #4f3623;
768
+ --color-dark-status-muted-attention-press: #543a27;
763
769
  --color-dark-status-muted-info: #222a3e;
764
770
  --color-dark-status-muted-info-hover: #293044;
765
771
  --color-dark-status-muted-info-inverted: #e4f0ff;
766
772
  --color-dark-status-muted-info-inverted-hover: #d8eaff;
767
- --color-dark-status-muted-info-inverted-press: #c4defa;
768
- --color-dark-status-muted-info-press: #303a55;
773
+ --color-dark-status-muted-info-inverted-press: #c1dbf7;
774
+ --color-dark-status-muted-info-press: #2f3a55;
769
775
  --color-dark-status-muted-negative: #392523;
770
776
  --color-dark-status-muted-negative-hover: #442926;
771
777
  --color-dark-status-muted-negative-inverted: #ffebeb;
772
778
  --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
773
- --color-dark-status-muted-negative-inverted-press: #faccca;
774
- --color-dark-status-muted-negative-press: #56302d;
779
+ --color-dark-status-muted-negative-inverted-press: #f9ccca;
780
+ --color-dark-status-muted-negative-press: #55312e;
775
781
  --color-dark-status-muted-positive: #232d25;
776
782
  --color-dark-status-muted-positive-hover: #253528;
777
783
  --color-dark-status-muted-positive-inverted: #dff8e5;
778
784
  --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
779
- --color-dark-status-muted-positive-inverted-press: #bae6c2;
780
- --color-dark-status-muted-positive-press: #283f2d;
781
- --color-dark-status-negative: #ff5431;
782
- --color-dark-status-negative-hover: #ff7554;
783
- --color-dark-status-negative-inverted: #ff5431;
784
- --color-dark-status-negative-inverted-hover: #ec2e14;
785
- --color-dark-status-negative-inverted-press: #c7251c;
786
- --color-dark-status-negative-press: #ff8d73;
785
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3;
786
+ --color-dark-status-muted-positive-press: #273f2d;
787
+ --color-dark-status-negative: #ff4837;
788
+ --color-dark-status-negative-hover: #ff755e;
789
+ --color-dark-status-negative-inverted: #ff4837;
790
+ --color-dark-status-negative-inverted-hover: #ec2d20;
791
+ --color-dark-status-negative-inverted-press: #c7241f;
792
+ --color-dark-status-negative-press: #ff8d79;
787
793
  --color-dark-status-positive: #17d055;
788
794
  --color-dark-status-positive-hover: #22e068;
789
795
  --color-dark-status-positive-inverted: #0cc44d;
@@ -806,24 +812,24 @@
806
812
  --color-dark-text-info-inverted-press: #2453b4;
807
813
  --color-dark-text-info-press: #7fb6ff;
808
814
  --color-dark-text-link: #4a9dfc;
809
- --color-dark-text-negative: #ff5431;
810
- --color-dark-text-negative-hover: #ff7554;
811
- --color-dark-text-negative-inverted: #ec2e14;
812
- --color-dark-text-negative-inverted-hover: #c7251c;
815
+ --color-dark-text-negative: #ff4837;
816
+ --color-dark-text-negative-hover: #ff755e;
817
+ --color-dark-text-negative-inverted: #ec2d20;
818
+ --color-dark-text-negative-inverted-hover: #c7241f;
813
819
  --color-dark-text-negative-inverted-press: #a6201e;
814
- --color-dark-text-negative-press: #ff8d73;
820
+ --color-dark-text-negative-press: #ff8d79;
815
821
  --color-dark-text-positive: #0cc44d;
816
822
  --color-dark-text-positive-hover: #22e068;
817
823
  --color-dark-text-positive-inverted: #0d9336;
818
824
  --color-dark-text-positive-inverted-hover: #0a7d2c;
819
825
  --color-dark-text-positive-inverted-press: #036625;
820
826
  --color-dark-text-positive-press: #4ae777;
821
- --color-dark-text-primary: #fff;
822
- --color-dark-text-primary-hover: #babbc2;
823
- --color-dark-text-primary-inverted: #0e0e0e;
824
- --color-dark-text-primary-inverted-hover: #5f5f66;
825
- --color-dark-text-primary-inverted-press: #75757d;
826
- --color-dark-text-primary-press: #a0a1a9;
827
+ --color-dark-text-primary: rgba(255, 255, 255, 0.94);
828
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);
829
+ --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);
830
+ --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);
831
+ --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);
832
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);
827
833
  --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
828
834
  --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
829
835
  --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
@@ -849,20 +855,20 @@
849
855
  --color-light-accent-primary-inverted-hover: #ff503e;
850
856
  --color-light-accent-primary-inverted-press: #fd624e;
851
857
  --color-light-accent-primary-press: #d72505;
852
- --color-light-accent-secondary: #0e0e0e;
853
- --color-light-accent-secondary-hover: #29292c;
854
- --color-light-accent-secondary-inverted: #fff;
855
- --color-light-accent-secondary-inverted-hover: #e7e8eb;
858
+ --color-light-accent-secondary: #212124;
859
+ --color-light-accent-secondary-hover: #2f2f32;
860
+ --color-light-accent-secondary-inverted: #f2f3f5;
861
+ --color-light-accent-secondary-inverted-hover: #dcdde1;
856
862
  --color-light-accent-secondary-inverted-press: #d2d3d9;
857
- --color-light-accent-secondary-press: #2f2f32;
863
+ --color-light-accent-secondary-press: #353539;
858
864
  --color-light-base-bg-alt-primary: #f2f3f5;
859
- --color-light-base-bg-alt-primary-inverted: #0e0e0e;
865
+ --color-light-base-bg-alt-primary-inverted: #121213;
860
866
  --color-light-base-bg-alt-secondary: #fff;
861
867
  --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
862
868
  --color-light-base-bg-alt-tertiary: #f2f3f5;
863
869
  --color-light-base-bg-alt-tertiary-inverted: #29292c;
864
870
  --color-light-base-bg-primary: #fff;
865
- --color-light-base-bg-primary-inverted: #0e0e0e;
871
+ --color-light-base-bg-primary-inverted: #121213;
866
872
  --color-light-base-bg-secondary: #f2f3f5;
867
873
  --color-light-base-bg-secondary-inverted: #1c1c1e;
868
874
  --color-light-base-bg-tertiary: #fff;
@@ -922,7 +928,7 @@
922
928
  --color-light-modal-bg-tertiary-inverted: #353539;
923
929
  --color-light-neutral-0: #fff;
924
930
  --color-light-neutral-0-hover: #e7e8eb;
925
- --color-light-neutral-0-inverted: #29292c;
931
+ --color-light-neutral-0-inverted: #262629;
926
932
  --color-light-neutral-0-inverted-hover: #2f2f32;
927
933
  --color-light-neutral-0-inverted-press: #353539;
928
934
  --color-light-neutral-0-press: #dcdde1;
@@ -932,7 +938,7 @@
932
938
  --color-light-neutral-100-inverted-hover: #212124;
933
939
  --color-light-neutral-100-inverted-press: #29292c;
934
940
  --color-light-neutral-100-press: #dcdde1;
935
- --color-light-neutral-1500: #0e0e0e;
941
+ --color-light-neutral-1500: #121213;
936
942
  --color-light-neutral-1500-hover: #3f3f45;
937
943
  --color-light-neutral-1500-inverted: #fff;
938
944
  --color-light-neutral-1500-inverted-hover: #babbc2;
@@ -980,6 +986,12 @@
980
986
  --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
981
987
  --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
982
988
  --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
989
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
990
+ --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
991
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
992
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
993
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
994
+ --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
983
995
  --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
984
996
  --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
985
997
  --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -1041,57 +1053,57 @@
1041
1053
  --color-light-status-muted-alt-attention: #fde6c8;
1042
1054
  --color-light-status-muted-alt-attention-hover: #f6d7af;
1043
1055
  --color-light-status-muted-alt-attention-inverted: #412f22;
1044
- --color-light-status-muted-alt-attention-inverted-hover: #4f3623;
1045
- --color-light-status-muted-alt-attention-inverted-press: #634128;
1046
- --color-light-status-muted-alt-attention-press: #eec596;
1056
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27;
1057
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c;
1058
+ --color-light-status-muted-alt-attention-press: #f0c492;
1047
1059
  --color-light-status-muted-alt-info: #d8eaff;
1048
- --color-light-status-muted-alt-info-hover: #c4defa;
1060
+ --color-light-status-muted-alt-info-hover: #c1dbf7;
1049
1061
  --color-light-status-muted-alt-info-inverted: #293044;
1050
- --color-light-status-muted-alt-info-inverted-hover: #303a55;
1051
- --color-light-status-muted-alt-info-inverted-press: #3a456a;
1052
- --color-light-status-muted-alt-info-press: #aeccf1;
1062
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
1063
+ --color-light-status-muted-alt-info-inverted-press: #38476c;
1064
+ --color-light-status-muted-alt-info-press: #a7cbf2;
1053
1065
  --color-light-status-muted-alt-negative: #ffdfdf;
1054
- --color-light-status-muted-alt-negative-hover: #faccca;
1066
+ --color-light-status-muted-alt-negative-hover: #f9ccca;
1055
1067
  --color-light-status-muted-alt-negative-inverted: #442926;
1056
- --color-light-status-muted-alt-negative-inverted-hover: #56302d;
1057
- --color-light-status-muted-alt-negative-inverted-press: #6c3b34;
1058
- --color-light-status-muted-alt-negative-press: #f1b7b0;
1068
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e;
1069
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
1070
+ --color-light-status-muted-alt-negative-press: #f3b6af;
1059
1071
  --color-light-status-muted-alt-positive: #d1f1d7;
1060
- --color-light-status-muted-alt-positive-hover: #bae6c2;
1072
+ --color-light-status-muted-alt-positive-hover: #bbe8c3;
1061
1073
  --color-light-status-muted-alt-positive-inverted: #253528;
1062
- --color-light-status-muted-alt-positive-inverted-hover: #283f2d;
1063
- --color-light-status-muted-alt-positive-inverted-press: #2d4d32;
1064
- --color-light-status-muted-alt-positive-press: #a1d7a8;
1074
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
1075
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
1076
+ --color-light-status-muted-alt-positive-press: #a1dba8;
1065
1077
  --color-light-status-muted-attention: #ffefd9;
1066
1078
  --color-light-status-muted-attention-hover: #fde6c8;
1067
1079
  --color-light-status-muted-attention-inverted: #36291f;
1068
1080
  --color-light-status-muted-attention-inverted-hover: #412f22;
1069
- --color-light-status-muted-attention-inverted-press: #4f3623;
1081
+ --color-light-status-muted-attention-inverted-press: #543a27;
1070
1082
  --color-light-status-muted-attention-press: #f6d7af;
1071
1083
  --color-light-status-muted-info: #e4f0ff;
1072
1084
  --color-light-status-muted-info-hover: #d8eaff;
1073
1085
  --color-light-status-muted-info-inverted: #222a3e;
1074
1086
  --color-light-status-muted-info-inverted-hover: #293044;
1075
- --color-light-status-muted-info-inverted-press: #303a55;
1076
- --color-light-status-muted-info-press: #c4defa;
1087
+ --color-light-status-muted-info-inverted-press: #2f3a55;
1088
+ --color-light-status-muted-info-press: #c1dbf7;
1077
1089
  --color-light-status-muted-negative: #ffebeb;
1078
1090
  --color-light-status-muted-negative-hover: #ffdfdf;
1079
1091
  --color-light-status-muted-negative-inverted: #392523;
1080
1092
  --color-light-status-muted-negative-inverted-hover: #442926;
1081
- --color-light-status-muted-negative-inverted-press: #56302d;
1082
- --color-light-status-muted-negative-press: #faccca;
1093
+ --color-light-status-muted-negative-inverted-press: #55312e;
1094
+ --color-light-status-muted-negative-press: #f9ccca;
1083
1095
  --color-light-status-muted-positive: #dff8e5;
1084
1096
  --color-light-status-muted-positive-hover: #d1f1d7;
1085
1097
  --color-light-status-muted-positive-inverted: #232d25;
1086
1098
  --color-light-status-muted-positive-inverted-hover: #253528;
1087
- --color-light-status-muted-positive-inverted-press: #283f2d;
1088
- --color-light-status-muted-positive-press: #bae6c2;
1089
- --color-light-status-negative: #ff5431;
1090
- --color-light-status-negative-hover: #ec2e14;
1091
- --color-light-status-negative-inverted: #ff5431;
1092
- --color-light-status-negative-inverted-hover: #ff7554;
1093
- --color-light-status-negative-inverted-press: #ff8d73;
1094
- --color-light-status-negative-press: #c7251c;
1099
+ --color-light-status-muted-positive-inverted-press: #273f2d;
1100
+ --color-light-status-muted-positive-press: #bbe8c3;
1101
+ --color-light-status-negative: #ff4837;
1102
+ --color-light-status-negative-hover: #ec2d20;
1103
+ --color-light-status-negative-inverted: #ff4837;
1104
+ --color-light-status-negative-inverted-hover: #ff755e;
1105
+ --color-light-status-negative-inverted-press: #ff8d79;
1106
+ --color-light-status-negative-press: #c7241f;
1095
1107
  --color-light-status-positive: #0cc44d;
1096
1108
  --color-light-status-positive-hover: #04b545;
1097
1109
  --color-light-status-positive-inverted: #17d055;
@@ -1114,11 +1126,11 @@
1114
1126
  --color-light-text-info-inverted-press: #7fb6ff;
1115
1127
  --color-light-text-info-press: #2453b4;
1116
1128
  --color-light-text-link: #2a77ef;
1117
- --color-light-text-negative: #ec2e14;
1118
- --color-light-text-negative-hover: #c7251c;
1119
- --color-light-text-negative-inverted: #ff5431;
1120
- --color-light-text-negative-inverted-hover: #ff7554;
1121
- --color-light-text-negative-inverted-press: #ff8d73;
1129
+ --color-light-text-negative: #ec2d20;
1130
+ --color-light-text-negative-hover: #c7241f;
1131
+ --color-light-text-negative-inverted: #ff4837;
1132
+ --color-light-text-negative-inverted-hover: #ff755e;
1133
+ --color-light-text-negative-inverted-press: #ff8d79;
1122
1134
  --color-light-text-negative-press: #a6201e;
1123
1135
  --color-light-text-positive: #0d9336;
1124
1136
  --color-light-text-positive-hover: #0a7d2c;
@@ -1126,12 +1138,12 @@
1126
1138
  --color-light-text-positive-inverted-hover: #22e068;
1127
1139
  --color-light-text-positive-inverted-press: #4ae777;
1128
1140
  --color-light-text-positive-press: #036625;
1129
- --color-light-text-primary: #0e0e0e;
1130
- --color-light-text-primary-hover: #5f5f66;
1131
- --color-light-text-primary-inverted: #fff;
1132
- --color-light-text-primary-inverted-hover: #babbc2;
1133
- --color-light-text-primary-inverted-press: #a0a1a9;
1134
- --color-light-text-primary-press: #75757d;
1141
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
1142
+ --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
1143
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
1144
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
1145
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
1146
+ --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
1135
1147
  --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
1136
1148
  --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
1137
1149
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -1157,12 +1169,12 @@
1157
1169
  --color-static-accent-primary-inverted-hover: #ff503e;
1158
1170
  --color-static-accent-primary-inverted-press: #fd624e;
1159
1171
  --color-static-accent-primary-press: #d72505;
1160
- --color-static-accent-secondary: #0e0e0e;
1161
- --color-static-accent-secondary-hover: #29292c;
1162
- --color-static-accent-secondary-inverted: #fff;
1163
- --color-static-accent-secondary-inverted-hover: #e7e8eb;
1172
+ --color-static-accent-secondary: #212124;
1173
+ --color-static-accent-secondary-hover: #2f2f32;
1174
+ --color-static-accent-secondary-inverted: #f2f3f5;
1175
+ --color-static-accent-secondary-inverted-hover: #dcdde1;
1164
1176
  --color-static-accent-secondary-inverted-press: #d2d3d9;
1165
- --color-static-accent-secondary-press: #2f2f32;
1177
+ --color-static-accent-secondary-press: #353539;
1166
1178
  --color-static-bg-accent: #ef3124;
1167
1179
  --color-static-bg-primary-dark: #0e0e0e;
1168
1180
  --color-static-bg-primary-light: #fff;
@@ -1178,7 +1190,7 @@
1178
1190
  --color-static-graphic-light: #fff;
1179
1191
  --color-static-neutral-0: #fff;
1180
1192
  --color-static-neutral-0-hover: #e7e8eb;
1181
- --color-static-neutral-0-inverted: #29292c;
1193
+ --color-static-neutral-0-inverted: #262629;
1182
1194
  --color-static-neutral-0-inverted-hover: #2f2f32;
1183
1195
  --color-static-neutral-0-inverted-press: #353539;
1184
1196
  --color-static-neutral-0-press: #dcdde1;
@@ -1188,7 +1200,7 @@
1188
1200
  --color-static-neutral-100-inverted-hover: #212124;
1189
1201
  --color-static-neutral-100-inverted-press: #29292c;
1190
1202
  --color-static-neutral-100-press: #dcdde1;
1191
- --color-static-neutral-1500: #0e0e0e;
1203
+ --color-static-neutral-1500: #121213;
1192
1204
  --color-static-neutral-1500-hover: #3f3f45;
1193
1205
  --color-static-neutral-1500-inverted: #fff;
1194
1206
  --color-static-neutral-1500-inverted-hover: #babbc2;
@@ -1201,7 +1213,11 @@
1201
1213
  --color-static-neutral-200-inverted-press: #2f2f32;
1202
1214
  --color-static-neutral-200-press: #dcdde1;
1203
1215
  --color-static-neutral-300: #e7e8eb;
1216
+ --color-static-neutral-300-hover: #dcdde1;
1204
1217
  --color-static-neutral-300-inverted: #29292c;
1218
+ --color-static-neutral-300-inverted-hover: #2f2f32;
1219
+ --color-static-neutral-300-inverted-press: #353539;
1220
+ --color-static-neutral-300-press: #d2d3d9;
1205
1221
  --color-static-neutral-400: #d2d3d9;
1206
1222
  --color-static-neutral-400-hover: #babbc2;
1207
1223
  --color-static-neutral-400-inverted: #353539;
@@ -1232,6 +1248,12 @@
1232
1248
  --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
1233
1249
  --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
1234
1250
  --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
1251
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
1252
+ --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
1253
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
1254
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
1255
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
1256
+ --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
1235
1257
  --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
1236
1258
  --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
1237
1259
  --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -1243,7 +1265,11 @@
1243
1265
  --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
1244
1266
  --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
1245
1267
  --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
1268
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
1246
1269
  --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
1270
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
1271
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
1272
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
1247
1273
  --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
1248
1274
  --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
1249
1275
  --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
@@ -1282,8 +1308,8 @@
1282
1308
  --color-static-status-muted-negative-inverted: #392523;
1283
1309
  --color-static-status-muted-positive: #dff8e5;
1284
1310
  --color-static-status-muted-positive-inverted: #232d25;
1285
- --color-static-status-negative: #ff5431;
1286
- --color-static-status-negative-inverted: #ff5431;
1311
+ --color-static-status-negative: #ff4837;
1312
+ --color-static-status-negative-inverted: #ff4837;
1287
1313
  --color-static-status-positive: #0cc44d;
1288
1314
  --color-static-status-positive-inverted: #17d055;
1289
1315
  --color-static-text-accent: #ef3124;
@@ -1299,11 +1325,11 @@
1299
1325
  --color-static-text-info-inverted-hover: #63aafd;
1300
1326
  --color-static-text-info-inverted-press: #7fb6ff;
1301
1327
  --color-static-text-info-press: #2453b4;
1302
- --color-static-text-negative: #ec2e14;
1303
- --color-static-text-negative-hover: #c7251c;
1304
- --color-static-text-negative-inverted: #ff5431;
1305
- --color-static-text-negative-inverted-hover: #ff7554;
1306
- --color-static-text-negative-inverted-press: #ff8d73;
1328
+ --color-static-text-negative: #ec2d20;
1329
+ --color-static-text-negative-hover: #c7241f;
1330
+ --color-static-text-negative-inverted: #ff4837;
1331
+ --color-static-text-negative-inverted-hover: #ff755e;
1332
+ --color-static-text-negative-inverted-press: #ff8d79;
1307
1333
  --color-static-text-negative-press: #a6201e;
1308
1334
  --color-static-text-positive: #0d9336;
1309
1335
  --color-static-text-positive-hover: #0a7d2c;
@@ -1311,14 +1337,14 @@
1311
1337
  --color-static-text-positive-inverted-hover: #22e068;
1312
1338
  --color-static-text-positive-inverted-press: #4ae777;
1313
1339
  --color-static-text-positive-press: #036625;
1314
- --color-static-text-primary: #0e0e0e;
1340
+ --color-static-text-primary: rgba(3, 3, 6, 0.88);
1315
1341
  --color-static-text-primary-dark: #0e0e0e;
1316
- --color-static-text-primary-hover: #5f5f66;
1317
- --color-static-text-primary-inverted: #fff;
1318
- --color-static-text-primary-inverted-hover: #babbc2;
1319
- --color-static-text-primary-inverted-press: #a0a1a9;
1342
+ --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);
1343
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
1344
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
1345
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
1320
1346
  --color-static-text-primary-light: #fff;
1321
- --color-static-text-primary-press: #75757d;
1347
+ --color-static-text-primary-press: rgba(4, 4, 19, 0.55);
1322
1348
  --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
1323
1349
  --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
1324
1350
  --color-static-text-secondary: rgba(4, 4, 19, 0.55);
@@ -1515,22 +1541,22 @@
1515
1541
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
1516
1542
  --color-dark-text-link-tint-40: rgb(146, 196, 253);
1517
1543
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
1518
- --color-dark-text-primary-shade-24: rgb(194, 194, 194);
1519
- --color-dark-text-primary-shade-30: rgb(179, 179, 179);
1520
- --color-dark-text-primary-shade-40: rgb(153, 153, 153);
1521
- --color-dark-text-primary-shade-50: rgb(128, 128, 128);
1522
- --color-dark-text-primary-tint-20: rgb(255, 255, 255);
1523
- --color-dark-text-primary-tint-40: rgb(255, 255, 255);
1524
- --color-dark-text-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1525
- --color-dark-text-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1526
- --color-dark-text-primary-inverted-shade-20: rgb(11, 11, 11);
1527
- --color-dark-text-primary-inverted-shade-30: rgb(10, 10, 10);
1528
- --color-dark-text-primary-inverted-tint-7: rgb(31, 31, 31);
1529
- --color-dark-text-primary-inverted-tint-15: rgb(50, 50, 50);
1530
- --color-dark-text-primary-inverted-tint-24: rgb(72, 72, 72);
1531
- --color-dark-text-primary-inverted-tint-30: rgb(86, 86, 86);
1532
- --color-dark-text-primary-inverted-tint-40: rgb(110, 110, 110);
1533
- --color-dark-text-primary-inverted-tint-50: rgb(135, 135, 135);
1544
+ --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544);
1545
+ --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958);
1546
+ --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964);
1547
+ --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97);
1548
+ --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952);
1549
+ --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964);
1550
+ --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3);
1551
+ --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4);
1552
+ --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904);
1553
+ --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916);
1554
+ --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884);
1555
+ --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898);
1556
+ --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088);
1557
+ --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916);
1558
+ --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928);
1559
+ --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94);
1534
1560
  --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64);
1535
1561
  --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685);
1536
1562
  --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64);
@@ -1676,23 +1702,23 @@
1676
1702
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1677
1703
  --color-light-text-link-shade-20: rgb(34, 95, 191);
1678
1704
  --color-light-text-link-shade-40: rgb(25, 71, 143);
1679
- --color-light-text-primary-alpha-30: rgba(14, 14, 14, 0.3);
1680
- --color-light-text-primary-tint-24: rgb(72, 72, 72);
1681
- --color-light-text-primary-tint-30: rgb(86, 86, 86);
1682
- --color-light-text-primary-tint-40: rgb(110, 110, 110);
1683
- --color-light-text-primary-tint-50: rgb(135, 135, 135);
1684
- --color-light-text-primary-shade-20: rgb(11, 11, 11);
1685
- --color-light-text-primary-shade-40: rgb(8, 8, 8);
1705
+ --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3);
1706
+ --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088);
1707
+ --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916);
1708
+ --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928);
1709
+ --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94);
1710
+ --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904);
1711
+ --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928);
1686
1712
  --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1687
1713
  --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1688
- --color-light-text-primary-inverted-tint-20: rgb(255, 255, 255);
1689
- --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
1690
- --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
1691
- --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
1692
- --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
1693
- --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
1694
- --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
1695
- --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
1714
+ --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952);
1715
+ --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958);
1716
+ --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442);
1717
+ --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949);
1718
+ --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544);
1719
+ --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958);
1720
+ --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964);
1721
+ --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97);
1696
1722
  --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64);
1697
1723
  --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685);
1698
1724
  --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64);
@@ -2025,221 +2051,221 @@
2025
2051
 
2026
2052
  /* size xl */
2027
2053
  --secondary-tablist-xl-gaps: var(--gap-m);
2028
- } .tabs__title_18jc9 {
2029
- } .tabs__mobile_18jc9 .tabs__title_18jc9 {
2054
+ } .tabs__title_i1462 {
2055
+ } .tabs__mobile_i1462 .tabs__title_i1462 {
2030
2056
  padding: var(--primary-tablist-mobile-padding);
2031
2057
  font-size: var(--primary-tablist-mobile-font-size);
2032
2058
  font-weight: var(--primary-tablist-mobile-font-weight);
2033
2059
  font-family: var(--primary-tablist-mobile-font-family);
2034
2060
  line-height: var(--primary-tablist-mobile-line-height)
2035
- } .tabs__mobile_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9 {
2061
+ } .tabs__mobile_i1462 .tabs__title_i1462 + .tabs__title_i1462 {
2036
2062
  margin-left: var(--primary-tablist-mobile-gaps);
2037
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__title_18jc9 {
2063
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__title_i1462 {
2038
2064
  font-size: 18px;
2039
2065
  line-height: 24px;
2040
2066
  font-weight: 400;
2041
- } .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__title_18jc9 {
2067
+ } .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__title_i1462 {
2042
2068
  font-size: 16px;
2043
2069
  line-height: 24px;
2044
2070
  font-weight: 400;
2045
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__title_18jc9 {
2071
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__title_i1462 {
2046
2072
  font-size: 14px;
2047
2073
  line-height: 20px;
2048
2074
  font-weight: 400;
2049
- } .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__title_18jc9 {
2075
+ } .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__title_i1462 {
2050
2076
  font-size: 18px;
2051
2077
  line-height: 24px;
2052
2078
  font-weight: 500;
2053
- } .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__title_18jc9 {
2079
+ } .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__title_i1462 {
2054
2080
  font-size: 16px;
2055
2081
  line-height: 24px;
2056
2082
  font-weight: 500;
2057
- } .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__title_18jc9 {
2083
+ } .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__title_i1462 {
2058
2084
  font-size: 14px;
2059
2085
  line-height: 20px;
2060
2086
  font-weight: 500;
2061
- } .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__title_18jc9 {
2087
+ } .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__title_i1462 {
2062
2088
  font-size: 18px;
2063
2089
  line-height: 24px;
2064
2090
  font-weight: 700;
2065
- } .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__title_18jc9 {
2091
+ } .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__title_i1462 {
2066
2092
  font-size: 16px;
2067
2093
  line-height: 24px;
2068
2094
  font-weight: 700;
2069
- } .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__title_18jc9 {
2095
+ } .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__title_i1462 {
2070
2096
  font-size: 14px;
2071
2097
  line-height: 20px;
2072
2098
  font-weight: 700;
2073
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__title_18jc9 {
2099
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__title_i1462 {
2074
2100
  padding-bottom: calc(24px / 2);
2075
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2076
- .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__pickerWrapper_18jc9,
2077
- .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2078
- .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__pickerWrapper_18jc9,
2079
- .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2080
- .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__pickerWrapper_18jc9,
2081
- .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2082
- .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__pickerWrapper_18jc9,
2083
- .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2084
- .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__pickerWrapper_18jc9,
2085
- .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2086
- .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__pickerWrapper_18jc9 {
2101
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2102
+ .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__pickerWrapper_i1462,
2103
+ .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2104
+ .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__pickerWrapper_i1462,
2105
+ .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2106
+ .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__pickerWrapper_i1462,
2107
+ .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2108
+ .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__pickerWrapper_i1462,
2109
+ .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2110
+ .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__pickerWrapper_i1462,
2111
+ .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2112
+ .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__pickerWrapper_i1462 {
2087
2113
  margin-left: 24px;
2088
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__option_18jc9 {
2114
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__option_i1462 {
2089
2115
  padding: 0;
2090
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__scrollControls_18jc9 > button {
2116
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__scrollControls_i1462 > button {
2091
2117
  box-sizing: content-box;
2092
2118
  width: 24px;
2093
2119
  height: 24px;
2094
2120
  padding: 0;
2095
- } .tabs__mobile_18jc9.tabs__paragraph-primary-large_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__paragraph-primary-medium_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__accent-primary-large_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__accent-primary-medium_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__action-primary-large_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__action-primary-medium_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2121
+ } .tabs__mobile_i1462.tabs__paragraph-primary-large_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__paragraph-primary-medium_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__accent-primary-large_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__accent-primary-medium_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__action-primary-large_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__action-primary-medium_i1462 .tabs__scrollControls_i1462 button:first-child {
2096
2122
  margin: 0 0 0 calc(24px / 2);
2097
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__title_18jc9 {
2123
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__title_i1462 {
2098
2124
  padding-bottom: calc(20px / 2);
2099
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2100
- .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__pickerWrapper_18jc9,
2101
- .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2102
- .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__pickerWrapper_18jc9,
2103
- .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2104
- .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__pickerWrapper_18jc9 {
2125
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2126
+ .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__pickerWrapper_i1462,
2127
+ .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2128
+ .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__pickerWrapper_i1462,
2129
+ .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2130
+ .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__pickerWrapper_i1462 {
2105
2131
  margin-left: 20px;
2106
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__option_18jc9 {
2132
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__option_i1462 {
2107
2133
  padding: 0;
2108
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__scrollControls_18jc9 > button {
2134
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__scrollControls_i1462 > button {
2109
2135
  box-sizing: content-box;
2110
2136
  width: 20px;
2111
2137
  height: 20px;
2112
2138
  padding: 0;
2113
- } .tabs__mobile_18jc9.tabs__paragraph-primary-small_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__accent-primary-small_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__action-primary-small_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2139
+ } .tabs__mobile_i1462.tabs__paragraph-primary-small_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__accent-primary-small_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__action-primary-small_i1462 .tabs__scrollControls_i1462 button:first-child {
2114
2140
  margin: 0 0 0 calc(20px / 2);
2115
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__title_18jc9 {
2141
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__title_i1462 {
2116
2142
  font-size: 34px;
2117
2143
  line-height: 40px;
2118
2144
  font-weight: 600;
2119
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__title_18jc9 {
2145
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__title_i1462 {
2120
2146
  font-size: 30px;
2121
2147
  line-height: 36px;
2122
2148
  font-weight: 600;
2123
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__title_18jc9 {
2149
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__title_i1462 {
2124
2150
  font-size: 26px;
2125
2151
  line-height: 32px;
2126
2152
  font-weight: 600;
2127
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__title_18jc9 {
2153
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__title_i1462 {
2128
2154
  font-size: 20px;
2129
2155
  line-height: 28px;
2130
2156
  font-weight: 600;
2131
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__title_18jc9 {
2157
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__title_i1462 {
2132
2158
  font-size: 16px;
2133
2159
  line-height: 20px;
2134
2160
  font-weight: 600;
2135
- } .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__title_18jc9 {
2161
+ } .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__title_i1462 {
2136
2162
  font-size: 34px;
2137
2163
  line-height: 40px;
2138
2164
  font-weight: 500;
2139
2165
  font-feature-settings: 'ss01';
2140
2166
  font-family: var(--font-family-styrene);
2141
- } .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__title_18jc9 {
2167
+ } .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__title_i1462 {
2142
2168
  font-size: 30px;
2143
2169
  line-height: 36px;
2144
2170
  font-weight: 500;
2145
2171
  font-feature-settings: 'ss01';
2146
2172
  font-family: var(--font-family-styrene);
2147
- } .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__title_18jc9 {
2173
+ } .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__title_i1462 {
2148
2174
  font-size: 26px;
2149
2175
  line-height: 32px;
2150
2176
  font-weight: 500;
2151
2177
  font-feature-settings: 'ss01';
2152
2178
  font-family: var(--font-family-styrene);
2153
- } .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__title_18jc9 {
2179
+ } .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__title_i1462 {
2154
2180
  font-size: 20px;
2155
2181
  line-height: 28px;
2156
2182
  font-weight: 500;
2157
2183
  font-feature-settings: 'ss01';
2158
2184
  font-family: var(--font-family-styrene);
2159
- } .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__title_18jc9 {
2185
+ } .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__title_i1462 {
2160
2186
  font-size: 16px;
2161
2187
  line-height: 20px;
2162
2188
  font-weight: 500;
2163
2189
  font-feature-settings: 'ss01';
2164
2190
  font-family: var(--font-family-styrene);
2165
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__title_18jc9 {
2191
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__title_i1462 {
2166
2192
  padding-bottom: calc(40px / 2);
2167
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2168
- .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__pickerWrapper_18jc9,
2169
- .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2170
- .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__pickerWrapper_18jc9 {
2193
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2194
+ .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__pickerWrapper_i1462,
2195
+ .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2196
+ .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__pickerWrapper_i1462 {
2171
2197
  margin-left: 40px;
2172
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__option_18jc9 {
2198
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__option_i1462 {
2173
2199
  padding: 0;
2174
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__scrollControls_18jc9 > button {
2200
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__scrollControls_i1462 > button {
2175
2201
  box-sizing: content-box;
2176
2202
  width: 40px;
2177
2203
  height: 40px;
2178
2204
  padding: 0;
2179
- } .tabs__mobile_18jc9.tabs__headline-system-xlarge_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__headline-xlarge_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2205
+ } .tabs__mobile_i1462.tabs__headline-system-xlarge_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__headline-xlarge_i1462 .tabs__scrollControls_i1462 button:first-child {
2180
2206
  margin: 0 0 0 calc(40px / 2);
2181
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__title_18jc9 {
2207
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__title_i1462 {
2182
2208
  padding-bottom: calc(36px / 2);
2183
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2184
- .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__pickerWrapper_18jc9,
2185
- .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2186
- .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__pickerWrapper_18jc9 {
2209
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2210
+ .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__pickerWrapper_i1462,
2211
+ .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2212
+ .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__pickerWrapper_i1462 {
2187
2213
  margin-left: 36px;
2188
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__option_18jc9 {
2214
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__option_i1462 {
2189
2215
  padding: 0;
2190
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__scrollControls_18jc9 > button {
2216
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__scrollControls_i1462 > button {
2191
2217
  box-sizing: content-box;
2192
2218
  width: 36px;
2193
2219
  height: 36px;
2194
2220
  padding: 0;
2195
- } .tabs__mobile_18jc9.tabs__headline-system-large_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__headline-large_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2221
+ } .tabs__mobile_i1462.tabs__headline-system-large_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__headline-large_i1462 .tabs__scrollControls_i1462 button:first-child {
2196
2222
  margin: 0 0 0 calc(36px / 2);
2197
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__title_18jc9 {
2223
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__title_i1462 {
2198
2224
  padding-bottom: calc(32px / 2);
2199
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2200
- .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__pickerWrapper_18jc9,
2201
- .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2202
- .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__pickerWrapper_18jc9 {
2225
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2226
+ .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__pickerWrapper_i1462,
2227
+ .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2228
+ .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__pickerWrapper_i1462 {
2203
2229
  margin-left: 32px;
2204
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__option_18jc9 {
2230
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__option_i1462 {
2205
2231
  padding: 0;
2206
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__scrollControls_18jc9 > button {
2232
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__scrollControls_i1462 > button {
2207
2233
  box-sizing: content-box;
2208
2234
  width: 32px;
2209
2235
  height: 32px;
2210
2236
  padding: 0;
2211
- } .tabs__mobile_18jc9.tabs__headline-system-medium_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__headline-medium_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2237
+ } .tabs__mobile_i1462.tabs__headline-system-medium_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__headline-medium_i1462 .tabs__scrollControls_i1462 button:first-child {
2212
2238
  margin: 0 0 0 calc(32px / 2);
2213
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__title_18jc9 {
2239
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__title_i1462 {
2214
2240
  padding-bottom: calc(28px / 2);
2215
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2216
- .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__pickerWrapper_18jc9,
2217
- .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2218
- .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__pickerWrapper_18jc9 {
2241
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2242
+ .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__pickerWrapper_i1462,
2243
+ .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2244
+ .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__pickerWrapper_i1462 {
2219
2245
  margin-left: 28px;
2220
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__option_18jc9 {
2246
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__option_i1462 {
2221
2247
  padding: 0;
2222
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__scrollControls_18jc9 > button {
2248
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__scrollControls_i1462 > button {
2223
2249
  box-sizing: content-box;
2224
2250
  width: 28px;
2225
2251
  height: 28px;
2226
2252
  padding: 0;
2227
- } .tabs__mobile_18jc9.tabs__headline-system-small_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__headline-small_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2253
+ } .tabs__mobile_i1462.tabs__headline-system-small_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__headline-small_i1462 .tabs__scrollControls_i1462 button:first-child {
2228
2254
  margin: 0 0 0 calc(28px / 2);
2229
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__title_18jc9, .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__title_18jc9 {
2255
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__title_i1462, .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__title_i1462 {
2230
2256
  padding-bottom: calc(20px / 2);
2231
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2232
- .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__pickerWrapper_18jc9,
2233
- .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__title_18jc9 + .tabs__title_18jc9,
2234
- .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__pickerWrapper_18jc9 {
2257
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2258
+ .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__pickerWrapper_i1462,
2259
+ .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__title_i1462 + .tabs__title_i1462,
2260
+ .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__pickerWrapper_i1462 {
2235
2261
  margin-left: 20px;
2236
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__option_18jc9, .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__option_18jc9 {
2262
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__option_i1462, .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__option_i1462 {
2237
2263
  padding: 0;
2238
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__scrollControls_18jc9 > button, .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__scrollControls_18jc9 > button {
2264
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__scrollControls_i1462 > button, .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__scrollControls_i1462 > button {
2239
2265
  box-sizing: content-box;
2240
2266
  width: 20px;
2241
2267
  height: 20px;
2242
2268
  padding: 0;
2243
- } .tabs__mobile_18jc9.tabs__headline-system-xsmall_18jc9 .tabs__scrollControls_18jc9 button:first-child, .tabs__mobile_18jc9.tabs__headline-xsmall_18jc9 .tabs__scrollControls_18jc9 button:first-child {
2269
+ } .tabs__mobile_i1462.tabs__headline-system-xsmall_i1462 .tabs__scrollControls_i1462 button:first-child, .tabs__mobile_i1462.tabs__headline-xsmall_i1462 .tabs__scrollControls_i1462 button:first-child {
2244
2270
  margin: 0 0 0 calc(20px / 2);
2245
2271
  }