@alfalab/core-components-tabs 8.10.0 → 8.10.2

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 (77) hide show
  1. package/components/primary-tablist/Component.collapsible.js +1 -1
  2. package/components/primary-tablist/Component.desktop.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +2 -2
  4. package/components/primary-tablist/index.css +182 -181
  5. package/components/primary-tablist/mobile.css +305 -303
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +17 -16
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +11 -10
  10. package/components/secondary-tablist/Component.desktop.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +2 -2
  12. package/components/secondary-tablist/index.css +22 -21
  13. package/components/secondary-tablist/mobile.css +38 -36
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/cssm/components/primary-tablist/index.module.css +50 -49
  17. package/cssm/components/primary-tablist/mobile.module.css +24 -23
  18. package/cssm/components/primary-tablist/text-styles.module.css +1 -1
  19. package/cssm/components/scroll-controls/index.module.css +5 -4
  20. package/cssm/components/scrollable-container/index.module.css +5 -4
  21. package/cssm/components/secondary-tablist/index.module.css +5 -4
  22. package/cssm/components/secondary-tablist/mobile.module.css +1 -1
  23. package/cssm/vars.css +1 -1
  24. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/index.css +182 -181
  28. package/esm/components/primary-tablist/mobile.css +305 -303
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +17 -16
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +11 -10
  33. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  34. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  35. package/esm/components/secondary-tablist/index.css +22 -21
  36. package/esm/components/secondary-tablist/mobile.css +38 -36
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-145fd36b.js +4 -0
  40. package/esm/index.module-e94ba4a4.js +4 -0
  41. package/index.module-30548198.js +6 -0
  42. package/index.module-e91b0331.js +6 -0
  43. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  44. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  45. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  46. package/modern/components/primary-tablist/index.css +182 -181
  47. package/modern/components/primary-tablist/mobile.css +305 -303
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +17 -16
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +11 -10
  52. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/secondary-tablist/index.css +22 -21
  55. package/modern/components/secondary-tablist/mobile.css +38 -36
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-16d16a48.js +4 -0
  59. package/modern/index.module-7440dc81.js +4 -0
  60. package/moderncssm/components/primary-tablist/index.module.css +48 -48
  61. package/moderncssm/components/primary-tablist/mobile.module.css +22 -22
  62. package/moderncssm/components/scroll-controls/index.module.css +3 -3
  63. package/moderncssm/components/scrollable-container/index.module.css +3 -3
  64. package/moderncssm/components/secondary-tablist/index.module.css +3 -3
  65. package/package.json +9 -9
  66. package/src/components/primary-tablist/index.module.css +11 -11
  67. package/src/components/primary-tablist/text-styles.module.css +3 -3
  68. package/src/components/scroll-controls/index.module.css +3 -3
  69. package/src/components/scrollable-container/index.module.css +3 -3
  70. package/src/components/secondary-tablist/index.module.css +3 -3
  71. package/src/vars.css +5 -5
  72. package/esm/index.module-816fe73e.js +0 -4
  73. package/esm/index.module-b5db675e.js +0 -4
  74. package/index.module-333dad26.js +0 -6
  75. package/index.module-62476801.js +0 -6
  76. package/modern/index.module-12dbd5ae.js +0 -4
  77. package/modern/index.module-b19c9320.js +0 -4
package/components/primary-tablist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: x6kjz */
1
+ /* hash: 1y25n */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-primary: #ef3124;
@@ -29,6 +29,7 @@
29
29
  --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
30
30
 
31
31
  /* новые значения, используйте их */
32
+ --gap-0: 0;
32
33
  --gap-4: var(--gap-2xs);
33
34
  --gap-8: var(--gap-xs);
34
35
  --gap-12: var(--gap-s);
