@rescui/collapse 0.5.8 → 0.5.10-RUI-226-Update-card-cn-6e43cc89.60

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 (13) hide show
  1. package/lib/_virtual/index.css.js +12 -7
  2. package/lib/_virtual/plus.js +106 -0
  3. package/lib/_virtual/right.js +90 -21
  4. package/lib/accordion.js +35 -60
  5. package/lib/collapse.js +80 -111
  6. package/lib/collapse.p.module.css.js +32 -32
  7. package/lib/context.js +1 -1
  8. package/lib/index.css +123 -130
  9. package/lib/public-api.p.css +32 -20
  10. package/lib/public-api.pcss +32 -20
  11. package/lib/use-collapse-state.js +17 -29
  12. package/package.json +10 -10
  13. package/lib/_virtual/add-outline.js +0 -37
package/lib/collapse.p.module.css.js CHANGED
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1vcpvif_6",
3
- "themeDark": "_themeDark_1vcpvif_9",
4
- "sizeS": "_sizeS_1vcpvif_13",
5
- "sizeM": "_sizeM_1vcpvif_16",
6
- "sizeL": "_sizeL_1vcpvif_19",
7
- "classic": "_classic_1vcpvif_23",
8
- "rock": "_rock_1vcpvif_26",
9
- "clear": "_clear_1vcpvif_29",
10
- "hasBorderBottom": "_hasBorderBottom_1vcpvif_33",
11
- "leftIcon": "_leftIcon_1vcpvif_37",
12
- "rightIcon": "_rightIcon_1vcpvif_40",
13
- "disableLeftPadding": "_disableLeftPadding_1vcpvif_44",
14
- "main": "_main_1vcpvif_48",
15
- "opening": "_opening_1vcpvif_59",
16
- "opened": "_opened_1vcpvif_60",
17
- "closing": "_closing_1vcpvif_61",
18
- "title": "_title_1vcpvif_95",
19
- "content": "_content_1vcpvif_103",
20
- "closed": "_closed_1vcpvif_111",
21
- "closingTransition": "_closingTransition_1vcpvif_120",
22
- "innerWrapper": "_innerWrapper_1vcpvif_127",
23
- "button": "_button_1vcpvif_133",
24
- "icon": "_icon_1vcpvif_186",
25
- "iconPlus": "_iconPlus_1vcpvif_202",
26
- "iconArrow": "_iconArrow_1vcpvif_207",
27
- "accordion": "_accordion_1vcpvif_213",
28
- "accordionGap0": "_accordionGap0_1vcpvif_218",
29
- "accordionGap8": "_accordionGap8_1vcpvif_221",
30
- "accordionGap12": "_accordionGap12_1vcpvif_224",
31
- "accordionGap16": "_accordionGap16_1vcpvif_227",
32
- "accordionGap24": "_accordionGap24_1vcpvif_230",
33
- "accordionGap32": "_accordionGap32_1vcpvif_233"
2
+ "themeLight": "_themeLight_3zi7c3_6",
3
+ "themeDark": "_themeDark_3zi7c3_9",
4
+ "sizeS": "_sizeS_3zi7c3_13",
5
+ "sizeM": "_sizeM_3zi7c3_16",
6
+ "sizeL": "_sizeL_3zi7c3_19",
7
+ "classic": "_classic_3zi7c3_23",
8
+ "rock": "_rock_3zi7c3_26",
9
+ "clear": "_clear_3zi7c3_29",
10
+ "hasBorderBottom": "_hasBorderBottom_3zi7c3_33",
11
+ "leftIcon": "_leftIcon_3zi7c3_37",
12
+ "rightIcon": "_rightIcon_3zi7c3_40",
13
+ "disableLeftPadding": "_disableLeftPadding_3zi7c3_44",
14
+ "main": "_main_3zi7c3_48",
15
+ "opening": "_opening_3zi7c3_59",
16
+ "opened": "_opened_3zi7c3_60",
17
+ "closing": "_closing_3zi7c3_61",
18
+ "title": "_title_3zi7c3_95",
19
+ "content": "_content_3zi7c3_103",
20
+ "closed": "_closed_3zi7c3_111",
21
+ "closingTransition": "_closingTransition_3zi7c3_120",
22
+ "innerWrapper": "_innerWrapper_3zi7c3_127",
23
+ "button": "_button_3zi7c3_133",
24
+ "icon": "_icon_3zi7c3_186",
25
+ "iconPlus": "_iconPlus_3zi7c3_202",
26
+ "iconArrow": "_iconArrow_3zi7c3_207",
27
+ "accordion": "_accordion_3zi7c3_213",
28
+ "accordionGap0": "_accordionGap0_3zi7c3_218",
29
+ "accordionGap8": "_accordionGap8_3zi7c3_221",
30
+ "accordionGap12": "_accordionGap12_3zi7c3_224",
31
+ "accordionGap16": "_accordionGap16_3zi7c3_227",
32
+ "accordionGap24": "_accordionGap24_3zi7c3_230",
33
+ "accordionGap32": "_accordionGap32_3zi7c3_233"
34
34
  };
