@rescui/chip-list 0.7.10 → 0.8.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 (7) hide show
  1. package/lib/index.css +356 -495
  2. package/lib/parts/chip-list-base.js +5 -4
  3. package/lib/parts/chip-list.p.module.css.js +21 -21
  4. package/lib/parts/chip.js +6 -9
  5. package/lib/public-api.p.css +520 -0
  6. package/lib/public-api.pcss +520 -0
  7. package/package.json +9 -9
package/lib/index.css CHANGED
@@ -1,100 +1,318 @@
1
- ._chipsContainer_p77ltx_9{
2
- position:relative;
3
-
4
- display:-webkit-box;
5
-
6
- display:-ms-flexbox;
7
-
8
- display:flex;
9
- -ms-flex-wrap:wrap;
10
- flex-wrap:wrap;
1
+ ._light_132sdse_8{
2
+ --rs-theme-dark:0;
11
3
  }
12
-
13
- ._sizeXs_p77ltx_15 ._chipsContainer_p77ltx_9{
14
- margin-top:-12px;
15
- }
16
-
17
- @media screen and (max-width: 640px){
18
-
19
- ._sizeXs_p77ltx_15 ._chipsContainer_p77ltx_9{
20
- margin-top:-8px
21
- }
22
- }
23
-
24
- ._sizeS_p77ltx_23 ._chipsContainer_p77ltx_9,
25
- ._sizeM_p77ltx_24 ._chipsContainer_p77ltx_9{
26
- margin-top:-12px;
4
+ ._dark_132sdse_11{
5
+ --rs-theme-dark:1;
6
+ }
7
+ ._alignLeft_132sdse_15{
8
+ --_rs-cl-align:left;
9
+ }
10
+ ._alignCenter_132sdse_18{
11
+ --_rs-cl-align:center;
12
+ }
13
+ ._alignRight_132sdse_21{
14
+ --_rs-cl-align:right;
15
+ }
16
+ ._sizeXs_132sdse_25{
17
+ --_rs-cl-chip-border-radius:4px;
18
+ --_rs-cl-chip-multiline-border-radius:4px;
19
+ --_rs-cl-chip-vertical-padding:2px;
20
+ --_rs-cl-chip-horizontal-padding:16px;
21
+ --_rs-cl-chip-icon-size:16px;
22
+ --_rs-cl-chip-icon-offset:8px;
23
+ --_rs-cl-chip-icon-margin-top:2px;
24
+ --_rs-cl-vertical-gap:12px;
25
+ --_rs-cl-sparse-horizontal-gap:12px;
26
+ }
27
+ @media screen and (max-width: 640px){
28
+ ._sizeXs_132sdse_25{
29
+ --_rs-cl-vertical-gap:8px;
30
+ }
31
+ }
32
+ ._sizeXs_132sdse_25 [data-rs-internal='chip-list__chip']{
33
+ --_rs-typography-letter-spacing:0.0045em;
34
+ --_rs-typography-text-transform:initial;
35
+ --_rs-typography-font-variant-numeric:initial;
36
+ --_rs-typography-font-family:var(
37
+ --rs-font-family-ui,
38
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
39
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
40
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
41
+ );
42
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
43
+ --_rs-typography-font-weight:var(
44
+ --rs-font-weight-regular,
45
+ 400
46
+ );
47
+ --_rs-typography-line-height:var(
48
+ --rs-text-3-line-height,
49
+ 20px
50
+ );
51
+ --_rs-typography-base-color:var(
52
+ --_rs-typography-hardness-color,
53
+ var(
54
+ --rs-color-average,
55
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
56
+ )
57
+ );
58
+ --_rs-typography-text-auto-offset:8px;
59
+ --_rs-typography-ul-list-li-padding-left:28px;
60
+ --_rs-typography-ol-list-li-padding-left:21px;
61
+ --_rs-typography-list-li-margin-top-from-text:8px;
62
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
63
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
64
+ --_rs-typography-link-border-bottom-width-from-text:1px;
65
+ }
66
+ ._sizeS_132sdse_28{
67
+ --_rs-cl-chip-border-radius:24px;
68
+ --_rs-cl-chip-multiline-border-radius:4px;
69
+ --_rs-cl-chip-vertical-padding:6px;
70
+ --_rs-cl-chip-horizontal-padding:16px;
71
+ --_rs-cl-chip-icon-size:20px;
72
+ --_rs-cl-chip-icon-offset:8px;
73
+ --_rs-cl-vertical-gap:12px;
74
+ --_rs-cl-sparse-horizontal-gap:12px;
75
+ }
76
+ ._sizeS_132sdse_28 [data-rs-internal='chip-list__chip']{
77
+ --_rs-typography-letter-spacing:0.0045em;
78
+ --_rs-typography-text-transform:initial;
79
+ --_rs-typography-font-variant-numeric:initial;
80
+ --_rs-typography-font-family:var(
81
+ --rs-font-family-ui,
82
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
83
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
84
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
85
+ );
86
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
87
+ --_rs-typography-font-weight:var(
88
+ --rs-font-weight-regular,
89
+ 400
90
+ );
91
+ --_rs-typography-line-height:var(
92
+ --rs-text-3-line-height,
93
+ 20px
94
+ );
95
+ --_rs-typography-base-color:var(
96
+ --_rs-typography-hardness-color,
97
+ var(
98
+ --rs-color-average,
99
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
100
+ )
101
+ );
102
+ --_rs-typography-text-auto-offset:8px;
103
+ --_rs-typography-ul-list-li-padding-left:28px;
104
+ --_rs-typography-ol-list-li-padding-left:21px;
105
+ --_rs-typography-list-li-margin-top-from-text:8px;
106
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
107
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
108
+ --_rs-typography-link-border-bottom-width-from-text:1px;
109
+ }
110
+ ._sizeM_132sdse_31{
111
+ --_rs-cl-chip-border-radius:24px;
112
+ --_rs-cl-chip-multiline-border-radius:8px;
113
+ --_rs-cl-chip-vertical-padding:8px;
114
+ --_rs-cl-chip-horizontal-padding:24px;
115
+ --_rs-cl-chip-icon-size:24px;
116
+ --_rs-cl-chip-icon-offset:8px;
117
+ --_rs-cl-vertical-gap:12px;
118
+ --_rs-cl-sparse-horizontal-gap:16px;
119
+ }
120
+ ._sizeM_132sdse_31 [data-rs-internal='chip-list__chip']{
121
+ --_rs-typography-letter-spacing:0.0015em;
122
+ --_rs-typography-text-transform:initial;
123
+ --_rs-typography-font-variant-numeric:initial;
124
+ --_rs-typography-font-family:var(
125
+ --rs-font-family-ui,
126
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
127
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
128
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
129
+ );
130
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
131
+ --_rs-typography-font-weight:var(
132
+ --rs-font-weight-regular,
133
+ 400
134
+ );
135
+ --_rs-typography-line-height:var(
136
+ --rs-text-2-line-height,
137
+ 24px
138
+ );
139
+ --_rs-typography-base-color:var(
140
+ --_rs-typography-hardness-color,
141
+ var(
142
+ --rs-color-average,
143
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
144
+ )
145
+ );
146
+ --_rs-typography-text-auto-offset:16px;
147
+ --_rs-typography-ul-list-li-padding-left:22px;
148
+ --_rs-typography-ol-list-li-padding-left:26px;
149
+ --_rs-typography-list-li-margin-top-from-text:16px;
150
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
151
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
152
+ --_rs-typography-link-border-bottom-width-from-text:1px;
27
153
  }
28
-
29
- ._sizeL_p77ltx_28 ._chipsContainer_p77ltx_9{
30
- margin-top:-16px;
154
+ @media screen and (max-width: 640px){
155
+ ._sizeM_132sdse_31 [data-rs-internal='chip-list__chip']{
156
+ --_rs-typography-list-li-margin-top-from-text:12px;
31
157
  }
32
-
33
- @media screen and (max-width: 640px){
34
-
35
- ._sizeL_p77ltx_28 ._chipsContainer_p77ltx_9{
36
- margin-top:-12px
37
158
  }
38
- }
39
-
40
- ._innerOffsetL_p77ltx_36._sizeL_p77ltx_28 ._chipsContainer_p77ltx_9,
41
- ._innerOffsetL_p77ltx_36._sizeM_p77ltx_24 ._chipsContainer_p77ltx_9{
42
- margin-right:-8px;
43
- margin-left:-8px;
159
+ ._sizeL_132sdse_34{
160
+ --_rs-cl-chip-border-radius:36px;
161
+ --_rs-cl-chip-multiline-border-radius:12px;
162
+ --_rs-cl-chip-vertical-padding:12px;
163
+ --_rs-cl-chip-horizontal-padding:32px;
164
+ --_rs-cl-chip-icon-size:28px;
165
+ --_rs-cl-chip-icon-offset:16px;
166
+ --_rs-cl-vertical-gap:16px;
167
+ --_rs-cl-sparse-horizontal-gap:16px;
168
+ }
169
+ @media screen and (max-width: 640px){
170
+ ._sizeL_132sdse_34{
171
+ --_rs-cl-vertical-gap:12px;
172
+ }
173
+ }
174
+ ._sizeL_132sdse_34 [data-rs-internal='chip-list__chip']{
175
+ --_rs-typography-letter-spacing:normal;
176
+ --_rs-typography-text-transform:initial;
177
+ --_rs-typography-font-variant-numeric:initial;
178
+ --_rs-typography-font-family:var(
179
+ --rs-font-family-ui,
180
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
181
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
182
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
183
+ );
184
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
185
+ --_rs-typography-font-weight:var(
186
+ --rs-font-weight-regular,
187
+ 400
188
+ );
189
+ --_rs-typography-line-height:var(
190
+ --rs-text-1-line-height,
191
+ 28px
192
+ );
193
+ --_rs-typography-base-color:var(
194
+ --_rs-typography-hardness-color,
195
+ var(
196
+ --rs-color-average,
197
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
198
+ )
199
+ );
200
+ --_rs-typography-text-auto-offset:32px;
201
+ --_rs-typography-ul-list-li-padding-left:26px;
202
+ --_rs-typography-ol-list-li-padding-left:32px;
203
+ --_rs-typography-list-li-margin-top-from-text:24px;
204
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
205
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
206
+ --_rs-typography-link-border-bottom-width-from-text:1px;
44
207
  }
45
-
46
- @media screen and (max-width: 640px){
47
-
48
- ._innerOffsetL_p77ltx_36._sizeL_p77ltx_28 ._chipsContainer_p77ltx_9,
49
- ._innerOffsetL_p77ltx_36._sizeM_p77ltx_24 ._chipsContainer_p77ltx_9{
50
- margin-right:-4px;
51
- margin-left:-4px
208
+ @media screen and (max-width: 640px){
209
+ ._sizeL_132sdse_34 [data-rs-internal='chip-list__chip']{
210
+ --_rs-typography-list-li-margin-top-from-text:16px;
52
211
  }
53
- }
54
-
55
- ._innerOffsetL_p77ltx_36._sizeS_p77ltx_23 ._chipsContainer_p77ltx_9,
56
- ._innerOffsetL_p77ltx_36._sizeXs_p77ltx_15 ._chipsContainer_p77ltx_9{
57
- margin-right:-6px;
58
- margin-left:-6px;
59
212
  }
213
+ ._innerOffsetL_132sdse_38{
214
+ --_rs-cl-sparse-horizontal-gap-or-initial:var(
215
+ --_rs-cl-sparse-horizontal-gap
216
+ );
217
+ }
218
+ @media screen and (max-width: 640px){
219
+ ._innerOffsetL_132sdse_38{
220
+ --_rs-cl-sparse-horizontal-gap-or-initial:8px;
221
+ }
222
+ }
223
+ ._innerOffsetM_132sdse_41{
224
+ --_rs-cl-sparse-horizontal-gap-or-initial:initial;
225
+ }
226
+ ._classic_132sdse_45{
227
+ --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
228
+ --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
229
+ --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
230
+ --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
231
+ }
232
+ ._rock_132sdse_48{
233
+ --_rs-cl-chip-active-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
234
+ --_rs-cl-chip-selected-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
235
+ --_rs-cl-chip-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
236
+ --_rs-cl-chip-active-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
237
+ }
238
+ ._main_132sdse_52{
239
+ --_rs-theme-dark:var(
240
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
241
+ var(--rs-theme-dark, 0)
242
+ );
243
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
244
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
245
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
246
+ }
247
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
248
+ ._main_132sdse_52{
249
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
250
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
251
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
252
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
253
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
254
+ }
255
+ }
256
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
257
+ ._main_132sdse_52{
258
+ --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
259
+ --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
260
+ --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
261
+ --_rs-color-primary-t-dim:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, 0.8);
262
+ --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
263
+ }
264
+ }
265
+ ._main_132sdse_52 {
266
+ --_rs-cl-horizontal-gap:var(--_rs-cl-sparse-horizontal-gap-or-initial, 8px);
267
+ }
268
+ ._chipsContainer_132sdse_58{
269
+ position:relative;
60
270
 
61
- @media screen and (max-width: 640px){
62
-
63
- ._innerOffsetL_p77ltx_36._sizeS_p77ltx_23 ._chipsContainer_p77ltx_9,
64
- ._innerOffsetL_p77ltx_36._sizeXs_p77ltx_15 ._chipsContainer_p77ltx_9{
65
- margin-right:-4px;
66
- margin-left:-4px
67
- }
68
- }
271
+ display:-webkit-box;
69
272
 
70
- ._innerOffsetM_p77ltx_58 ._chipsContainer_p77ltx_9{
71
- margin-right:-4px;
72
- margin-left:-4px;
73
- }
273
+ display:-ms-flexbox;
74
274
 
75
- @media screen and (max-width: 640px){
275
+ display:flex;
276
+ -ms-flex-wrap:wrap;
277
+ flex-wrap:wrap;
278
+ -webkit-box-pack:var(--_rs-cl-align);
279
+ -ms-flex-pack:var(--_rs-cl-align);
280
+ justify-content:var(--_rs-cl-align);
281
+
282
+ gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
283
+ }
284
+ ._alignIconLeft_132sdse_68{
285
+ --_rs-cl-chip-icon-flex-direction:row;
286
+ --_rs-cl-chip-icon-position-multiplier-left:1;
287
+ --_rs-cl-chip-icon-position-multiplier-right:0;
288
+ }
289
+ ._alignIconRight_132sdse_71{
290
+ --_rs-cl-chip-icon-flex-direction:row-reverse;
291
+ --_rs-cl-chip-icon-position-multiplier-left:0;
292
+ --_rs-cl-chip-icon-position-multiplier-right:1;
293
+ }
294
+ ._chip_132sdse_58{
295
+ --_rs-cl-chip-icon-margin-right:calc(var(--_rs-cl-chip-icon-offset)*(1 - var(--_rs-cl-chip-icon-position-multiplier-right)) + -2px*var(--_rs-cl-chip-icon-position-multiplier-right));
296
+ --_rs-cl-chip-icon-margin-left:calc(var(--_rs-cl-chip-icon-offset)*(1 - var(--_rs-cl-chip-icon-position-multiplier-left)) + -2px*var(--_rs-cl-chip-icon-position-multiplier-left));
297
+ letter-spacing:var(
298
+ --rs-text-base-letter-spacing,
299
+ var(--_rs-typography-letter-spacing)
300
+ );
301
+ text-transform:var(--_rs-typography-text-transform);
302
+ font-family:var(--_rs-typography-font-family);
303
+ font-size:var(--_rs-typography-font-size);
304
+ font-weight:var(--_rs-typography-font-weight);
305
+ line-height:var(--_rs-typography-line-height);
306
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
307
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
308
+ font-feature-settings:'kern', 'liga', 'calt';
309
+ }
310
+ ._chip_132sdse_58 > p:not(:nth-child(1)),
311
+ ._chip_132sdse_58 > pre:not(:nth-child(1)){
312
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
313
+ }
314
+ ._chip_132sdse_58 {
76
315
 
77
- ._innerOffsetM_p77ltx_58 ._chipsContainer_p77ltx_9{
78
- margin-right:-4px;
79
- margin-left:-4px
80
- }
81
- }
82
- ._alignLeft_p77ltx_69{
83
- -webkit-box-pack:left;
84
- -ms-flex-pack:left;
85
- justify-content:left;
86
- }
87
- ._alignCenter_p77ltx_72{
88
- -webkit-box-pack:center;
89
- -ms-flex-pack:center;
90
- justify-content:center;
91
- }
92
- ._alignRight_p77ltx_75{
93
- -webkit-box-pack:right;
94
- -ms-flex-pack:right;
95
- justify-content:right;
96
- }
97
- ._chip_p77ltx_9{
98
316
  position:relative;
99
317
  z-index:1;
100
318
 
@@ -104,13 +322,16 @@
104
322
 
105
323
  display:inline-flex;
106
324
  overflow:hidden;
107
- -ms-flex-negative:0;
108
- flex-shrink:0;
109
325
  -webkit-box-flex:0;
110
- -ms-flex-positive:0;
111
- flex-grow:0;
112
- -ms-flex-preferred-size:initial;
113
- flex-basis:initial;
326
+ -ms-flex:0 0 auto;
327
+ flex:0 0 auto;
328
+ -webkit-box-orient:vertical;
329
+ -webkit-box-direction:normal;
330
+ -ms-flex-direction:var(--_rs-cl-chip-icon-flex-direction);
331
+ flex-direction:var(--_rs-cl-chip-icon-flex-direction);
332
+ -webkit-box-pack:center;
333
+ -ms-flex-pack:center;
334
+ justify-content:center;
114
335
  -webkit-box-align:center;
115
336
  -ms-flex-align:center;
116
337
  align-items:center;
@@ -118,12 +339,11 @@
118
339
  -webkit-box-sizing:border-box;
119
340
 
120
341
  box-sizing:border-box;
121
-
122
342
  margin:0;
123
- padding:0;
124
-
125
- border-style:solid;
343
+ padding:calc(var(--_rs-cl-chip-vertical-padding) - 1px) calc(var(--_rs-cl-chip-horizontal-padding) - 1px);
126
344
 
345
+ border:1px solid rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.3);
346
+ border-radius:var(--_rs-cl-chip-border-radius);
127
347
  outline:none;
128
348
 
129
349
  cursor:pointer;
@@ -131,15 +351,11 @@
131
351
  white-space:nowrap;
132
352
  text-decoration:none;
133
353
 
134
- color:inherit;
135
-
354
+ color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
136
355
  background:transparent;
137
356
  -webkit-box-shadow:none;
138
357
  box-shadow:none;
139
358
 
140
- font:inherit;
141
- line-height:normal;
142
-
143
359
  -webkit-transition:color 100ms, background-color 100ms, border-color 100ms;
144
360
 
145
361
  transition:color 100ms, background-color 100ms, border-color 100ms;
@@ -147,423 +363,68 @@
147
363
  -moz-osx-font-smoothing:inherit;
148
364
  -webkit-appearance:none;
149
365
  }
150
- ._chip_p77ltx_9::-moz-focus-inner{
366
+ ._chip_132sdse_58::-moz-focus-inner{
151
367
  padding:0;
152
368
 
153
369
  border:none;
154
370
  }
155
- ._chip_p77ltx_9:hover,
156
- ._chip_p77ltx_9:focus,
157
- ._chip_p77ltx_9:active{
371
+ ._chip_132sdse_58:hover,
372
+ ._chip_132sdse_58:focus,
373
+ ._chip_132sdse_58:active{
158
374
  outline:none;
159
375
 
160
376
  text-decoration:none;
161
377
  }
162
- ._light_p77ltx_135 ._chip_p77ltx_9:focus[data-focus-method='key']{
163
- -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
164
- -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
165
- box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
166
- box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
167
- }
168
- ._dark_p77ltx_140 ._chip_p77ltx_9:focus[data-focus-method='key']{
169
- -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
170
- -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
171
- box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
172
- box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
173
- }
174
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9 {
175
- padding: 1px 15px;
176
- border-width: 1px;
177
- }
178
- ._sizeS_p77ltx_23 ._chip_p77ltx_9 {
179
- padding: 5px 15px;
180
- border-width: 1px;
181
- }
182
- ._sizeM_p77ltx_24 ._chip_p77ltx_9 {
183
- padding: 7px 23px;
184
- border-width: 1px;
185
- }
186
- ._sizeL_p77ltx_28 ._chip_p77ltx_9 {
187
- padding: 11px 31px;
188
- border-width: 1px;
189
- }
190
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9._selected_p77ltx_145 {
191
- padding: 0px 14px;
192
- border-width: 2px;
193
- }
194
- ._sizeS_p77ltx_23 ._chip_p77ltx_9._selected_p77ltx_145 {
195
- padding: 4px 14px;
196
- border-width: 2px;
197
- }
198
- ._sizeM_p77ltx_24 ._chip_p77ltx_9._selected_p77ltx_145 {
199
- padding: 6px 22px;
200
- border-width: 2px;
201
- }
202
- ._sizeL_p77ltx_28 ._chip_p77ltx_9._selected_p77ltx_145 {
203
- padding: 10px 30px;
204
- border-width: 2px;
205
- }
206
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9._withoutText_p77ltx_146 {
207
- padding: 1px 1px;
208
- border-width: 1px;
209
- }
210
- ._sizeS_p77ltx_23 ._chip_p77ltx_9._withoutText_p77ltx_146 {
211
- padding: 5px 5px;
212
- border-width: 1px;
213
- }
214
- ._sizeM_p77ltx_24 ._chip_p77ltx_9._withoutText_p77ltx_146 {
215
- padding: 7px 7px;
216
- border-width: 1px;
217
- }
218
- ._sizeL_p77ltx_28 ._chip_p77ltx_9._withoutText_p77ltx_146 {
219
- padding: 11px 11px;
220
- border-width: 1px;
221
- }
222
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9._selected_p77ltx_145._withoutText_p77ltx_146 {
223
- padding: 0px 0px;
224
- border-width: 2px;
225
- }
226
- ._sizeS_p77ltx_23 ._chip_p77ltx_9._selected_p77ltx_145._withoutText_p77ltx_146 {
227
- padding: 4px 4px;
228
- border-width: 2px;
229
- }
230
- ._sizeM_p77ltx_24 ._chip_p77ltx_9._selected_p77ltx_145._withoutText_p77ltx_146 {
231
- padding: 6px 6px;
232
- border-width: 2px;
233
- }
234
- ._sizeL_p77ltx_28 ._chip_p77ltx_9._selected_p77ltx_145._withoutText_p77ltx_146 {
235
- padding: 10px 10px;
236
- border-width: 2px;
237
- }
238
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9{
239
- letter-spacing:0.0045em;
240
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
241
- 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));
242
- -webkit-font-feature-settings:"kern", "liga", "calt";
243
- font-feature-settings:"kern", "liga", "calt";
244
- font-size:13px;
245
- font-size:var(--rs-text-3-font-size, 13px);
246
- line-height:20px;
247
- line-height:var(--rs-text-3-line-height, 20px);
248
- }
249
- ._rs-reset-letter-spacing_p77ltx_1 ._sizeXs_p77ltx_15 ._chip_p77ltx_9{
250
- letter-spacing:normal;
378
+ ._chip_132sdse_58:focus[data-focus-method='key']{
379
+ -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
380
+ box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
251
381
  }
252
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9 {
382
+ ._chip_132sdse_58:focus{
383
+ border-color:rgba(
384
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
385
+ calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
386
+ );
253
387
 
254
- margin-top:12px;
255
-
256
- border-radius:4px;
257
- }
258
- @media screen and (max-width: 640px){
259
- ._sizeXs_p77ltx_15 ._chip_p77ltx_9{
260
- margin-top:8px
261
- }
262
- }
263
- ._sizeS_p77ltx_23 ._chip_p77ltx_9{
264
- letter-spacing:0.0045em;
265
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
266
- 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));
267
- -webkit-font-feature-settings:"kern", "liga", "calt";
268
- font-feature-settings:"kern", "liga", "calt";
269
- font-size:13px;
270
- font-size:var(--rs-text-3-font-size, 13px);
271
- line-height:20px;
272
- line-height:var(--rs-text-3-line-height, 20px);
273
- }
274
- ._rs-reset-letter-spacing_p77ltx_1 ._sizeS_p77ltx_23 ._chip_p77ltx_9{
275
- letter-spacing:normal;
276
- }
277
- ._sizeS_p77ltx_23 ._chip_p77ltx_9 {
278
-
279
- margin-top:12px;
280
-
281
- border-radius:24px;
282
- }
283
- ._sizeM_p77ltx_24 ._chip_p77ltx_9{
284
- letter-spacing:0.0015em;
285
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
286
- 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));
287
- -webkit-font-feature-settings:"kern", "liga", "calt";
288
- font-feature-settings:"kern", "liga", "calt";
289
- font-size:16px;
290
- font-size:var(--rs-text-2-font-size, 16px);
291
- font-weight:400;
292
- line-height:24px;
293
- line-height:var(--rs-text-2-line-height, 24px);
294
- }
295
- ._rs-reset-letter-spacing_p77ltx_1 ._sizeM_p77ltx_24 ._chip_p77ltx_9{
296
- letter-spacing:normal;
388
+ color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
297
389
  }
298
- ._sizeM_p77ltx_24 ._chip_p77ltx_9 {
390
+ @media (hover: hover){
391
+ ._chip_132sdse_58:hover{
392
+ border-color:rgba(
393
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
394
+ calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
395
+ );
299
396
 
300
- margin-top:12px;
397
+ color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
301
398
 
302
- border-radius:24px;
303
- }
304
- ._sizeL_p77ltx_28 ._chip_p77ltx_9{
305
- letter-spacing:normal;
306
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
307
- 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));
308
- -webkit-font-feature-settings:"kern", "liga", "calt";
309
- font-feature-settings:"kern", "liga", "calt";
310
- font-size:20px;
311
- font-size:var(--rs-text-1-font-size, 20px);
312
- font-weight:normal;
313
- line-height:28px;
314
- line-height:var(--rs-text-1-line-height, 28px);
315
-
316
- margin-top:16px;
317
-
318
- border-radius:36px;
319
- }
320
- @media screen and (max-width: 640px){
321
- ._sizeL_p77ltx_28 ._chip_p77ltx_9{
322
- margin-top:12px
323
- }
399
+ background:var(--_rs-cl-chip-hover-background);
324
400
  }
325
- ._light_p77ltx_135._rock_p77ltx_189 ._chip_p77ltx_9{
326
- border-color:rgba(25,25,28,0.3);
327
-
328
- color:#19191C;
329
401
  }
330
- ._light_p77ltx_135._rock_p77ltx_189 ._chip_p77ltx_9:focus{
331
- border-color:rgba(25,25,28,0.3);
402
+ ._chip_132sdse_58:active{
403
+ border-color:var(--_rs-cl-chip-active-border-color);
332
404
 
333
- color:#19191C;
334
- }
335
- @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
336
- ._light_p77ltx_135._rock_p77ltx_189 ._chip_p77ltx_9:hover{
337
- border-color:rgba(25,25,28,0.3);
405
+ color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
338
406
 
339
- color:#19191C;
340
-
341
- background:rgba(25,25,28,0.1);
342
- }
343
- }
344
- ._light_p77ltx_135._rock_p77ltx_189 ._chip_p77ltx_9:active{
345
- border-color:#19191C;
346
-
347
- color:#19191C;
348
-
349
- background:rgba(25,25,28,0.1);
350
- }
351
- ._light_p77ltx_135._rock_p77ltx_189 ._chip_p77ltx_9._selected_p77ltx_145{
352
- border-color:#19191C;
353
-
354
- color:#19191C;
355
- }
356
- ._dark_p77ltx_140._rock_p77ltx_189 ._chip_p77ltx_9{
357
- border-color:rgba(255,255,255,0.3);
358
-
359
- color:#FFFFFF;
407
+ background:var(--_rs-cl-chip-active-background);
360
408
  }
361
- ._dark_p77ltx_140._rock_p77ltx_189 ._chip_p77ltx_9:focus{
362
- border-color:rgba(255,255,255,0.4);
363
-
364
- color:#FFFFFF;
365
- }
366
- @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
367
- ._dark_p77ltx_140._rock_p77ltx_189 ._chip_p77ltx_9:hover{
368
- border-color:rgba(255,255,255,0.4);
369
-
370
- color:#FFFFFF;
371
-
372
- background:rgba(255,255,255,0.1);
373
- }
374
- }
375
- ._dark_p77ltx_140._rock_p77ltx_189 ._chip_p77ltx_9:active{
376
- border-color:#FFFFFF;
377
-
378
- color:#FFFFFF;
409
+ ._chip_132sdse_58._selected_132sdse_162{
410
+ padding:calc(var(--_rs-cl-chip-vertical-padding) - 2px) calc(var(--_rs-cl-chip-horizontal-padding) - 2px);
379
411
 
380
- background:rgba(255,255,255,0.1);
381
- }
382
- ._dark_p77ltx_140._rock_p77ltx_189 ._chip_p77ltx_9._selected_p77ltx_145{
383
- border-color:#FFFFFF;
384
-
385
- color:#FFFFFF;
386
- }
387
- ._light_p77ltx_135._classic_p77ltx_261 ._chip_p77ltx_9{
388
- border-color:rgba(25,25,28,0.3);
412
+ border-width:2px;
413
+ border-color:var(--_rs-cl-chip-selected-border-color);
389
414
 
390
- color:#19191C;
415
+ color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
391
416
  }
392
- ._light_p77ltx_135._classic_p77ltx_261 ._chip_p77ltx_9:focus{
393
- border-color:rgba(25,25,28,0.3);
417
+ ._chip_132sdse_58 ._icon_132sdse_172{
418
+ -webkit-box-flex:0;
419
+ -ms-flex:0 0 auto;
420
+ flex:0 0 auto;
394
421
 
395
- color:#19191C;
396
- }
397
- @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
398
- ._light_p77ltx_135._classic_p77ltx_261 ._chip_p77ltx_9:hover{
399
- border-color:rgba(25,25,28,0.3);
400
-
401
- color:#19191C;
402
-
403
- background:rgba(107, 87, 255,0.2);
404
-
405
- background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
406
- }
407
- }
408
- ._light_p77ltx_135._classic_p77ltx_261 ._chip_p77ltx_9:active{
409
- border-color:#6B57FF;
410
- border-color:var(--rs-color-primary-light-theme, #6B57FF);
422
+ width:auto;
423
+ height:var(--_rs-cl-chip-icon-size);
411
424
 
412
- color:#19191C;
413
-
414
- background:rgba(107, 87, 255,0.2);
415
-
416
- background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
417
- }
418
- ._light_p77ltx_135._classic_p77ltx_261 ._chip_p77ltx_9._selected_p77ltx_145{
419
- border-color:#6B57FF;
420
- border-color:var(--rs-color-primary-light-theme, #6B57FF);
421
-
422
- color:#19191C;
423
- }
424
- ._dark_p77ltx_140._classic_p77ltx_261 ._chip_p77ltx_9{
425
- border-color:rgba(255,255,255,0.3);
426
-
427
- color:#FFFFFF;
428
- }
429
- ._dark_p77ltx_140._classic_p77ltx_261 ._chip_p77ltx_9:focus{
430
- border-color:rgba(255,255,255,0.4);
431
-
432
- color:#FFFFFF;
433
- }
434
- @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
435
- ._dark_p77ltx_140._classic_p77ltx_261 ._chip_p77ltx_9:hover{
436
- border-color:rgba(255,255,255,0.4);
437
-
438
- color:#FFFFFF;
439
-
440
- background:rgba(132, 115, 255,0.3);
441
-
442
- background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
443
- }
444
- }
445
- ._dark_p77ltx_140._classic_p77ltx_261 ._chip_p77ltx_9:active{
446
- border-color:#8473FF;
447
- border-color:var(--rs-color-primary-dark-theme, #8473FF);
448
-
449
- color:#FFFFFF;
450
-
451
- background:rgba(132, 115, 255,0.3);
452
-
453
- background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
454
- }
455
- ._dark_p77ltx_140._classic_p77ltx_261 ._chip_p77ltx_9._selected_p77ltx_145{
456
- border-color:#8473FF;
457
- border-color:var(--rs-color-primary-dark-theme, #8473FF);
458
-
459
- color:#FFFFFF;
460
- }
461
- ._innerOffsetL_p77ltx_36._sizeL_p77ltx_28 ._chip_p77ltx_9,
462
- ._innerOffsetL_p77ltx_36._sizeM_p77ltx_24 ._chip_p77ltx_9{
463
- margin-right:8px;
464
- margin-left:8px;
465
- }
466
- @media screen and (max-width: 640px){
467
- ._innerOffsetL_p77ltx_36._sizeL_p77ltx_28 ._chip_p77ltx_9,
468
- ._innerOffsetL_p77ltx_36._sizeM_p77ltx_24 ._chip_p77ltx_9{
469
- margin-right:4px;
470
- margin-left:4px
471
- }
472
- }
473
- ._innerOffsetL_p77ltx_36._sizeS_p77ltx_23 ._chip_p77ltx_9,
474
- ._innerOffsetL_p77ltx_36._sizeXs_p77ltx_15 ._chip_p77ltx_9{
475
- margin-right:6px;
476
- margin-left:6px;
477
- }
478
- @media screen and (max-width: 640px){
479
- ._innerOffsetL_p77ltx_36._sizeS_p77ltx_23 ._chip_p77ltx_9,
480
- ._innerOffsetL_p77ltx_36._sizeXs_p77ltx_15 ._chip_p77ltx_9{
481
- margin-right:4px;
482
- margin-left:4px
425
+ margin:0 var(--_rs-cl-chip-icon-margin-right) 0 var(--_rs-cl-chip-icon-margin-left);
426
+ fill:currentColor;
483
427
  }
484
- }
485
- ._innerOffsetM_p77ltx_58 ._chip_p77ltx_9{
486
- margin-right:4px;
487
- margin-left:4px;
488
- }
489
- @media screen and (max-width: 640px){
490
- ._innerOffsetM_p77ltx_58 ._chip_p77ltx_9{
491
- margin-right:4px;
492
- margin-left:4px
493
- }
494
- }
495
- ._icon_p77ltx_366{
496
- -webkit-box-flex:0;
497
- -ms-flex:0 0;
498
- flex:0 0;
499
- -ms-flex-preferred-size:auto;
500
- flex-basis:auto;
501
- }
502
- ._sizeXs_p77ltx_15 ._icon_p77ltx_366._iconLeft_p77ltx_370 {
503
- width: 16px;
504
- height: 16px;
505
- min-width: 16px;
506
- min-height: 16px;
507
- margin-right: 8px;
508
- margin-left: -2px;
509
- }
510
- ._sizeS_p77ltx_23 ._icon_p77ltx_366._iconLeft_p77ltx_370 {
511
- width: 20px;
512
- height: 20px;
513
- min-width: 20px;
514
- min-height: 20px;
515
- margin-right: 8px;
516
- margin-left: -2px;
517
- }
518
- ._sizeM_p77ltx_24 ._icon_p77ltx_366._iconLeft_p77ltx_370 {
519
- width: 24px;
520
- height: 24px;
521
- min-width: 24px;
522
- min-height: 24px;
523
- margin-right: 8px;
524
- margin-left: -2px;
525
- }
526
- ._sizeL_p77ltx_28 ._icon_p77ltx_366._iconLeft_p77ltx_370 {
527
- width: 28px;
528
- height: 28px;
529
- min-width: 28px;
530
- min-height: 28px;
531
- margin-right: 16px;
532
- margin-left: -2px;
533
- }
534
- ._sizeXs_p77ltx_15 ._icon_p77ltx_366._iconRight_p77ltx_371 {
535
- width: 16px;
536
- height: 16px;
537
- min-width: 16px;
538
- min-height: 16px;
539
- margin-right: -2px;
540
- margin-left: 8px;
541
- }
542
- ._sizeS_p77ltx_23 ._icon_p77ltx_366._iconRight_p77ltx_371 {
543
- width: 20px;
544
- height: 20px;
545
- min-width: 20px;
546
- min-height: 20px;
547
- margin-right: -2px;
548
- margin-left: 8px;
549
- }
550
- ._sizeM_p77ltx_24 ._icon_p77ltx_366._iconRight_p77ltx_371 {
551
- width: 24px;
552
- height: 24px;
553
- min-width: 24px;
554
- min-height: 24px;
555
- margin-right: -2px;
556
- margin-left: 8px;
557
- }
558
- ._sizeL_p77ltx_28 ._icon_p77ltx_366._iconRight_p77ltx_371 {
559
- width: 28px;
560
- height: 28px;
561
- min-width: 28px;
562
- min-height: 28px;
563
- margin-right: -2px;
564
- margin-left: 16px;
565
- }
566
- ._withoutText_p77ltx_146 ._icon_p77ltx_366._iconRight_p77ltx_371,
567
- ._withoutText_p77ltx_146 ._icon_p77ltx_366._iconLeft_p77ltx_370{
428
+ ._chip_132sdse_58._withoutText_132sdse_183 ._icon_132sdse_172{
568
429
  margin:0;
569
430
  }