@@ -44,7 +45,7 @@
44
45
  } :root {
45
46
  --focus-color: var(--color-light-status-info);
46
47
  --disabled-cursor: not-allowed;
47
- } :root {
48
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
48
49
  --primary-tablist-color: var(--color-light-text-secondary);
49
50
  --primary-tablist-hover-color: var(--color-light-text-primary);
50
51
  --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -60,28 +61,28 @@
60
61
  --primary-tablist-s-font-size: 18px;
61
62
  --primary-tablist-s-font-weight: 400;
62
63
  --primary-tablist-s-font-family: var(--font-family-system);
63
- --primary-tablist-s-padding: 0 0 var(--gap-12);
64
+ --primary-tablist-s-padding: var(--gap-0) var(--gap-0) var(--gap-12);
64
65
 
65
66
  /* size m */
66
67
  --primary-tablist-m-gaps: var(--gap-32);
67
68
  --primary-tablist-m-font-size: 18px;
68
69
  --primary-tablist-m-font-weight: 400;
69
70
  --primary-tablist-m-font-family: var(--font-family-system);
70
- --primary-tablist-m-padding: 0 0 var(--gap-16);
71
+ --primary-tablist-m-padding: var(--gap-0) var(--gap-0) var(--gap-16);
71
72
 
72
73
  /* size l */
73
74
  --primary-tablist-l-gaps: var(--gap-32);
74
75
  --primary-tablist-l-font-size: 18px;
75
76
  --primary-tablist-l-font-weight: 400;
76
77
  --primary-tablist-l-font-family: var(--font-family-system);
77
- --primary-tablist-l-padding: 0 0 var(--gap-20);
78
+ --primary-tablist-l-padding: var(--gap-0) var(--gap-0) var(--gap-20);
78
79
 
79
80
  /* size xl */
80
81
  --primary-tablist-xl-gaps: var(--gap-32);
81
82
  --primary-tablist-xl-font-size: 18px;
82
83
  --primary-tablist-xl-font-weight: 400;
83
84
  --primary-tablist-xl-font-family: var(--font-family-system);
84
- --primary-tablist-xl-padding: 0 0 var(--gap-20);
85
+ --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
85
86
 
86
87
  /* mobile */
87
88
 
@@ -96,11 +97,11 @@
96
97
  /* size l */
97
98
 
98
99
  /* size xl */
99
- } .tabs__component_187rr {
100
+ } .tabs__component_1sgqp {
100
101
  position: relative;
101
102
  display: inline-flex;
102
103
  min-width: 100%
103
- } .tabs__component_187rr:before {
104
+ } .tabs__component_1sgqp:before {
104
105
  content: '';
105
106
  display: block;
106
107
  position: absolute;
@@ -108,277 +109,277 @@
108
109
  height: 1px;
109
110
  width: 100%;
110
111
  background-color: var(--primary-tablist-bottom-border-color);
111
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__title_187rr {
112
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__title_1sgqp {
112
113
  font-size: 18px;
113
114
  line-height: 24px;
114
115
  font-weight: 400;
115
- } .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__title_187rr {
116
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__title_1sgqp {
116
117
  font-size: 16px;
117
118
  line-height: 24px;
118
119
  font-weight: 400;
119
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__title_187rr {
120
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__title_1sgqp {
120
121
  font-size: 14px;
121
122
  line-height: 20px;
122
123
  font-weight: 400;
123
- } .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__title_187rr {
124
+ } .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__title_1sgqp {
124
125
  font-size: 18px;
125
126
  line-height: 24px;
126
127
  font-weight: 500;
127
- } .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__title_187rr {
128
+ } .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__title_1sgqp {
128
129
  font-size: 16px;
129
130
  line-height: 24px;
130
131
  font-weight: 500;
131
- } .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__title_187rr {
132
+ } .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__title_1sgqp {
132
133
  font-size: 14px;
133
134
  line-height: 20px;
134
135
  font-weight: 500;
135
- } .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__title_187rr {
136
+ } .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__title_1sgqp {
136
137
  font-size: 18px;
137
138
  line-height: 24px;
138
139
  font-weight: 700;
139
- } .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__title_187rr {
140
+ } .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__title_1sgqp {
140
141
  font-size: 16px;
141
142
  line-height: 24px;
142
143
  font-weight: 700;
143
- } .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__title_187rr {
144
+ } .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__title_1sgqp {
144
145
  font-size: 14px;
145
146
  line-height: 20px;
146
147
  font-weight: 700;
147
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__title_187rr {
148
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__title_1sgqp {
148
149
  padding-bottom: calc(24px / 2);
149
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__title_187rr + .tabs__title_187rr,
150
- .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__pickerWrapper_187rr,
151
- .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__title_187rr + .tabs__title_187rr,
152
- .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__pickerWrapper_187rr,
153
- .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__title_187rr + .tabs__title_187rr,
154
- .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__pickerWrapper_187rr,
155
- .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__title_187rr + .tabs__title_187rr,
156
- .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__pickerWrapper_187rr,
157
- .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__title_187rr + .tabs__title_187rr,
158
- .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__pickerWrapper_187rr,
159
- .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__title_187rr + .tabs__title_187rr,
160
- .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__pickerWrapper_187rr {
150
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
151
+ .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__pickerWrapper_1sgqp,
152
+ .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
153
+ .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__pickerWrapper_1sgqp,
154
+ .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
155
+ .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__pickerWrapper_1sgqp,
156
+ .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
157
+ .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__pickerWrapper_1sgqp,
158
+ .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
159
+ .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__pickerWrapper_1sgqp,
160
+ .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
161
+ .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__pickerWrapper_1sgqp {
161
162
  margin-left: 24px;
162
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__option_187rr {
163
- padding: 0;
164
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__scrollControls_187rr > button {
163
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__option_1sgqp {
164
+ padding: var(--gap-0);
165
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__scrollControls_1sgqp > button {
165
166
  box-sizing: content-box;
166
167
  width: 24px;
167
168
  height: 24px;
168
- padding: 0;
169
- } .tabs__desktop_187rr.tabs__paragraph-primary-large_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__paragraph-primary-medium_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__accent-primary-large_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__accent-primary-medium_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__action-primary-large_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__action-primary-medium_187rr .tabs__scrollControls_187rr button:first-child {
170
- margin: 0 0 0 calc(24px / 2);
171
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__title_187rr {
169
+ padding: var(--gap-0);
170
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-large_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__paragraph-primary-medium_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__accent-primary-large_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__accent-primary-medium_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__action-primary-large_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__action-primary-medium_1sgqp .tabs__scrollControls_1sgqp button:first-child {
171
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
172
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__title_1sgqp {
172
173
  padding-bottom: calc(20px / 2);
173
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__title_187rr + .tabs__title_187rr,
174
- .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__pickerWrapper_187rr,
175
- .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__title_187rr + .tabs__title_187rr,
176
- .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__pickerWrapper_187rr,
177
- .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__title_187rr + .tabs__title_187rr,
178
- .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__pickerWrapper_187rr {
174
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
175
+ .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__pickerWrapper_1sgqp,
176
+ .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
177
+ .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__pickerWrapper_1sgqp,
178
+ .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
179
+ .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__pickerWrapper_1sgqp {
179
180
  margin-left: 20px;
180
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__option_187rr {
181
- padding: 0;
182
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__scrollControls_187rr > button {
181
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__option_1sgqp {
182
+ padding: var(--gap-0);
183
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__scrollControls_1sgqp > button {
183
184
  box-sizing: content-box;
184
185
  width: 20px;
185
186
  height: 20px;
186
- padding: 0;
187
- } .tabs__desktop_187rr.tabs__paragraph-primary-small_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__accent-primary-small_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__action-primary-small_187rr .tabs__scrollControls_187rr button:first-child {
188
- margin: 0 0 0 calc(20px / 2);
189
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__title_187rr {
187
+ padding: var(--gap-0);
188
+ } .tabs__desktop_1sgqp.tabs__paragraph-primary-small_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__accent-primary-small_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__action-primary-small_1sgqp .tabs__scrollControls_1sgqp button:first-child {
189
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
190
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__title_1sgqp {
190
191
  font-size: 48px;
191
192
  line-height: 52px;
192
193
  font-weight: 700;
193
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__title_187rr {
194
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__title_1sgqp {
194
195
  font-size: 40px;
195
196
  line-height: 48px;
196
197
  font-weight: 700;
197
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__title_187rr {
198
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__title_1sgqp {
198
199
  font-size: 30px;
199
200
  line-height: 36px;
200
201
  font-weight: 700;
201
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__title_187rr {
202
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__title_1sgqp {
202
203
  font-size: 22px;
203
204
  line-height: 26px;
204
205
  font-weight: 700;
205
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__title_187rr {
206
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__title_1sgqp {
206
207
  font-size: 18px;
207
208
  line-height: 22px;
208
209
  font-weight: 700;
209
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__title_187rr {
210
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__title_1sgqp {
210
211
  font-size: 48px;
211
212
  line-height: 64px;
212
213
  font-weight: 500;
213
214
  font-feature-settings: 'ss01';
214
215
  font-family: var(--font-family-styrene);
215
- } .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__title_187rr {
216
+ } .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__title_1sgqp {
216
217
  font-size: 40px;
217
218
  line-height: 48px;
218
219
  font-weight: 500;
219
220
  font-feature-settings: 'ss01';
220
221
  font-family: var(--font-family-styrene);
221
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__title_187rr {
222
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__title_1sgqp {
222
223
  font-size: 32px;
223
224
  line-height: 40px;
224
225
  font-weight: 500;
225
226
  font-feature-settings: 'ss01';
226
227
  font-family: var(--font-family-styrene);
227
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__title_187rr {
228
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__title_1sgqp {
228
229
  font-size: 24px;
229
230
  line-height: 32px;
230
231
  font-weight: 500;
231
232
  font-feature-settings: 'ss01';
232
233
  font-family: var(--font-family-styrene);
233
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__title_187rr {
234
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__title_1sgqp {
234
235
  font-size: 20px;
235
236
  line-height: 24px;
236
237
  font-weight: 500;
237
238
  font-feature-settings: 'ss01';
238
239
  font-family: var(--font-family-styrene);
239
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__title_187rr {
240
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__title_1sgqp {
240
241
  padding-bottom: calc(52px / 2);
241
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__title_187rr + .tabs__title_187rr,
242
- .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__pickerWrapper_187rr {
242
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
243
+ .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__pickerWrapper_1sgqp {
243
244
  margin-left: 52px;
244
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__option_187rr {
245
- padding: 0;
246
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__scrollControls_187rr > button {
245
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__option_1sgqp {
246
+ padding: var(--gap-0);
247
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__scrollControls_1sgqp > button {
247
248
  box-sizing: content-box;
248
249
  width: 52px;
249
250
  height: 52px;
250
- padding: 0;
251
- } .tabs__desktop_187rr.tabs__headline-system-xlarge_187rr .tabs__scrollControls_187rr button:first-child {
252
- margin: 0 0 0 calc(52px / 2);
253
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__title_187rr, .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__title_187rr {
251
+ padding: var(--gap-0);
252
+ } .tabs__desktop_1sgqp.tabs__headline-system-xlarge_1sgqp .tabs__scrollControls_1sgqp button:first-child {
253
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
254
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__title_1sgqp, .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__title_1sgqp {
254
255
  padding-bottom: calc(48px / 2);
255
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__title_187rr + .tabs__title_187rr,
256
- .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__pickerWrapper_187rr,
257
- .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__title_187rr + .tabs__title_187rr,
258
- .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__pickerWrapper_187rr {
256
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
257
+ .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__pickerWrapper_1sgqp,
258
+ .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
259
+ .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__pickerWrapper_1sgqp {
259
260
  margin-left: 48px;
260
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__option_187rr, .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__option_187rr {
261
- padding: 0;
262
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__scrollControls_187rr > button, .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__scrollControls_187rr > button {
261
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__option_1sgqp, .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__option_1sgqp {
262
+ padding: var(--gap-0);
263
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__scrollControls_1sgqp > button, .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__scrollControls_1sgqp > button {
263
264
  box-sizing: content-box;
264
265
  width: 48px;
265
266
  height: 48px;
266
- padding: 0;
267
- } .tabs__desktop_187rr.tabs__headline-system-large_187rr .tabs__scrollControls_187rr button:first-child, .tabs__desktop_187rr.tabs__headline-large_187rr .tabs__scrollControls_187rr button:first-child {
268
- margin: 0 0 0 calc(48px / 2);
269
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__title_187rr {
267
+ padding: var(--gap-0);
268
+ } .tabs__desktop_1sgqp.tabs__headline-system-large_1sgqp .tabs__scrollControls_1sgqp button:first-child, .tabs__desktop_1sgqp.tabs__headline-large_1sgqp .tabs__scrollControls_1sgqp button:first-child {
269
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
270
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__title_1sgqp {
270
271
  padding-bottom: calc(36px / 2);
271
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__title_187rr + .tabs__title_187rr,
272
- .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__pickerWrapper_187rr {
272
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
273
+ .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__pickerWrapper_1sgqp {
273
274
  margin-left: 36px;
274
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__option_187rr {
275
- padding: 0;
276
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__scrollControls_187rr > button {
275
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__option_1sgqp {
276
+ padding: var(--gap-0);
277
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__scrollControls_1sgqp > button {
277
278
  box-sizing: content-box;
278
279
  width: 36px;
279
280
  height: 36px;
280
- padding: 0;
281
- } .tabs__desktop_187rr.tabs__headline-system-medium_187rr .tabs__scrollControls_187rr button:first-child {
282
- margin: 0 0 0 calc(36px / 2);
283
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__title_187rr {
281
+ padding: var(--gap-0);
282
+ } .tabs__desktop_1sgqp.tabs__headline-system-medium_1sgqp .tabs__scrollControls_1sgqp button:first-child {
283
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
284
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__title_1sgqp {
284
285
  padding-bottom: calc(26px / 2);
285
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__title_187rr + .tabs__title_187rr,
286
- .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__pickerWrapper_187rr {
286
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
287
+ .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__pickerWrapper_1sgqp {
287
288
  margin-left: 26px;
288
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__option_187rr {
289
- padding: 0;
290
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__scrollControls_187rr > button {
289
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__option_1sgqp {
290
+ padding: var(--gap-0);
291
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__scrollControls_1sgqp > button {
291
292
  box-sizing: content-box;
292
293
  width: 26px;
293
294
  height: 26px;
294
- padding: 0;
295
- } .tabs__desktop_187rr.tabs__headline-system-small_187rr .tabs__scrollControls_187rr button:first-child {
296
- margin: 0 0 0 calc(26px / 2);
297
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__title_187rr {
295
+ padding: var(--gap-0);
296
+ } .tabs__desktop_1sgqp.tabs__headline-system-small_1sgqp .tabs__scrollControls_1sgqp button:first-child {
297
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
298
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__title_1sgqp {
298
299
  padding-bottom: calc(22px / 2);
299
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__title_187rr + .tabs__title_187rr,
300
- .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__pickerWrapper_187rr {
300
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
301
+ .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__pickerWrapper_1sgqp {
301
302
  margin-left: 22px;
302
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__option_187rr {
303
- padding: 0;
304
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__scrollControls_187rr > button {
303
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__option_1sgqp {
304
+ padding: var(--gap-0);
305
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__scrollControls_1sgqp > button {
305
306
  box-sizing: content-box;
306
307
  width: 22px;
307
308
  height: 22px;
308
- padding: 0;
309
- } .tabs__desktop_187rr.tabs__headline-system-xsmall_187rr .tabs__scrollControls_187rr button:first-child {
310
- margin: 0 0 0 calc(22px / 2);
311
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__title_187rr {
309
+ padding: var(--gap-0);
310
+ } .tabs__desktop_1sgqp.tabs__headline-system-xsmall_1sgqp .tabs__scrollControls_1sgqp button:first-child {
311
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
312
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__title_1sgqp {
312
313
  padding-bottom: calc(64px / 2);
313
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__title_187rr + .tabs__title_187rr,
314
- .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__pickerWrapper_187rr {
314
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
315
+ .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__pickerWrapper_1sgqp {
315
316
  margin-left: 64px;
316
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__option_187rr {
317
- padding: 0;
318
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__scrollControls_187rr > button {
317
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__option_1sgqp {
318
+ padding: var(--gap-0);
319
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__scrollControls_1sgqp > button {
319
320
  box-sizing: content-box;
320
321
  width: 64px;
321
322
  height: 64px;
322
- padding: 0;
323
- } .tabs__desktop_187rr.tabs__headline-xlarge_187rr .tabs__scrollControls_187rr button:first-child {
324
- margin: 0 0 0 calc(64px / 2);
325
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__title_187rr {
323
+ padding: var(--gap-0);
324
+ } .tabs__desktop_1sgqp.tabs__headline-xlarge_1sgqp .tabs__scrollControls_1sgqp button:first-child {
325
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
326
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__title_1sgqp {
326
327
  padding-bottom: calc(40px / 2);
327
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__title_187rr + .tabs__title_187rr,
328
- .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__pickerWrapper_187rr {
328
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
329
+ .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__pickerWrapper_1sgqp {
329
330
  margin-left: 40px;
330
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__option_187rr {
331
- padding: 0;
332
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__scrollControls_187rr > button {
331
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__option_1sgqp {
332
+ padding: var(--gap-0);
333
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__scrollControls_1sgqp > button {
333
334
  box-sizing: content-box;
334
335
  width: 40px;
335
336
  height: 40px;
336
- padding: 0;
337
- } .tabs__desktop_187rr.tabs__headline-medium_187rr .tabs__scrollControls_187rr button:first-child {
338
- margin: 0 0 0 calc(40px / 2);
339
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__title_187rr {
337
+ padding: var(--gap-0);
338
+ } .tabs__desktop_1sgqp.tabs__headline-medium_1sgqp .tabs__scrollControls_1sgqp button:first-child {
339
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
340
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__title_1sgqp {
340
341
  padding-bottom: calc(32px / 2);
341
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__title_187rr + .tabs__title_187rr,
342
- .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__pickerWrapper_187rr {
342
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
343
+ .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__pickerWrapper_1sgqp {
343
344
  margin-left: 32px;
344
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__option_187rr {
345
- padding: 0;
346
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__scrollControls_187rr > button {
345
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__option_1sgqp {
346
+ padding: var(--gap-0);
347
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__scrollControls_1sgqp > button {
347
348
  box-sizing: content-box;
348
349
  width: 32px;
349
350
  height: 32px;
350
- padding: 0;
351
- } .tabs__desktop_187rr.tabs__headline-small_187rr .tabs__scrollControls_187rr button:first-child {
352
- margin: 0 0 0 calc(32px / 2);
353
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__title_187rr {
351
+ padding: var(--gap-0);
352
+ } .tabs__desktop_1sgqp.tabs__headline-small_1sgqp .tabs__scrollControls_1sgqp button:first-child {
353
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
354
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__title_1sgqp {
354
355
  padding-bottom: calc(24px / 2);
355
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__title_187rr + .tabs__title_187rr,
356
- .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__pickerWrapper_187rr {
356
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp,
357
+ .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__pickerWrapper_1sgqp {
357
358
  margin-left: 24px;
358
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__option_187rr {
359
- padding: 0;
360
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__scrollControls_187rr > button {
359
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__option_1sgqp {
360
+ padding: var(--gap-0);
361
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__scrollControls_1sgqp > button {
361
362
  box-sizing: content-box;
362
363
  width: 24px;
363
364
  height: 24px;
364
- padding: 0;
365
- } .tabs__desktop_187rr.tabs__headline-xsmall_187rr .tabs__scrollControls_187rr button:first-child {
366
- margin: 0 0 0 calc(24px / 2);
367
- } .tabs__fullWidthScroll_187rr {
365
+ padding: var(--gap-0);
366
+ } .tabs__desktop_1sgqp.tabs__headline-xsmall_1sgqp .tabs__scrollControls_1sgqp button:first-child {
367
+ margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
368
+ } .tabs__fullWidthScroll_1sgqp {
368
369
  min-width: calc(100% - 2 * var(--gap-16));
369
- margin: 0 var(--gap-16);
370
- } .tabs__container_187rr {
370
+ margin: var(--gap-0) var(--gap-16);
371
+ } .tabs__container_1sgqp {
371
372
  position: relative;
372
373
  overflow: hidden;
373
374
 
374
375
  /* focus-outline fix */
375
- margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
376
- padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
377
- } .tabs__title_187rr {
376
+ margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
377
+ padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
378
+ } .tabs__title_1sgqp {
378
379
  display: flex;
379
380
  align-items: center;
380
381
  height: 100%;
381
- padding: 0;
382
+ padding: var(--gap-0);
382
383
  cursor: pointer;
383
384
  color: var(--primary-tablist-color);
384
385
  font-feature-settings: var(--primary-tablist-font-feature-settings);
@@ -390,82 +391,82 @@
390
391
  -webkit-user-select: none;
391
392
  user-select: none;
392
393
  outline: none
393
- } .tabs__title_187rr:not(:disabled):hover {
394
+ } .tabs__title_1sgqp:not(:disabled):hover {
394
395
  color: var(--primary-tablist-hover-color);
395
- } .tabs__focused_187rr {
396
+ } .tabs__focused_1sgqp {
396
397
  outline: 2px solid var(--focus-color);
397
398
  outline-offset: 2px;
398
- } .tabs__collapsed_187rr {
399
+ } .tabs__collapsed_1sgqp {
399
400
  order: 99;
400
401
  visibility: collapse;
401
- } .tabs__selected_187rr {
402
+ } .tabs__selected_1sgqp {
402
403
  cursor: default;
403
404
  color: var(--primary-tablist-selected-color);
404
- } .tabs__disabled_187rr {
405
+ } .tabs__disabled_1sgqp {
405
406
  cursor: var(--disabled-cursor);
406
407
  color: var(--primary-tablist-disabled-color);
407
- } .tabs__line_187rr {
408
+ } .tabs__line_1sgqp {
408
409
  position: absolute;
409
410
  height: 3px;
410
- bottom: 0;
411
- left: 0;
411
+ bottom: var(--gap-0);
412
+ left: var(--gap-0);
412
413
  background-color: var(--primary-tablist-line-color);
413
414
  transition: transform 0.2s ease, width 0.2s ease;
414
- } .tabs__option_187rr {
415
+ } .tabs__option_1sgqp {
415
416
  color: var(--color-light-text-primary);
416
- } /* sizes */ .tabs__s_187rr .tabs__title_187rr, .tabs__xs_187rr .tabs__title_187rr, .tabs__xxs_187rr .tabs__title_187rr {
417
+ } /* sizes */ .tabs__s_1sgqp .tabs__title_1sgqp, .tabs__xs_1sgqp .tabs__title_1sgqp, .tabs__xxs_1sgqp .tabs__title_1sgqp {
417
418
  padding: var(--primary-tablist-s-padding);
418
419
  font-size: var(--primary-tablist-s-font-size);
419
420
  font-weight: var(--primary-tablist-s-font-weight);
420
421
  font-family: var(--primary-tablist-s-font-family);
421
422
  line-height: 24px;
422
- } .tabs__s_187rr .tabs__title_187rr + .tabs__title_187rr, .tabs__xs_187rr .tabs__title_187rr + .tabs__title_187rr, .tabs__xxs_187rr .tabs__title_187rr + .tabs__title_187rr {
423
+ } .tabs__s_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp, .tabs__xs_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp, .tabs__xxs_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
423
424
  margin-left: var(--primary-tablist-s-gaps);
424
- } .tabs__s_187rr .tabs__pickerWrapper_187rr, .tabs__xs_187rr .tabs__pickerWrapper_187rr, .tabs__xxs_187rr .tabs__pickerWrapper_187rr {
425
+ } .tabs__s_1sgqp .tabs__pickerWrapper_1sgqp, .tabs__xs_1sgqp .tabs__pickerWrapper_1sgqp, .tabs__xxs_1sgqp .tabs__pickerWrapper_1sgqp {
425
426
  margin-left: var(--primary-tablist-s-gaps);
426
- } .tabs__s_187rr .tabs__option_187rr, .tabs__xs_187rr .tabs__option_187rr, .tabs__xxs_187rr .tabs__option_187rr {
427
- padding: 0;
428
- } .tabs__m_187rr .tabs__title_187rr {
427
+ } .tabs__s_1sgqp .tabs__option_1sgqp, .tabs__xs_1sgqp .tabs__option_1sgqp, .tabs__xxs_1sgqp .tabs__option_1sgqp {
428
+ padding: var(--gap-0);
429
+ } .tabs__m_1sgqp .tabs__title_1sgqp {
429
430
  padding: var(--primary-tablist-m-padding);
430
431
  font-size: var(--primary-tablist-m-font-size);
431
432
  font-weight: var(--primary-tablist-m-font-weight);
432
433
  font-family: var(--primary-tablist-m-font-family);
433
434
  line-height: 24px;
434
- } .tabs__m_187rr .tabs__title_187rr + .tabs__title_187rr {
435
+ } .tabs__m_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
435
436
  margin-left: var(--primary-tablist-m-gaps);
436
- } .tabs__m_187rr .tabs__pickerWrapper_187rr {
437
+ } .tabs__m_1sgqp .tabs__pickerWrapper_1sgqp {
437
438
  margin-left: var(--primary-tablist-m-gaps);
438
- } .tabs__m_187rr .tabs__option_187rr {
439
- padding: 0;
440
- } .tabs__l_187rr .tabs__title_187rr {
439
+ } .tabs__m_1sgqp .tabs__option_1sgqp {
440
+ padding: var(--gap-0);
441
+ } .tabs__l_1sgqp .tabs__title_1sgqp {
441
442
  padding: var(--primary-tablist-l-padding);
442
443
  font-size: var(--primary-tablist-l-font-size);
443
444
  font-weight: var(--primary-tablist-l-font-weight);
444
445
  font-family: var(--primary-tablist-l-font-family);
445
446
  line-height: 24px;
446
- } .tabs__l_187rr .tabs__title_187rr + .tabs__title_187rr {
447
+ } .tabs__l_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
447
448
  margin-left: var(--primary-tablist-l-gaps);
448
- } .tabs__l_187rr .tabs__pickerWrapper_187rr {
449
+ } .tabs__l_1sgqp .tabs__pickerWrapper_1sgqp {
449
450
  margin-left: var(--primary-tablist-l-gaps);
450
- } .tabs__l_187rr .tabs__option_187rr {
451
- padding: 0;
452
- } .tabs__xl_187rr .tabs__title_187rr {
451
+ } .tabs__l_1sgqp .tabs__option_1sgqp {
452
+ padding: var(--gap-0);
453
+ } .tabs__xl_1sgqp .tabs__title_1sgqp {
453
454
  padding: var(--primary-tablist-xl-padding);
454
455
  font-size: var(--primary-tablist-xl-font-size);
455
456
  font-weight: var(--primary-tablist-xl-font-weight);
456
457
  font-family: var(--primary-tablist-xl-font-family);
457
458
  line-height: 32px;
458
- } .tabs__xl_187rr .tabs__title_187rr + .tabs__title_187rr {
459
+ } .tabs__xl_1sgqp .tabs__title_1sgqp + .tabs__title_1sgqp {
459
460
  margin-left: var(--primary-tablist-xl-gaps);
460
- } .tabs__xl_187rr .tabs__pickerWrapper_187rr {
461
+ } .tabs__xl_1sgqp .tabs__pickerWrapper_1sgqp {
461
462
  margin-left: var(--primary-tablist-xl-gaps);
462
- } .tabs__xl_187rr .tabs__option_187rr {
463
- padding: 0;
464
- } .tabs__rightAddons_187rr {
463
+ } .tabs__xl_1sgqp .tabs__option_1sgqp {
464
+ padding: var(--gap-0);
465
+ } .tabs__rightAddons_1sgqp {
465
466
  display: flex;
466
467
  justify-content: center;
467
468
  align-items: center;
468
469
  margin-left: var(--gap-8);
469
- } .tabs__rightAddonsMarginZero_187rr {
470
- margin-left: 0;
470
+ } .tabs__rightAddonsMarginZero_1sgqp {
471
+ margin-left: var(--gap-0);
471
472
  }