@rescui/tab-list 0.2.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/lib/index.css +232 -185
  2. package/lib/parts/chip-list-context.d.ts +0 -1
  3. package/lib/parts/chip-list-context.js +1 -1
  4. package/lib/parts/chip-list.d.ts +10 -3
  5. package/lib/parts/chip-list.js +3 -5
  6. package/lib/parts/chip-list.module.pcss.js +18 -16
  7. package/lib/parts/chip.d.ts +1 -33
  8. package/lib/parts/chip.js +13 -4
  9. package/lib/parts/deep-map.d.ts +1 -1
  10. package/lib/parts/separator.module.pcss.js +3 -3
  11. package/lib/parts/tab-list-context.d.ts +0 -1
  12. package/lib/parts/tab-list-context.js +1 -1
  13. package/lib/parts/tab-list.module.pcss.js +18 -18
  14. package/lib/parts/tab.d.ts +1 -33
  15. package/lib/parts/tab.js +13 -4
  16. package/lib/parts/use-scrollable-list.d.ts +1 -1
  17. package/lib/parts/with-scroll-arrows.d.ts +6 -1
  18. package/lib/parts/with-scroll-arrows.js +1 -2
  19. package/lib/parts/with-scroll-arrows.module.pcss.js +10 -10
  20. package/lib/tab-list.d.ts +11 -3
  21. package/lib/tab-list.js +3 -5
  22. package/package.json +8 -8
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._wrapper_1hh50lk_9{
1
+ ._wrapper_1fcqo6x_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_1hh50lk_13{
4
+ ._tabsContainer_1fcqo6x_13{
5
5
  position:relative;
6
6
 
7
7
  display:-webkit-box;
@@ -10,7 +10,7 @@
10
10
 
11
11
  display:flex;
12
12
  }
13
- ._indicator_1hh50lk_19{
13
+ ._indicator_1fcqo6x_19{
14
14
  position:absolute;
15
15
  z-index:3;
16
16
  bottom:0;
@@ -25,21 +25,21 @@
25
25
  width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
26
26
  will-change:left, width;
27
27
  }
28
- ._light_1hh50lk_31._classic_1hh50lk_31 ._indicator_1hh50lk_19{
28
+ ._light_1fcqo6x_31._classic_1fcqo6x_31 ._indicator_1fcqo6x_19{
29
29
  background-color:#167DFF;
30
30
  background-color:var(--rs-color-primary-light-theme, #167DFF);
31
31
  }
32
- ._dark_1hh50lk_35._classic_1hh50lk_31 ._indicator_1hh50lk_19{
32
+ ._dark_1fcqo6x_35._classic_1fcqo6x_31 ._indicator_1fcqo6x_19{
33
33
  background-color:#4CA6ff;
34
34
  background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
35
35
  }
36
- ._light_1hh50lk_31._rock_1hh50lk_39 ._indicator_1hh50lk_19{
36
+ ._light_1fcqo6x_31._rock_1fcqo6x_39 ._indicator_1fcqo6x_19{
37
37
  background-color:#19191C;
38
38
  }
39
- ._dark_1hh50lk_35._rock_1hh50lk_39 ._indicator_1hh50lk_19{
39
+ ._dark_1fcqo6x_35._rock_1fcqo6x_39 ._indicator_1fcqo6x_19{
40
40
  background-color:#FFFFFF;
41
41
  }
42
- ._tab_1hh50lk_13{
42
+ ._tab_1fcqo6x_13{
43
43
  position:relative;
44
44
 
45
45
  display:-webkit-box;
@@ -66,14 +66,14 @@
66
66
  cursor:pointer;
67
67
  white-space:nowrap;
68
68
  }
69
- ._tab_1hh50lk_13:hover,
70
- ._tab_1hh50lk_13:active,
71
- ._tab_1hh50lk_13:focus{
69
+ ._tab_1fcqo6x_13:hover,
70
+ ._tab_1fcqo6x_13:active,
71
+ ._tab_1fcqo6x_13:focus{
72
72
  outline:none;
73
73
 
74
74
  text-decoration:none;
75
75
  }
76
- ._tab_1hh50lk_13:after{
76
+ ._tab_1fcqo6x_13:after{
77
77
  position:absolute;
78
78
  bottom:0;
79
79
  left:0;
@@ -85,72 +85,73 @@
85
85
 
86
86
  background-color:transparent;
87
87
  }
88
- ._tab_1hh50lk_13:after:focus[data-focus-method='key']{
88
+ ._tab_1fcqo6x_13:after:focus[data-focus-method='key']{
89
89
  opacity:0;
90
90
  }
91
- ._tab_1hh50lk_13:hover:after{
91
+ ._tab_1fcqo6x_13:hover:after{
92
92
  height:1px;
93
93
  }
94
- ._tab_1hh50lk_13._fullText_1hh50lk_99{
95
- max-width:100%;
96
- }
97
- ._sizeM_1hh50lk_103 ._tab_1hh50lk_13{
98
- letter-spacing:normal;
94
+ ._sizeM_1fcqo6x_99 ._tab_1fcqo6x_13{
95
+ letter-spacing:0.0015em;
99
96
  color:rgba(25,25,28,0.7);
100
97
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
101
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
102
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
98
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
99
+ font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
103
100
  font-size:16px;
104
101
  font-size:var(--rs-text-2-font-size, 16px);
105
102
  font-weight:400;
106
103
  line-height:24px;
107
104
  line-height:var(--rs-text-2-line-height, 24px);
108
- padding:8px 0;
109
105
  }
110
- ._sizeL_1hh50lk_108 ._tab_1hh50lk_13{
106
+ ._rs-reset-letter-spacing_1fcqo6x_1 ._sizeM_1fcqo6x_99 ._tab_1fcqo6x_13{
111
107
  letter-spacing:normal;
108
+ }
109
+ ._sizeM_1fcqo6x_99 ._tab_1fcqo6x_13 {
110
+ padding:8px 0;
111
+ }
112
+ ._sizeL_1fcqo6x_104 ._tab_1fcqo6x_13{
112
113
  color:rgba(25,25,28,0.7);
113
114
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
114
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
115
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
116
- font-size:20px;
117
- font-size:var(--rs-text-1-font-size, 20px);
118
- font-weight:400;
119
- line-height:32px;
120
- line-height:var(--rs-text-1-line-height, 32px);
115
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
116
+ font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
117
+ font-size:19px;
118
+ font-size:var(--rs-text-1-font-size, 19px);
119
+ font-weight:normal;
120
+ line-height:28px;
121
+ line-height:var(--rs-text-1-line-height, 28px);
121
122
  padding:12px 0;
122
123
  }
123
- ._innerOffsetM_1hh50lk_113 ._tab_1hh50lk_13{
124
+ ._innerOffsetM_1fcqo6x_109 ._tab_1fcqo6x_13{
124
125
  margin-left:24px;
125
126
  }
126
127
  @media screen and (max-width: 640px){
127
- ._innerOffsetM_1hh50lk_113 ._tab_1hh50lk_13{
128
+ ._innerOffsetM_1fcqo6x_109 ._tab_1fcqo6x_13{
128
129
  margin-left:16px
129
130
  }
130
131
  }
131
- ._innerOffsetL_1hh50lk_121 ._tab_1hh50lk_13{
132
+ ._innerOffsetL_1fcqo6x_117 ._tab_1fcqo6x_13{
132
133
  margin-left:32px;
133
134
  }
134
135
  @media screen and (max-width: 640px){
135
- ._innerOffsetL_1hh50lk_121 ._tab_1hh50lk_13{
136
+ ._innerOffsetL_1fcqo6x_117 ._tab_1fcqo6x_13{
136
137
  margin-left:24px
137
138
  }
138
139
  }
139
- ._light_1hh50lk_31 ._tab_1hh50lk_13{
140
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13{
140
141
  color:rgba(25,25,28,0.7);
141
142
  }
142
- ._dark_1hh50lk_35 ._tab_1hh50lk_13{
143
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13{
143
144
  color:rgba(255,255,255,0.7);
144
145
  }
145
- ._light_1hh50lk_31 ._tab_1hh50lk_13._short_1hh50lk_137{
146
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13._short_1fcqo6x_133{
146
147
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
147
148
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
148
149
  }
149
- ._dark_1hh50lk_35 ._tab_1hh50lk_13._short_1hh50lk_137{
150
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13._short_1fcqo6x_133{
150
151
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
151
152
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
152
153
  }
153
- ._tab_1hh50lk_13._selected_1hh50lk_145{
154
+ ._tab_1fcqo6x_13._selected_1fcqo6x_141{
154
155
  z-index:1;
155
156
 
156
157
  cursor:default;
@@ -159,102 +160,110 @@
159
160
 
160
161
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
161
162
  }
162
- ._tab_1hh50lk_13._selected_1hh50lk_145:after{
163
+ ._tab_1fcqo6x_13._selected_1fcqo6x_141:after{
163
164
  height:2px;
164
165
 
165
166
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
166
167
 
167
168
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
168
169
  }
169
- ._light_1hh50lk_31 ._tab_1hh50lk_13:hover{
170
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13:hover{
170
171
  color:#19191C;
171
172
  }
172
- ._light_1hh50lk_31 ._tab_1hh50lk_13:hover:after{
173
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13:hover:after{
173
174
  background-color:#19191C;
174
175
  }
175
- ._dark_1hh50lk_35 ._tab_1hh50lk_13:hover{
176
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13:hover{
176
177
  color:#FFFFFF;
177
178
  }
178
- ._dark_1hh50lk_35 ._tab_1hh50lk_13:hover:after{
179
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13:hover:after{
179
180
  background-color:#FFFFFF;
180
181
  }
181
- ._light_1hh50lk_31._rock_1hh50lk_39 ._tab_1hh50lk_13._selected_1hh50lk_145{
182
+ ._light_1fcqo6x_31._rock_1fcqo6x_39 ._tab_1fcqo6x_13._selected_1fcqo6x_141{
182
183
  color:#19191C;
183
184
  }
184
- ._light_1hh50lk_31._rock_1hh50lk_39 ._tab_1hh50lk_13._selected_1hh50lk_145:after{
185
+ ._light_1fcqo6x_31._rock_1fcqo6x_39 ._tab_1fcqo6x_13._selected_1fcqo6x_141:after{
185
186
  background-color:#19191C;
186
187
  }
187
- ._dark_1hh50lk_35._rock_1hh50lk_39 ._tab_1hh50lk_13._selected_1hh50lk_145{
188
+ ._dark_1fcqo6x_35._rock_1fcqo6x_39 ._tab_1fcqo6x_13._selected_1fcqo6x_141{
188
189
  color:#FFFFFF;
189
190
  }
190
- ._dark_1hh50lk_35._rock_1hh50lk_39 ._tab_1hh50lk_13._selected_1hh50lk_145:after{
191
+ ._dark_1fcqo6x_35._rock_1fcqo6x_39 ._tab_1fcqo6x_13._selected_1fcqo6x_141:after{
191
192
  background-color:#FFFFFF;
192
193
  }
193
- ._light_1hh50lk_31._classic_1hh50lk_31 ._tab_1hh50lk_13._selected_1hh50lk_145{
194
+ ._light_1fcqo6x_31._classic_1fcqo6x_31 ._tab_1fcqo6x_13._selected_1fcqo6x_141{
194
195
  color:#167DFF;
195
196
  color:var(--rs-color-primary-light-theme, #167DFF);
196
197
  }
197
- ._light_1hh50lk_31._classic_1hh50lk_31 ._tab_1hh50lk_13._selected_1hh50lk_145:after{
198
+ ._light_1fcqo6x_31._classic_1fcqo6x_31 ._tab_1fcqo6x_13._selected_1fcqo6x_141:after{
198
199
  background-color:#167DFF;
199
200
  background-color:var(--rs-color-primary-light-theme, #167DFF);
200
201
  }
201
- ._dark_1hh50lk_35._classic_1hh50lk_31 ._tab_1hh50lk_13._selected_1hh50lk_145{
202
+ ._dark_1fcqo6x_35._classic_1fcqo6x_31 ._tab_1fcqo6x_13._selected_1fcqo6x_141{
202
203
  color:#4CA6ff;
203
204
  color:var(--rs-color-primary-dark-theme, #4CA6ff);
204
205
  }
205
- ._dark_1hh50lk_35._classic_1hh50lk_31 ._tab_1hh50lk_13._selected_1hh50lk_145:after{
206
+ ._dark_1fcqo6x_35._classic_1fcqo6x_31 ._tab_1fcqo6x_13._selected_1fcqo6x_141:after{
206
207
  background-color:#4CA6ff;
207
208
  background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
208
209
  }
209
- ._light_1hh50lk_31 ._tab_1hh50lk_13:focus[data-focus-method='key']{
210
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13:focus[data-focus-method='key']{
210
211
  -webkit-box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
211
212
  -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
212
213
  box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
213
214
  box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
214
215
  }
215
- ._light_1hh50lk_31 ._tab_1hh50lk_13:focus[data-focus-method='key']:after{
216
+ ._light_1fcqo6x_31 ._tab_1fcqo6x_13:focus[data-focus-method='key']:after{
216
217
  opacity:0;
217
218
  }
218
- ._dark_1hh50lk_35 ._tab_1hh50lk_13:focus[data-focus-method='key']{
219
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13:focus[data-focus-method='key']{
219
220
  -webkit-box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
220
221
  -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
221
222
  box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
222
223
  box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
223
224
  }
224
- ._dark_1hh50lk_35 ._tab_1hh50lk_13:focus[data-focus-method='key']:after{
225
+ ._dark_1fcqo6x_35 ._tab_1fcqo6x_13:focus[data-focus-method='key']:after{
225
226
  opacity:0;
226
227
  }
227
- ._innerOffsetL_1hh50lk_121 ._tab_1hh50lk_13:first-of-type,
228
- ._innerOffsetM_1hh50lk_113 ._tab_1hh50lk_13:first-of-type{
228
+ ._innerOffsetL_1fcqo6x_117 ._tab_1fcqo6x_13:first-of-type,
229
+ ._innerOffsetM_1fcqo6x_109 ._tab_1fcqo6x_13:first-of-type{
229
230
  margin-left:0;
230
231
  }
231
232
  @media screen and (max-width: 640px){
232
- ._innerOffsetL_1hh50lk_121 ._tab_1hh50lk_13:first-of-type,
233
- ._innerOffsetM_1hh50lk_113 ._tab_1hh50lk_13:first-of-type{
233
+ ._innerOffsetL_1fcqo6x_117 ._tab_1fcqo6x_13:first-of-type,
234
+ ._innerOffsetM_1fcqo6x_109 ._tab_1fcqo6x_13:first-of-type{
234
235
  margin-left:0
235
236
  }
236
237
  }
237
- ._icon_1hh50lk_243{
238
+ ._icon_1fcqo6x_239{
238
239
  -webkit-box-flex:0;
239
240
  -ms-flex:0 0;
240
241
  flex:0 0;
241
242
  -ms-flex-preferred-size:auto;
242
243
  flex-basis:auto;
243
244
  }
244
- ._sizeM_1hh50lk_103 ._icon_1hh50lk_243._iconLeft_1hh50lk_247{
245
+ ._sizeM_1fcqo6x_99 ._icon_1fcqo6x_239{
246
+ width:24px;
247
+ height:24px;
248
+ }
249
+ ._sizeL_1fcqo6x_104 ._icon_1fcqo6x_239{
250
+ width:28px;
251
+ height:28px;
252
+ }
253
+ ._sizeM_1fcqo6x_99 ._icon_1fcqo6x_239._iconLeft_1fcqo6x_253{
245
254
  margin-right:4px;
246
255
  }
247
- ._sizeL_1hh50lk_108 ._icon_1hh50lk_243._iconLeft_1hh50lk_247{
256
+ ._sizeL_1fcqo6x_104 ._icon_1fcqo6x_239._iconLeft_1fcqo6x_253{
248
257
  margin-right:8px;
249
258
  }
250
- ._sizeM_1hh50lk_103 ._icon_1hh50lk_243._iconRight_1hh50lk_255{
259
+ ._sizeM_1fcqo6x_99 ._icon_1fcqo6x_239._iconRight_1fcqo6x_261{
251
260
  margin-left:4px;
252
261
  }
253
- ._sizeL_1hh50lk_108 ._icon_1hh50lk_243._iconRight_1hh50lk_255{
262
+ ._sizeL_1fcqo6x_104 ._icon_1fcqo6x_239._iconRight_1fcqo6x_261{
254
263
  margin-left:8px;
255
264
  }
256
265
 
257
- ._wrapper_1fus09b_4{
266
+ ._wrapper_edyv3p_4{
258
267
  position:relative;
259
268
 
260
269
  display:-webkit-box;
@@ -263,7 +272,7 @@
263
272
 
264
273
  display:flex;
265
274
  }
266
- ._scrollable_1fus09b_10{
275
+ ._scrollable_edyv3p_10{
267
276
  display:-webkit-box;
268
277
  display:-ms-flexbox;
269
278
  display:flex;
@@ -272,7 +281,7 @@
272
281
  margin:-4px;
273
282
  padding:4px;
274
283
  }
275
- ._scrollable_1fus09b_10::after{
284
+ ._scrollable_edyv3p_10::after{
276
285
  display:block;
277
286
 
278
287
  height:100%;
@@ -281,15 +290,15 @@
281
290
 
282
291
  content:'';
283
292
  }
284
- ._scrollable_1fus09b_10 {
293
+ ._scrollable_edyv3p_10 {
285
294
 
286
295
  -ms-overflow-style:none;
287
296
  scrollbar-width:none;
288
297
  }
289
- ._scrollable_1fus09b_10::-webkit-scrollbar{
298
+ ._scrollable_edyv3p_10::-webkit-scrollbar{
290
299
  display:none;
291
300
  }
292
- ._arrowShadow_1fus09b_39{
301
+ ._arrowShadow_edyv3p_39{
293
302
  position:absolute;
294
303
  top:0;
295
304
 
@@ -299,7 +308,7 @@
299
308
 
300
309
  pointer-events:none;
301
310
  }
302
- ._arrowShadow_1fus09b_39::before{
311
+ ._arrowShadow_edyv3p_39::before{
303
312
  position:absolute;
304
313
 
305
314
  display:block;
@@ -313,7 +322,7 @@
313
322
 
314
323
  box-shadow:0 0 12px 12px currentColor;
315
324
  }
316
- ._arrow_1fus09b_39{
325
+ ._arrow_edyv3p_39{
317
326
  position:absolute;
318
327
  z-index:2;
319
328
  top:50%;
@@ -339,15 +348,15 @@
339
348
  -webkit-transform:translateY(-50%);
340
349
  transform:translateY(-50%);
341
350
  }
342
- ._light_1fus09b_82 ._arrow_1fus09b_39{
351
+ ._light_edyv3p_82 ._arrow_edyv3p_39{
343
352
  color:#FFFFFF;
344
353
  background-color:#FFFFFF;
345
354
  }
346
- ._dark_1fus09b_86 ._arrow_1fus09b_39{
355
+ ._dark_edyv3p_86 ._arrow_edyv3p_39{
347
356
  color:#19191C;
348
357
  background-color:#19191C;
349
358
  }
350
- ._arrow_1fus09b_39._shown_1fus09b_91{
359
+ ._arrow_edyv3p_39._shown_edyv3p_91{
351
360
  opacity:1;
352
361
 
353
362
  pointer-events:auto;
@@ -356,36 +365,36 @@
356
365
 
357
366
  transition:opacity 0.15s ease-in;
358
367
  }
359
- ._arrow_1fus09b_39._arrowLeft_1fus09b_99{
368
+ ._arrow_edyv3p_39._arrowLeft_edyv3p_99{
360
369
  left:-5px;
361
370
  }
362
- ._arrow_1fus09b_39._arrowLeft_1fus09b_99 ._arrowShadow_1fus09b_39{
371
+ ._arrow_edyv3p_39._arrowLeft_edyv3p_99 ._arrowShadow_edyv3p_39{
363
372
  right:-24px;
364
373
  }
365
- ._arrow_1fus09b_39._arrowLeft_1fus09b_99 ._arrowShadow_1fus09b_39::before{
374
+ ._arrow_edyv3p_39._arrowLeft_edyv3p_99 ._arrowShadow_edyv3p_39::before{
366
375
  left:-100%;
367
376
  }
368
- ._arrow_1fus09b_39._arrowRight_1fus09b_112{
377
+ ._arrow_edyv3p_39._arrowRight_edyv3p_112{
369
378
  right:-5px;
370
379
  }
371
- ._arrow_1fus09b_39._arrowRight_1fus09b_112 ._arrowShadow_1fus09b_39{
380
+ ._arrow_edyv3p_39._arrowRight_edyv3p_112 ._arrowShadow_edyv3p_39{
372
381
  left:-24px;
373
382
  }
374
- ._arrow_1fus09b_39._arrowRight_1fus09b_112 ._arrowShadow_1fus09b_39::before{
383
+ ._arrow_edyv3p_39._arrowRight_edyv3p_112 ._arrowShadow_edyv3p_39::before{
375
384
  right:-100%;
376
385
  }
377
- ._arrowButton_1fus09b_126{
386
+ ._arrowButton_edyv3p_126{
378
387
  cursor:pointer;
379
388
  }
380
389
 
381
- ._separator_txxcqw_3{
390
+ ._separator_zbup9u_3{
382
391
  position:relative;
383
392
  z-index:2;
384
393
 
385
394
  width:100%;
386
395
  }
387
396
 
388
- ._separator_txxcqw_3:after{
397
+ ._separator_zbup9u_3:after{
389
398
  position:absolute;
390
399
  right:0;
391
400
  bottom:0;
@@ -395,14 +404,14 @@
395
404
 
396
405
  content:'';
397
406
  }
398
- ._light_txxcqw_22:after{
407
+ ._light_zbup9u_22:after{
399
408
  background-color:rgba(25,25,28,0.3);
400
409
  }
401
- ._dark_txxcqw_28:after{
410
+ ._dark_zbup9u_28:after{
402
411
  background-color:rgba(255,255,255,0.4);
403
412
  }
404
413
 
405
- ._chipsContainer_3bwqzi_9{
414
+ ._chipsContainer_675g9w_9{
406
415
  position:relative;
407
416
 
408
417
  display:-webkit-box;
@@ -411,7 +420,7 @@
411
420
 
412
421
  display:flex;
413
422
  }
414
- ._chip_3bwqzi_9{
423
+ ._chip_675g9w_9{
415
424
  position:relative;
416
425
  z-index:1;
417
426
 
@@ -451,177 +460,201 @@
451
460
 
452
461
  transition:color 100ms, background-color 100ms, border-color 100ms;
453
462
  }
454
- ._chip_3bwqzi_9:hover,
455
- ._chip_3bwqzi_9:focus,
456
- ._chip_3bwqzi_9:active{
463
+ ._chip_675g9w_9:hover,
464
+ ._chip_675g9w_9:focus,
465
+ ._chip_675g9w_9:active{
457
466
  outline:none;
458
467
 
459
468
  text-decoration:none;
460
469
  }
461
- ._light_3bwqzi_49 ._chip_3bwqzi_9:focus[data-focus-method='key']{
470
+ ._light_675g9w_49 ._chip_675g9w_9:focus[data-focus-method='key']{
462
471
  -webkit-box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
463
472
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
464
473
  box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
465
474
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
466
475
  }
467
- ._dark_3bwqzi_54 ._chip_3bwqzi_9:focus[data-focus-method='key']{
476
+ ._dark_675g9w_54 ._chip_675g9w_9:focus[data-focus-method='key']{
468
477
  -webkit-box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
469
478
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
470
479
  box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
471
480
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
472
481
  }
473
- ._sizeS_3bwqzi_63 ._chip_3bwqzi_9 {
482
+ ._sizeXs_675g9w_1 ._chip_675g9w_9 {
483
+ padding: 1px 15px;
484
+ border-width: 1px;
485
+ }
486
+ ._sizeS_675g9w_63 ._chip_675g9w_9 {
474
487
  padding: 5px 15px;
475
488
  border-width: 1px;
476
489
  }
477
- ._sizeM_3bwqzi_69 ._chip_3bwqzi_9 {
490
+ ._sizeM_675g9w_69 ._chip_675g9w_9 {
478
491
  padding: 7px 23px;
479
492
  border-width: 1px;
480
493
  }
481
- ._sizeL_3bwqzi_75 ._chip_3bwqzi_9 {
494
+ ._sizeL_675g9w_75 ._chip_675g9w_9 {
482
495
  padding: 11px 31px;
483
496
  border-width: 1px;
484
497
  }
485
- ._sizeS_3bwqzi_63 ._chip_3bwqzi_9._selected_3bwqzi_59 {
498
+ ._sizeXs_675g9w_1 ._chip_675g9w_9._selected_675g9w_59 {
499
+ padding: 0px 14px;
500
+ border-width: 2px;
501
+ }
502
+ ._sizeS_675g9w_63 ._chip_675g9w_9._selected_675g9w_59 {
486
503
  padding: 4px 14px;
487
504
  border-width: 2px;
488
505
  }
489
- ._sizeM_3bwqzi_69 ._chip_3bwqzi_9._selected_3bwqzi_59 {
506
+ ._sizeM_675g9w_69 ._chip_675g9w_9._selected_675g9w_59 {
490
507
  padding: 6px 22px;
491
508
  border-width: 2px;
492
509
  }
493
- ._sizeL_3bwqzi_75 ._chip_3bwqzi_9._selected_3bwqzi_59 {
510
+ ._sizeL_675g9w_75 ._chip_675g9w_9._selected_675g9w_59 {
494
511
  padding: 10px 30px;
495
512
  border-width: 2px;
496
513
  }
497
- ._sizeS_3bwqzi_63 ._chip_3bwqzi_9._withoutText_3bwqzi_60 {
498
- padding: 7px 7px;
514
+ ._sizeXs_675g9w_1 ._chip_675g9w_9._withoutText_675g9w_60 {
515
+ padding: 1px 1px;
499
516
  border-width: 1px;
500
517
  }
501
- ._sizeM_3bwqzi_69 ._chip_3bwqzi_9._withoutText_3bwqzi_60 {
518
+ ._sizeS_675g9w_63 ._chip_675g9w_9._withoutText_675g9w_60 {
519
+ padding: 5px 5px;
520
+ border-width: 1px;
521
+ }
522
+ ._sizeM_675g9w_69 ._chip_675g9w_9._withoutText_675g9w_60 {
502
523
  padding: 7px 7px;
503
524
  border-width: 1px;
504
525
  }
505
- ._sizeL_3bwqzi_75 ._chip_3bwqzi_9._withoutText_3bwqzi_60 {
526
+ ._sizeL_675g9w_75 ._chip_675g9w_9._withoutText_675g9w_60 {
506
527
  padding: 11px 11px;
507
528
  border-width: 1px;
508
529
  }
509
- ._sizeS_3bwqzi_63 ._chip_3bwqzi_9._selected_3bwqzi_59._withoutText_3bwqzi_60 {
510
- padding: 6px 6px;
530
+ ._sizeXs_675g9w_1 ._chip_675g9w_9._selected_675g9w_59._withoutText_675g9w_60 {
531
+ padding: 0px 0px;
511
532
  border-width: 2px;
512
533
  }
513
- ._sizeM_3bwqzi_69 ._chip_3bwqzi_9._selected_3bwqzi_59._withoutText_3bwqzi_60 {
534
+ ._sizeS_675g9w_63 ._chip_675g9w_9._selected_675g9w_59._withoutText_675g9w_60 {
535
+ padding: 4px 4px;
536
+ border-width: 2px;
537
+ }
538
+ ._sizeM_675g9w_69 ._chip_675g9w_9._selected_675g9w_59._withoutText_675g9w_60 {
514
539
  padding: 6px 6px;
515
540
  border-width: 2px;
516
541
  }
517
- ._sizeL_3bwqzi_75 ._chip_3bwqzi_9._selected_3bwqzi_59._withoutText_3bwqzi_60 {
542
+ ._sizeL_675g9w_75 ._chip_675g9w_9._selected_675g9w_59._withoutText_675g9w_60 {
518
543
  padding: 10px 10px;
519
544
  border-width: 2px;
520
545
  }
521
- ._sizeS_3bwqzi_63 ._chip_3bwqzi_9{
522
- letter-spacing:normal;
546
+ ._sizeS_675g9w_63 ._chip_675g9w_9{
547
+ letter-spacing:0.0045em;
523
548
  color:rgba(25,25,28,0.7);
524
549
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
525
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
526
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
550
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
551
+ font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
527
552
  font-size:13px;
528
553
  font-size:var(--rs-text-3-font-size, 13px);
529
- font-weight:400;
530
554
  line-height:20px;
531
555
  line-height:var(--rs-text-3-line-height, 20px);
532
-
533
- border-radius:24px;
534
556
  }
535
- ._sizeM_3bwqzi_69 ._chip_3bwqzi_9{
557
+ ._rs-reset-letter-spacing_675g9w_1 ._sizeS_675g9w_63 ._chip_675g9w_9{
536
558
  letter-spacing:normal;
559
+ }
560
+ ._sizeS_675g9w_63 ._chip_675g9w_9 {
561
+
562
+ border-radius:24px;
563
+ }
564
+ ._sizeM_675g9w_69 ._chip_675g9w_9{
565
+ letter-spacing:0.0015em;
537
566
  color:rgba(25,25,28,0.7);
538
567
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
539
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
540
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
568
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
569
+ font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
541
570
  font-size:16px;
542
571
  font-size:var(--rs-text-2-font-size, 16px);
543
572
  font-weight:400;
544
573
  line-height:24px;
545
574
  line-height:var(--rs-text-2-line-height, 24px);
546
-
547
- border-radius:24px;
548
575
  }
549
- ._sizeL_3bwqzi_75 ._chip_3bwqzi_9{
576
+ ._rs-reset-letter-spacing_675g9w_1 ._sizeM_675g9w_69 ._chip_675g9w_9{
550
577
  letter-spacing:normal;
578
+ }
579
+ ._sizeM_675g9w_69 ._chip_675g9w_9 {
580
+
581
+ border-radius:24px;
582
+ }
583
+ ._sizeL_675g9w_75 ._chip_675g9w_9{
551
584
  color:rgba(25,25,28,0.7);
552
585
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
553
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
554
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
555
- font-size:20px;
556
- font-size:var(--rs-text-1-font-size, 20px);
557
- font-weight:400;
558
- line-height:32px;
559
- line-height:var(--rs-text-1-line-height, 32px);
586
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
587
+ font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
588
+ font-size:19px;
589
+ font-size:var(--rs-text-1-font-size, 19px);
590
+ font-weight:normal;
591
+ line-height:28px;
592
+ line-height:var(--rs-text-1-line-height, 28px);
560
593
 
561
594
  border-radius:36px;
562
595
  }
563
- ._light_3bwqzi_49._rock_3bwqzi_81 ._chip_3bwqzi_9{
596
+ ._light_675g9w_49._rock_675g9w_81 ._chip_675g9w_9{
564
597
  color:#19191C;
565
598
  border-color:rgba(25,25,28,0.3);
566
599
  }
567
- ._light_3bwqzi_49._rock_3bwqzi_81 ._chip_3bwqzi_9:focus{
600
+ ._light_675g9w_49._rock_675g9w_81 ._chip_675g9w_9:focus{
568
601
  color:#19191C;
569
602
  border-color:rgba(25,25,28,0.3);
570
603
  }
571
604
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
572
- ._light_3bwqzi_49._rock_3bwqzi_81 ._chip_3bwqzi_9:hover{
605
+ ._light_675g9w_49._rock_675g9w_81 ._chip_675g9w_9:hover{
573
606
  color:#19191C;
574
607
  border-color:rgba(25,25,28,0.3);
575
608
 
576
609
  background:rgba(25,25,28,0.1);
577
610
  }
578
611
  }
579
- ._light_3bwqzi_49._rock_3bwqzi_81 ._chip_3bwqzi_9:active{
612
+ ._light_675g9w_49._rock_675g9w_81 ._chip_675g9w_9:active{
580
613
  color:#19191C;
581
614
  border-color:#19191C;
582
615
 
583
616
  background:rgba(25,25,28,0.1);
584
617
  }
585
- ._light_3bwqzi_49._rock_3bwqzi_81 ._chip_3bwqzi_9._selected_3bwqzi_59{
618
+ ._light_675g9w_49._rock_675g9w_81 ._chip_675g9w_9._selected_675g9w_59{
586
619
  color:#19191C;
587
620
  border-color:#19191C;
588
621
  }
589
- ._dark_3bwqzi_54._rock_3bwqzi_81 ._chip_3bwqzi_9{
622
+ ._dark_675g9w_54._rock_675g9w_81 ._chip_675g9w_9{
590
623
  color:#FFFFFF;
591
624
  border-color:rgba(255,255,255,0.3);
592
625
  }
593
- ._dark_3bwqzi_54._rock_3bwqzi_81 ._chip_3bwqzi_9:focus{
626
+ ._dark_675g9w_54._rock_675g9w_81 ._chip_675g9w_9:focus{
594
627
  color:#FFFFFF;
595
628
  border-color:rgba(255,255,255,0.4);
596
629
  }
597
630
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
598
- ._dark_3bwqzi_54._rock_3bwqzi_81 ._chip_3bwqzi_9:hover{
631
+ ._dark_675g9w_54._rock_675g9w_81 ._chip_675g9w_9:hover{
599
632
  color:#FFFFFF;
600
633
  border-color:rgba(255,255,255,0.4);
601
634
 
602
635
  background:rgba(255,255,255,0.1);
603
636
  }
604
637
  }
605
- ._dark_3bwqzi_54._rock_3bwqzi_81 ._chip_3bwqzi_9:active{
638
+ ._dark_675g9w_54._rock_675g9w_81 ._chip_675g9w_9:active{
606
639
  color:#FFFFFF;
607
640
  border-color:#FFFFFF;
608
641
 
609
642
  background:rgba(255,255,255,0.1);
610
643
  }
611
- ._dark_3bwqzi_54._rock_3bwqzi_81 ._chip_3bwqzi_9._selected_3bwqzi_59{
644
+ ._dark_675g9w_54._rock_675g9w_81 ._chip_675g9w_9._selected_675g9w_59{
612
645
  color:#FFFFFF;
613
646
  border-color:#FFFFFF;
614
647
  }
615
- ._light_3bwqzi_49._classic_3bwqzi_143 ._chip_3bwqzi_9{
648
+ ._light_675g9w_49._classic_675g9w_143 ._chip_675g9w_9{
616
649
  color:#19191C;
617
650
  border-color:rgba(25,25,28,0.3);
618
651
  }
619
- ._light_3bwqzi_49._classic_3bwqzi_143 ._chip_3bwqzi_9:focus{
652
+ ._light_675g9w_49._classic_675g9w_143 ._chip_675g9w_9:focus{
620
653
  color:#19191C;
621
654
  border-color:rgba(25,25,28,0.3);
622
655
  }
623
656
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
624
- ._light_3bwqzi_49._classic_3bwqzi_143 ._chip_3bwqzi_9:hover{
657
+ ._light_675g9w_49._classic_675g9w_143 ._chip_675g9w_9:hover{
625
658
  color:#19191C;
626
659
  border-color:rgba(25,25,28,0.3);
627
660
 
@@ -630,7 +663,7 @@
630
663
  background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
631
664
  }
632
665
  }
633
- ._light_3bwqzi_49._classic_3bwqzi_143 ._chip_3bwqzi_9:active{
666
+ ._light_675g9w_49._classic_675g9w_143 ._chip_675g9w_9:active{
634
667
  color:#19191C;
635
668
  border-color:#167DFF;
636
669
  border-color:var(--rs-color-primary-light-theme, #167DFF);
@@ -639,21 +672,21 @@
639
672
 
640
673
  background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
641
674
  }
642
- ._light_3bwqzi_49._classic_3bwqzi_143 ._chip_3bwqzi_9._selected_3bwqzi_59{
675
+ ._light_675g9w_49._classic_675g9w_143 ._chip_675g9w_9._selected_675g9w_59{
643
676
  color:#19191C;
644
677
  border-color:#167DFF;
645
678
  border-color:var(--rs-color-primary-light-theme, #167DFF);
646
679
  }
647
- ._dark_3bwqzi_54._classic_3bwqzi_143 ._chip_3bwqzi_9{
680
+ ._dark_675g9w_54._classic_675g9w_143 ._chip_675g9w_9{
648
681
  color:#FFFFFF;
649
682
  border-color:rgba(255,255,255,0.3);
650
683
  }
651
- ._dark_3bwqzi_54._classic_3bwqzi_143 ._chip_3bwqzi_9:focus{
684
+ ._dark_675g9w_54._classic_675g9w_143 ._chip_675g9w_9:focus{
652
685
  color:#FFFFFF;
653
686
  border-color:rgba(255,255,255,0.4);
654
687
  }
655
688
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
656
- ._dark_3bwqzi_54._classic_3bwqzi_143 ._chip_3bwqzi_9:hover{
689
+ ._dark_675g9w_54._classic_675g9w_143 ._chip_675g9w_9:hover{
657
690
  color:#FFFFFF;
658
691
  border-color:rgba(255,255,255,0.4);
659
692
 
@@ -662,7 +695,7 @@
662
695
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
663
696
  }
664
697
  }
665
- ._dark_3bwqzi_54._classic_3bwqzi_143 ._chip_3bwqzi_9:active{
698
+ ._dark_675g9w_54._classic_675g9w_143 ._chip_675g9w_9:active{
666
699
  color:#FFFFFF;
667
700
  border-color:#4CA6ff;
668
701
  border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
@@ -671,87 +704,101 @@
671
704
 
672
705
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
673
706
  }
674
- ._dark_3bwqzi_54._classic_3bwqzi_143 ._chip_3bwqzi_9._selected_3bwqzi_59{
707
+ ._dark_675g9w_54._classic_675g9w_143 ._chip_675g9w_9._selected_675g9w_59{
675
708
  color:#FFFFFF;
676
709
  border-color:#4CA6ff;
677
710
  border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
678
711
  }
679
- ._innerOffsetM_3bwqzi_205 ._chip_3bwqzi_9{
712
+ ._innerOffsetM_675g9w_205 ._chip_675g9w_9{
680
713
  margin-left:8px;
681
714
  }
682
715
  @media screen and (max-width: 640px){
683
- ._innerOffsetM_3bwqzi_205 ._chip_3bwqzi_9{
716
+ ._innerOffsetM_675g9w_205 ._chip_675g9w_9{
684
717
  margin-left:8px
685
718
  }
686
719
  }
687
- ._innerOffsetL_3bwqzi_213 ._chip_3bwqzi_9{
720
+ ._innerOffsetL_675g9w_213 ._chip_675g9w_9{
688
721
  margin-left:16px;
689
722
  }
690
723
  @media screen and (max-width: 640px){
691
- ._innerOffsetL_3bwqzi_213 ._chip_3bwqzi_9{
724
+ ._innerOffsetL_675g9w_213 ._chip_675g9w_9{
692
725
  margin-left:8px
693
726
  }
694
727
  }
695
- ._innerOffsetL_3bwqzi_213 ._chip_3bwqzi_9:first-of-type,
696
- ._innerOffsetM_3bwqzi_205 ._chip_3bwqzi_9:first-of-type{
728
+ ._innerOffsetL_675g9w_213 ._chip_675g9w_9:first-of-type,
729
+ ._innerOffsetM_675g9w_205 ._chip_675g9w_9:first-of-type{
697
730
  margin-left:0;
698
731
  }
699
732
  @media screen and (max-width: 640px){
700
- ._innerOffsetL_3bwqzi_213 ._chip_3bwqzi_9:first-of-type,
701
- ._innerOffsetM_3bwqzi_205 ._chip_3bwqzi_9:first-of-type{
733
+ ._innerOffsetL_675g9w_213 ._chip_675g9w_9:first-of-type,
734
+ ._innerOffsetM_675g9w_205 ._chip_675g9w_9:first-of-type{
702
735
  margin-left:0
703
736
  }
704
737
  }
705
- ._icon_3bwqzi_231{
738
+ ._icon_675g9w_231{
706
739
  -webkit-box-flex:0;
707
740
  -ms-flex:0 0;
708
741
  flex:0 0;
709
742
  -ms-flex-preferred-size:auto;
710
743
  flex-basis:auto;
711
744
  }
712
- ._sizeS_3bwqzi_63 ._icon_3bwqzi_231._iconLeft_3bwqzi_235 {
713
- width: 16px;
714
- height: 16px;
715
- min-width: 16px;
716
- min-height: 16px;
745
+ ._sizeXs_675g9w_1 ._icon_675g9w_231._iconLeft_675g9w_235 {
746
+ width: 20px;
747
+ height: 20px;
748
+ min-width: 20px;
749
+ min-height: 20px;
750
+ margin: 0 8px 0 -2px;
751
+ }
752
+ ._sizeS_675g9w_63 ._icon_675g9w_231._iconLeft_675g9w_235 {
753
+ width: 20px;
754
+ height: 20px;
755
+ min-width: 20px;
756
+ min-height: 20px;
717
757
  margin: 0 8px 0 -2px;
718
758
  }
719
- ._sizeM_3bwqzi_69 ._icon_3bwqzi_231._iconLeft_3bwqzi_235 {
759
+ ._sizeM_675g9w_69 ._icon_675g9w_231._iconLeft_675g9w_235 {
720
760
  width: 24px;
721
761
  height: 24px;
722
762
  min-width: 24px;
723
763
  min-height: 24px;
764
+ margin: 0 8px 0 -2px;
765
+ }
766
+ ._sizeL_675g9w_75 ._icon_675g9w_231._iconLeft_675g9w_235 {
767
+ width: 28px;
768
+ height: 28px;
769
+ min-width: 28px;
770
+ min-height: 28px;
724
771
  margin: 0 16px 0 -2px;
725
772
  }
726
- ._sizeL_3bwqzi_75 ._icon_3bwqzi_231._iconLeft_3bwqzi_235 {
727
- width: 32px;
728
- height: 32px;
729
- min-width: 32px;
730
- min-height: 32px;
731
- margin: 0 20px 0 -2px;
732
- }
733
- ._sizeS_3bwqzi_63 ._icon_3bwqzi_231._iconRight_3bwqzi_236 {
734
- width: 16px;
735
- height: 16px;
736
- min-width: 16px;
737
- min-height: 16px;
773
+ ._sizeXs_675g9w_1 ._icon_675g9w_231._iconRight_675g9w_236 {
774
+ width: 20px;
775
+ height: 20px;
776
+ min-width: 20px;
777
+ min-height: 20px;
738
778
  margin: 0 -2px 0 8px;
739
779
  }
740
- ._sizeM_3bwqzi_69 ._icon_3bwqzi_231._iconRight_3bwqzi_236 {
780
+ ._sizeS_675g9w_63 ._icon_675g9w_231._iconRight_675g9w_236 {
781
+ width: 20px;
782
+ height: 20px;
783
+ min-width: 20px;
784
+ min-height: 20px;
785
+ margin: 0 -2px 0 8px;
786
+ }
787
+ ._sizeM_675g9w_69 ._icon_675g9w_231._iconRight_675g9w_236 {
741
788
  width: 24px;
742
789
  height: 24px;
743
790
  min-width: 24px;
744
791
  min-height: 24px;
745
- margin: 0 -2px 0 16px;
792
+ margin: 0 -2px 0 8px;
746
793
  }
747
- ._sizeL_3bwqzi_75 ._icon_3bwqzi_231._iconRight_3bwqzi_236 {
748
- width: 32px;
749
- height: 32px;
750
- min-width: 32px;
751
- min-height: 32px;
752
- margin: 0 -2px 0 20px;
794
+ ._sizeL_675g9w_75 ._icon_675g9w_231._iconRight_675g9w_236 {
795
+ width: 28px;
796
+ height: 28px;
797
+ min-width: 28px;
798
+ min-height: 28px;
799
+ margin: 0 -2px 0 16px;
753
800
  }
754
- ._withoutText_3bwqzi_60 ._icon_3bwqzi_231._iconRight_3bwqzi_236,
755
- ._withoutText_3bwqzi_60 ._icon_3bwqzi_231._iconLeft_3bwqzi_235{
801
+ ._withoutText_675g9w_60 ._icon_675g9w_231._iconRight_675g9w_236,
802
+ ._withoutText_675g9w_60 ._icon_675g9w_231._iconLeft_675g9w_235{
756
803
  margin:0;
757
804
  }