35
35
  export { styles as default };
package/lib/context.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- var collapseContext = /*#__PURE__*/React.createContext({
2
+ const collapseContext = /*#__PURE__*/React.createContext({
3
3
  openedKey: null,
4
4
  isInAccordion: false,
5
5
  isInControlledAccordion: false,
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1g6zqe1_4{
1
+ ._icon_15yklic_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1g6zqe1_4{
11
+ ._icon_15yklic_4{
12
12
  --_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)));
13
13
  --_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)));
14
14
  --_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)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1g6zqe1_4{
20
+ ._icon_15yklic_4{
21
21
  --_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);
22
22
  --_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));
23
23
  --_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));
@@ -25,66 +25,90 @@
25
25
  --_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));
26
26
  }
27
27
  }
28
- ._icon_1g6zqe1_4{
28
+ ._icon_15yklic_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_1g6zqe1_14{
35
+ ._sizeXS_15yklic_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1g6zqe1_18{
38
+ ._sizeS_15yklic_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1g6zqe1_22{
41
+ ._sizeM_15yklic_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1g6zqe1_26{
44
+ ._sizeL_15yklic_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1g6zqe1_30{
47
+ ._light_15yklic_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(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));
50
50
  }
51
- ._dark_1g6zqe1_34{
51
+ ._dark_15yklic_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(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));
54
54
  }
55
- @-webkit-keyframes rs-icon-rotate{
55
+ @keyframes rs-icon-rotate{
56
56
  from{
57
- -webkit-transform:rotate(0deg);
58
- transform:rotate(0deg);
57
+ transform:rotate(0deg);
59
58
  }
60
59
  to{
61
- -webkit-transform:rotate(360deg);
62
- transform:rotate(360deg);
60
+ transform:rotate(360deg);
63
61
  }
64
62
  }
65
- @keyframes rs-icon-rotate{
66
- from{
67
- -webkit-transform:rotate(0deg);
68
- transform:rotate(0deg);
63
+ ._allVariants_15yklic_48{
64
+ aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
+ container:rs-icon / size;
66
+ }
67
+ ._variant16_15yklic_53,
68
+ ._variant20_15yklic_54,
69
+ ._variant24_15yklic_55{
70
+ display:none;
71
+ }
72
+ ._variant28_15yklic_58{
73
+ display:block;
74
+ }
75
+ @container rs-icon (max-height: 24px){
76
+ ._variant24_15yklic_55{
77
+ display:block;
69
78
  }
70
- to{
71
- -webkit-transform:rotate(360deg);
72
- transform:rotate(360deg);
79
+ ._variant28_15yklic_58{
80
+ display:none;
73
81
  }
74
82
  }
75
- ._themeLight_1vcpvif_6{
83
+ @container rs-icon (max-height: 20px){
84
+ ._variant20_15yklic_54{
85
+ display:block;
86
+ }
87
+ ._variant24_15yklic_55{
88
+ display:none;
89
+ }
90
+ }
91
+ @container rs-icon (max-height: 16px){
92
+ ._variant16_15yklic_53{
93
+ display:block;
94
+ }
95
+ ._variant20_15yklic_54{
96
+ display:none;
97
+ }
98
+ }
99
+ ._themeLight_3zi7c3_6{
76
100
  --rs-theme-dark:0;
77
101
  }
78
- ._themeDark_1vcpvif_9{
102
+ ._themeDark_3zi7c3_9{
79
103
  --rs-theme-dark:1;
80
104
  }
81
- ._sizeS_1vcpvif_13{
105
+ ._sizeS_3zi7c3_13{
82
106
  --_rs-collapse-vertical-padding:6px;
83
107
  --_rs-collapse-horizontal-padding:8px;
84
108
  --_rs-collapse-icon-size:20px;
85
109
  }
86
- ._sizeS_1vcpvif_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
87
- --_rs-typography-letter-spacing:normal;
110
+ ._sizeS_3zi7c3_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
111
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
88
112
  --_rs-typography-text-transform:initial;
89
113
  --_rs-typography-font-variant-numeric:initial;
90
114
  --_rs-typography-font-family:var(
@@ -114,8 +138,8 @@
114
138
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
115
139
  --_rs-typography-link-border-bottom-width-from-text:2px;
116
140
  }
117
- ._sizeS_1vcpvif_13 > [data-rs-internal='collapse__content']{
118
- --_rs-typography-letter-spacing:0.0045em;
141
+ ._sizeS_3zi7c3_13 > [data-rs-internal='collapse__content']{
142
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
119
143
  --_rs-typography-text-transform:initial;
120
144
  --_rs-typography-font-variant-numeric:initial;
121
145
  --_rs-typography-font-family:var(
@@ -148,13 +172,13 @@
148
172
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
149
173
  --_rs-typography-link-border-bottom-width-from-text:1px;
150
174
  }
151
- ._sizeM_1vcpvif_16{
175
+ ._sizeM_3zi7c3_16{
152
176
  --_rs-collapse-vertical-padding:8px;
153
177
  --_rs-collapse-horizontal-padding:8px;
154
178
  --_rs-collapse-icon-size:24px;
155
179
  }
156
- ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
157
- --_rs-typography-letter-spacing:normal;
180
+ ._sizeM_3zi7c3_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
181
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
158
182
  --_rs-typography-text-transform:initial;
159
183
  --_rs-typography-font-variant-numeric:initial;
160
184
  --_rs-typography-font-family:var(
@@ -184,8 +208,8 @@
184
208
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
185
209
  --_rs-typography-link-border-bottom-width-from-text:2px;
186
210
  }
187
- ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__content']{
188
- --_rs-typography-letter-spacing:0.0015em;
211
+ ._sizeM_3zi7c3_16 > [data-rs-internal='collapse__content']{
212
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
189
213
  --_rs-typography-text-transform:initial;
190
214
  --_rs-typography-font-variant-numeric:initial;
191
215
  --_rs-typography-font-family:var(
@@ -213,23 +237,26 @@
213
237
  --_rs-typography-text-auto-offset:16px;
214
238
  --_rs-typography-ul-list-li-padding-left:22px;
215
239
  --_rs-typography-ol-list-li-padding-left:26px;
216
- --_rs-typography-list-li-margin-top-from-text:16px;
240
+ --_rs-typography-list-li-margin-top-from-text:var(
241
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
242
+ 16px
243
+ );
217
244
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
218
245
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
219
246
  --_rs-typography-link-border-bottom-width-from-text:1px;
220
247
  }
221
248
  @media screen and (max-width: 640px){
222
- ._sizeM_1vcpvif_16 > [data-rs-internal='collapse__content']{
223
- --_rs-typography-list-li-margin-top-from-text:12px;
249
+ ._sizeM_3zi7c3_16 > [data-rs-internal='collapse__content']{
250
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
224
251
  }
225
252
  }
226
- ._sizeL_1vcpvif_19{
253
+ ._sizeL_3zi7c3_19{
227
254
  --_rs-collapse-vertical-padding:12px;
228
255
  --_rs-collapse-horizontal-padding:16px;
229
256
  --_rs-collapse-icon-size:28px;
230
257
  }
231
- ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
232
- --_rs-typography-letter-spacing:normal;
258
+ ._sizeL_3zi7c3_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
259
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
233
260
  --_rs-typography-text-transform:initial;
234
261
  --_rs-typography-font-variant-numeric:initial;
235
262
  --_rs-typography-font-family:var(
@@ -259,8 +286,8 @@
259
286
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
260
287
  --_rs-typography-link-border-bottom-width-from-text:2px;
261
288
  }
262
- ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__content']{
263
- --_rs-typography-letter-spacing:normal;
289
+ ._sizeL_3zi7c3_19 > [data-rs-internal='collapse__content']{
290
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
264
291
  --_rs-typography-text-transform:initial;
265
292
  --_rs-typography-font-variant-numeric:initial;
266
293
  --_rs-typography-font-family:var(
@@ -288,17 +315,20 @@
288
315
  --_rs-typography-text-auto-offset:32px;
289
316
  --_rs-typography-ul-list-li-padding-left:26px;
290
317
  --_rs-typography-ol-list-li-padding-left:32px;
291
- --_rs-typography-list-li-margin-top-from-text:24px;
318
+ --_rs-typography-list-li-margin-top-from-text:var(
319
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
320
+ 24px
321
+ );
292
322
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
293
323
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
294
324
  --_rs-typography-link-border-bottom-width-from-text:1px;
295
325
  }
296
326
  @media screen and (max-width: 640px){
297
- ._sizeL_1vcpvif_19 > [data-rs-internal='collapse__content']{
298
- --_rs-typography-list-li-margin-top-from-text:16px;
327
+ ._sizeL_3zi7c3_19 > [data-rs-internal='collapse__content']{
328
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
299
329
  }
300
330
  }
301
- ._classic_1vcpvif_23{
331
+ ._classic_3zi7c3_23{
302
332
  --_rs-collapse-active-theme-flip:0;
303
333
  --_rs-collapse-active-background:rgba(
304
334
  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),
@@ -312,7 +342,7 @@
312
342
  );
313
343
  --_rs-collapse-button-hover-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), 1);
314
344
  }
315
- ._rock_1vcpvif_26{
345
+ ._rock_3zi7c3_26{
316
346
  --_rs-collapse-active-theme-flip:1;
317
347
  --_rs-collapse-active-background:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
318
348
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -323,7 +353,7 @@
323
353
  );
324
354
  --_rs-collapse-button-hover-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), 1);
325
355
  }
326
- ._clear_1vcpvif_29{
356
+ ._clear_3zi7c3_29{
327
357
  --_rs-collapse-active-theme-flip:0;
328
358
  --_rs-collapse-active-background:transparent;
329
359
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -334,27 +364,27 @@
334
364
  0.7
335
365
  );
336
366
  }
337
- ._hasBorderBottom_1vcpvif_33{
367
+ ._hasBorderBottom_3zi7c3_33{
338
368
  --_rs-collapse-border-bottom-width-or-initial:1px;
339
369
  }
340
- ._leftIcon_1vcpvif_37{
370
+ ._leftIcon_3zi7c3_37{
341
371
  --_rs-collapse-button-flex-direction:row;
342
372
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
343
373
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
344
374
  }
345
- ._rightIcon_1vcpvif_40{
375
+ ._rightIcon_3zi7c3_40{
346
376
  --_rs-collapse-button-flex-direction:row-reverse;
347
377
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
348
378
  --_rs-collapse-inner-wrapper-padding-left-base:var(
349
379
  --_rs-collapse-horizontal-padding
350
380
  );
351
381
  }
352
- ._disableLeftPadding_1vcpvif_44{
382
+ ._disableLeftPadding_3zi7c3_44{
353
383
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
354
384
  --_rs-collapse-horizontal-padding
355
385
  );
356
386
  }
357
- ._main_1vcpvif_48{
387
+ ._main_3zi7c3_48{
358
388
  --_rs-theme-dark:var(
359
389
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
360
390
  var(--rs-theme-dark, 0)
@@ -364,7 +394,7 @@
364
394
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
365
395
  }
366
396
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
367
- ._main_1vcpvif_48{
397
+ ._main_3zi7c3_48{
368
398
  --_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)));
369
399
  --_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)));
370
400
  --_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)));
@@ -373,7 +403,7 @@
373
403
  }
374
404
  }
375
405
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
376
- ._main_1vcpvif_48{
406
+ ._main_3zi7c3_48{
377
407
  --_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);
378
408
  --_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));
379
409
  --_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));
@@ -381,7 +411,7 @@
381
411
  --_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));
382
412
  }
383
413
  }
384
- ._main_1vcpvif_48 {
414
+ ._main_3zi7c3_48 {
385
415
  --_rs-collapse-border-bottom-width:var(
386
416
  --_rs-collapse-border-bottom-width-or-initial,
387
417
  0px
@@ -396,9 +426,9 @@
396
426
  border-bottom:var(--_rs-collapse-border-bottom-width) 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.2);
397
427
  border-radius:var(--rs-collapse-border-radius, 0px);
398
428
  }
399
- ._main_1vcpvif_48._opening_1vcpvif_59,
400
- ._main_1vcpvif_48._opened_1vcpvif_60,
401
- ._main_1vcpvif_48._closing_1vcpvif_61{
429
+ ._main_3zi7c3_48._opening_3zi7c3_59,
430
+ ._main_3zi7c3_48._opened_3zi7c3_60,
431
+ ._main_3zi7c3_48._closing_3zi7c3_61{
402
432
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
403
433
 
404
434
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -408,7 +438,7 @@
408
438
  background:var(--_rs-collapse-active-background);
409
439
  }
410
440
  @media (hover: hover){
411
- ._main_1vcpvif_48:hover{
441
+ ._main_3zi7c3_48:hover{
412
442
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
413
443
 
414
444
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -418,7 +448,7 @@
418
448
  background:var(--_rs-collapse-active-background);
419
449
  }
420
450
  }
421
- ._title_1vcpvif_95{
451
+ ._title_3zi7c3_95{
422
452
  letter-spacing:var(
423
453
  --rs-text-base-letter-spacing,
424
454
  var(--_rs-typography-letter-spacing)
@@ -429,18 +459,13 @@
429
459
  font-weight:var(--_rs-typography-font-weight);
430
460
  line-height:var(--_rs-typography-line-height);
431
461
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
432
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
433
462
  font-feature-settings:'kern', 'liga', 'calt';
434
463
 
435
- -webkit-box-flex:1;
436
-
437
- -ms-flex:1 1 auto;
438
-
439
- flex:1 1 auto;
464
+ flex:1 1 auto;
440
465
 
441
466
  color:inherit;
442
467
  }
443
- ._content_1vcpvif_103{
468
+ ._content_3zi7c3_103{
444
469
  letter-spacing:var(
445
470
  --rs-text-base-letter-spacing,
446
471
  var(--_rs-typography-letter-spacing)
@@ -451,7 +476,6 @@
451
476
  font-weight:var(--_rs-typography-font-weight);
452
477
  line-height:var(--_rs-typography-line-height);
453
478
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
454
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
455
479
  font-feature-settings:'kern', 'liga', 'calt';
456
480
  color:var(
457
481
  --rs-color-hard,
@@ -462,24 +486,22 @@
462
486
 
463
487
  height:0;
464
488
  }
465
- ._closed_1vcpvif_111 > ._content_1vcpvif_103{
489
+ ._closed_3zi7c3_111 > ._content_3zi7c3_103{
466
490
  display:none;
467
491
  }
468
- ._opened_1vcpvif_60 > ._content_1vcpvif_103{
492
+ ._opened_3zi7c3_60 > ._content_3zi7c3_103{
469
493
  height:initial;
470
494
  }
471
- ._opening_1vcpvif_59 > ._content_1vcpvif_103,
472
- ._closingTransition_1vcpvif_120 > ._content_1vcpvif_103{
495
+ ._opening_3zi7c3_59 > ._content_3zi7c3_103,
496
+ ._closingTransition_3zi7c3_120 > ._content_3zi7c3_103{
473
497
  overflow:hidden;
474
498
 
475
- -webkit-transition:height 300ms;
476
-
477
499
  transition:height 300ms;
478
500
  }
479
- ._innerWrapper_1vcpvif_127{
501
+ ._innerWrapper_3zi7c3_127{
480
502
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
481
503
  }
482
- ._button_1vcpvif_133{
504
+ ._button_3zi7c3_133{
483
505
  color:var(
484
506
  --rs-color-hard,
485
507
  rgb(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))
@@ -487,20 +509,11 @@
487
509
 
488
510
  position:relative;
489
511
 
490
- display:-webkit-box;
491
-
492
- display:-ms-flexbox;
493
-
494
512
  display:flex;
495
513
 
496
514
  overflow:visible;
497
- -webkit-box-orient:vertical;
498
- -webkit-box-direction:normal;
499
- -ms-flex-direction:var(--_rs-collapse-button-flex-direction);
500
- flex-direction:var(--_rs-collapse-button-flex-direction);
501
- -webkit-box-align:start;
502
- -ms-flex-align:start;
503
- align-items:flex-start;
515
+ flex-direction:var(--_rs-collapse-button-flex-direction);
516
+ align-items:flex-start;
504
517
 
505
518
  width:100%;
506
519
  margin:0;
@@ -516,92 +529,72 @@
516
529
 
517
530
  font:inherit;
518
531
  line-height:normal;
519
- -webkit-transition:var(--_rs-collapse-button-transition);
520
532
  transition:var(--_rs-collapse-button-transition);
521
533
  -webkit-font-smoothing:inherit;
522
534
  -moz-osx-font-smoothing:inherit;
523
535
  -webkit-appearance:none;
524
536
  }
525
- ._button_1vcpvif_133::-moz-focus-inner{
537
+ ._button_3zi7c3_133::-moz-focus-inner{
526
538
  padding:0;
527
539
 
528
540
  border:0;
529
541
  }
530
- ._button_1vcpvif_133:focus{
542
+ ._button_3zi7c3_133:focus{
531
543
  outline:none;
532
544
  }
533
- ._button_1vcpvif_133:focus[data-focus-method='key']{
534
- -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
535
- box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
545
+ ._button_3zi7c3_133:focus[data-focus-method='key']{
546
+ box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
536
547
  }
537
548
  @media (hover: hover){
538
- ._button_1vcpvif_133:hover{
549
+ ._button_3zi7c3_133:hover{
539
550
  color:var(--_rs-collapse-button-hover-color);
540
551
  background:var(--_rs-collapse-button-hover-background);
541
552
  }
542
553
  }
543
- ._icon_1vcpvif_186{
554
+ ._icon_3zi7c3_186{
544
555
  position:relative;
545
556
  top:0;
546
557
  left:0;
547
558
 
548
- -webkit-box-flex:0;
549
-
550
- -ms-flex:0 0 auto;
551
-
552
- flex:0 0 auto;
559
+ flex:0 0 auto;
553
560
 
554
561
  width:auto;
555
562
  height:var(--_rs-collapse-icon-size);
556
563
  margin:var(--_rs-collapse-icon-margin);
557
564
 
558
- -webkit-transition:-webkit-transform 300ms;
559
-
560
- transition:-webkit-transform 300ms;
561
-
562
565
  transition:transform 300ms;
563
-
564
- transition:transform 300ms, -webkit-transform 300ms;
565
- -webkit-transform-origin:center center;
566
- transform-origin:center center;
566
+ transform-origin:center center;
567
567
 
568
568
  will-change:transform;
569
569
  }
570
- ._opening_1vcpvif_59._iconPlus_1vcpvif_202 > ._button_1vcpvif_133 > ._icon_1vcpvif_186,
571
- ._opened_1vcpvif_60._iconPlus_1vcpvif_202 > ._button_1vcpvif_133 > ._icon_1vcpvif_186{
572
- -webkit-transform:rotate(45deg);
573
- transform:rotate(45deg);
570
+ ._opening_3zi7c3_59._iconPlus_3zi7c3_202 > ._button_3zi7c3_133 > ._icon_3zi7c3_186,
571
+ ._opened_3zi7c3_60._iconPlus_3zi7c3_202 > ._button_3zi7c3_133 > ._icon_3zi7c3_186{
572
+ transform:rotate(45deg);
574
573
  }
575
- ._opening_1vcpvif_59._iconArrow_1vcpvif_207 > ._button_1vcpvif_133 > ._icon_1vcpvif_186,
576
- ._opened_1vcpvif_60._iconArrow_1vcpvif_207 > ._button_1vcpvif_133 > ._icon_1vcpvif_186{
577
- -webkit-transform:rotate(90deg);
578
- transform:rotate(90deg);
574
+ ._opening_3zi7c3_59._iconArrow_3zi7c3_207 > ._button_3zi7c3_133 > ._icon_3zi7c3_186,
575
+ ._opened_3zi7c3_60._iconArrow_3zi7c3_207 > ._button_3zi7c3_133 > ._icon_3zi7c3_186{
576
+ transform:rotate(90deg);
579
577
  }
580
- ._accordion_1vcpvif_213{
581
- display:-webkit-box;
582
- display:-ms-flexbox;
578
+ ._accordion_3zi7c3_213{
583
579
  display:flex;
584
- -webkit-box-orient:vertical;
585
- -webkit-box-direction:normal;
586
- -ms-flex-direction:column;
587
- flex-direction:column;
580
+ flex-direction:column;
588
581
  row-gap:var(--_rs-collapse-accordion-gap);
589
582
  }
590
- ._accordionGap0_1vcpvif_218{
583
+ ._accordionGap0_3zi7c3_218{
591
584
  --_rs-collapse-accordion-gap:0px;
592
585
  }
593
- ._accordionGap8_1vcpvif_221{
586
+ ._accordionGap8_3zi7c3_221{
594
587
  --_rs-collapse-accordion-gap:8px;
595
588
  }
596
- ._accordionGap12_1vcpvif_224{
589
+ ._accordionGap12_3zi7c3_224{
597
590
  --_rs-collapse-accordion-gap:12px;
598
591
  }
599
- ._accordionGap16_1vcpvif_227{
592
+ ._accordionGap16_3zi7c3_227{
600
593
  --_rs-collapse-accordion-gap:16px;
601
594
  }
602
- ._accordionGap24_1vcpvif_230{
595
+ ._accordionGap24_3zi7c3_230{
603
596
  --_rs-collapse-accordion-gap:24px;
604
597
  }
605
- ._accordionGap32_1vcpvif_233{
598
+ ._accordionGap32_3zi7c3_233{
606
599
  --_rs-collapse-accordion-gap:32px;
607
600
  }