vdesign-ui 0.2.1 → 0.2.3

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 (107) hide show
  1. package/dist/components/actionbar/style.less +8 -12
  2. package/dist/components/actionbar-cell/index.js +7 -0
  3. package/dist/components/{actionbar/actionbar-cell → actionbar-cell}/index.vue +4 -0
  4. package/dist/components/{actions-cell/actions → actions}/index.vue +6 -6
  5. package/dist/components/{actions-cell/actions → actions}/style.less +38 -41
  6. package/dist/components/activityviews/index.vue +76 -28
  7. package/dist/components/activityviews/style.less +59 -45
  8. package/dist/components/badge/style.less +22 -34
  9. package/dist/components/button/index.vue +4 -0
  10. package/dist/components/button/style.less +82 -87
  11. package/dist/components/calendar/index.vue +1 -1
  12. package/dist/components/calendar/style.less +24 -53
  13. package/dist/components/checkbox/index.vue +5 -1
  14. package/dist/components/checkbox/style.less +30 -32
  15. package/dist/components/checkbox-group/index.js +7 -0
  16. package/dist/components/{checkbox/checkbox-group → checkbox-group}/index.vue +1 -2
  17. package/dist/components/common/state/index.vue +1 -48
  18. package/dist/components/common/state/style.less +48 -0
  19. package/dist/components/data-list/style.less +81 -82
  20. package/dist/components/datetime-picker/style.less +12 -12
  21. package/dist/components/dialog/index.vue +9 -1
  22. package/dist/components/dialog/style.less +27 -31
  23. package/dist/components/divider/style.less +1 -1
  24. package/dist/components/dropdown/index.vue +6 -1
  25. package/dist/components/dropdown/style.less +117 -125
  26. package/dist/components/empty/index.vue +35 -20
  27. package/dist/components/empty/style.less +33 -36
  28. package/dist/components/footer/style.less +6 -7
  29. package/dist/components/footnav/index.vue +1 -1
  30. package/dist/components/footnav/style.less +5 -5
  31. package/dist/components/{footnav/footnav-item → footnav-item}/index.vue +7 -1
  32. package/dist/components/{footnav/footnav-item → footnav-item}/style.less +2 -2
  33. package/dist/components/headnav/index.vue +5 -1
  34. package/dist/components/headnav/style.less +54 -58
  35. package/dist/components/icon/style.less +4 -4
  36. package/dist/components/input/index.vue +4 -0
  37. package/dist/components/input/style.less +88 -101
  38. package/dist/components/list/index.vue +5 -0
  39. package/dist/components/list/style.less +45 -52
  40. package/dist/components/loading/style.less +25 -27
  41. package/dist/components/mixins/languageMixin.js +7 -4
  42. package/dist/components/mixins/outlineConfigPlugin.js +1 -1
  43. package/dist/components/mixins/themeMixin.js +29 -15
  44. package/dist/components/noticebar/index.vue +7 -1
  45. package/dist/components/noticebar/style.less +125 -129
  46. package/dist/components/overlay/index.vue +34 -11
  47. package/dist/components/pagebreak/style.less +18 -19
  48. package/dist/components/popover/index.vue +2 -1
  49. package/dist/components/popover/style.less +39 -39
  50. package/dist/components/popup/index.js +7 -0
  51. package/dist/components/popup/index.vue +243 -0
  52. package/dist/components/radio/index.js +1 -1
  53. package/dist/components/radio/index.vue +1 -1
  54. package/dist/components/radio/style.less +35 -43
  55. package/dist/components/radio-group/index.js +6 -0
  56. package/dist/components/{radio/radio-group → radio-group}/index.vue +1 -1
  57. package/dist/components/result/completed-dark.png +0 -0
  58. package/dist/components/result/completed.png +0 -0
  59. package/dist/components/result/error-dark.png +0 -0
  60. package/dist/components/result/error.png +0 -0
  61. package/dist/components/result/index.vue +1 -2
  62. package/dist/components/result/style.less +22 -20
  63. package/dist/components/result/wait-dark.png +0 -0
  64. package/dist/components/result/wait.png +0 -0
  65. package/dist/components/{input/search → search}/index.vue +4 -0
  66. package/dist/components/selector/index.vue +4 -0
  67. package/dist/components/selector/style.less +96 -100
  68. package/dist/components/skeleton/index.vue +156 -92
  69. package/dist/components/skeleton/style.less +112 -107
  70. package/dist/components/slider/index.vue +1 -1
  71. package/dist/components/slider/style.less +41 -37
  72. package/dist/components/step/style.less +3 -4
  73. package/dist/components/step-item/index.vue +12 -3
  74. package/dist/components/step-item/style.less +61 -60
  75. package/dist/components/{input/stepper → stepper}/index.vue +5 -1
  76. package/dist/components/switch/style.less +8 -8
  77. package/dist/components/tab/index.js +7 -0
  78. package/dist/components/tabs/index.vue +4 -0
  79. package/dist/components/tabs/style.less +97 -105
  80. package/dist/components/tag/style.less +35 -35
  81. package/dist/components/title/index.vue +4 -0
  82. package/dist/components/title/style.less +164 -170
  83. package/dist/components/toast/index.js +9 -3
  84. package/dist/components/toast/style.less +8 -8
  85. package/dist/components/upload/index.vue +4 -0
  86. package/dist/components/upload/style.less +22 -31
  87. package/dist/components/utils/env.js +2 -0
  88. package/dist/token.css +1278 -1278
  89. package/dist/vdesign-ui.common.js +1315 -1076
  90. package/dist/vdesign-ui.css +1 -1
  91. package/dist/vdesign-ui.umd.js +1315 -1076
  92. package/dist/vdesign-ui.umd.min.js +3 -3
  93. package/package.json +1 -1
  94. package/dist/components/checkbox/checkbox-group/index.js +0 -8
  95. package/dist/components/radio/assist.js +0 -34
  96. package/dist/components/radio/style.css +0 -213
  97. package/dist/img/completed-dark.4183a8a8.png +0 -0
  98. package/dist/img/error-dark.b80857da.png +0 -0
  99. package/dist/img/wait-dark.6aa28731.png +0 -0
  100. /package/dist/components/{actions-cell/actions → actions}/index.js +0 -0
  101. /package/dist/components/{footnav/footnav-item → footnav-item}/index.js +0 -0
  102. /package/dist/components/{input/password → password}/index.js +0 -0
  103. /package/dist/components/{input/password → password}/index.vue +0 -0
  104. /package/dist/components/{input/search → search}/index.js +0 -0
  105. /package/dist/components/{input/stepper → stepper}/index.js +0 -0
  106. /package/dist/components/{tabs/tab → tab}/index.vue +0 -0
  107. /package/dist/components/{checkbox → utils}/assist.js +0 -0
package/dist/token.css CHANGED
@@ -1,23 +1,23 @@
1
1
 
2
2
  html[theme="dark"]{
3
- --height-actionbar-content:46;
4
- --spacing-actionbar-padding_y:20;
3
+ --height-actionbar-content:46px;
4
+ --spacing-actionbar-padding_y:20px;
5
5
  --color-actionbar-bg:#19191E;
6
6
  }
7
7
  html{
8
- --height-actionbar-content:46;
9
- --spacing-actionbar-padding_y:20;
8
+ --height-actionbar-content:46px;
9
+ --spacing-actionbar-padding_y:20px;
10
10
  --color-actionbar-bg:#ffffff;
11
11
  }
12
12
 
13
13
  html[theme="dark"]{
14
- --width-actions-form_small:72;
15
- --width-actions-form_large:94;
16
- --width-actions-card:40;
17
- --spacing-actions-form-padding_y:15;
18
- --spacing-actions-card_item-margin_y:14;
19
- --icon-actions-card:24;
20
- --icon-actions-size:28;
14
+ --width-actions-form_small:72px;
15
+ --width-actions-form_large:94px;
16
+ --width-actions-card:40px;
17
+ --spacing-actions-form-padding_y:15px;
18
+ --spacing-actions-card_item-margin_y:14px;
19
+ --icon-actions-card:24px;
20
+ --icon-actions-size:28px;
21
21
  --color-actions-text:#ffffff;
22
22
  --color-actions-text-disable:rgba(255,255,255,.2);
23
23
  --color-actions-bg-green:#1bc47d;
@@ -30,13 +30,13 @@ html[theme="dark"]{
30
30
  --color-actions-bg-gray-disable:#2C2C2E;
31
31
  }
32
32
  html{
33
- --width-actions-form_small:72;
34
- --width-actions-form_large:94;
35
- --width-actions-card:40;
36
- --spacing-actions-form-padding_y:15;
37
- --spacing-actions-card_item-margin_y:14;
38
- --icon-actions-card:24;
39
- --icon-actions-size:28;
33
+ --width-actions-form_small:72px;
34
+ --width-actions-form_large:94px;
35
+ --width-actions-card:40px;
36
+ --spacing-actions-form-padding_y:15px;
37
+ --spacing-actions-card_item-margin_y:14px;
38
+ --icon-actions-card:24px;
39
+ --icon-actions-size:28px;
40
40
  --color-actions-text:#ffffff;
41
41
  --color-actions-bg-green:#1bc47d;
42
42
  --color-actions-bg-warning:#eb5c31;
@@ -50,24 +50,24 @@ html{
50
50
  }
51
51
 
52
52
  html[theme="dark"]{
53
- --height-activityviews-title_describe:74;
54
- --height-activityviews-actionsheet:56;
55
- --height-activityviews-actionsheet_divider:8;
56
- --height-activityviews-bar:3;
57
- --radius-activityviews-title:14;
58
- --radius-activityviews-bar:1.5;
59
- --spacing-activityviews-padding_left:20;
60
- --spacing-activityviews-padding_right:20;
61
- --spacing-activityviews-head-padding_top:16;
62
- --spacing-activityviews-head-padding_bottom:16;
63
- --spacing-activityviews-describe-margin_top:4;
64
- --spacing-activityviews-title-margin_right:8;
65
- --spacing-activityviews-actionsheet_title-padding_y:16;
66
- --spacing-activityviews-cancel-margin_top:8;
67
- --spacing-activityviews-bar-margin_top:8;
68
- --spacing-activityviews-bar-margin_bottom:5;
69
- --icon-activityviews-close:24;
70
- --width-activityviews-bar:35;
53
+ --height-activityviews-title_describe:74px;
54
+ --height-activityviews-actionsheet:56px;
55
+ --height-activityviews-actionsheet_divider:8px;
56
+ --height-activityviews-bar:3px;
57
+ --radius-activityviews-title:14px;
58
+ --radius-activityviews-bar:1.5px;
59
+ --spacing-activityviews-padding_left:20px;
60
+ --spacing-activityviews-padding_right:20px;
61
+ --spacing-activityviews-head-padding_top:16px;
62
+ --spacing-activityviews-head-padding_bottom:16px;
63
+ --spacing-activityviews-describe-margin_top:4px;
64
+ --spacing-activityviews-title-margin_right:8px;
65
+ --spacing-activityviews-actionsheet_title-padding_y:16px;
66
+ --spacing-activityviews-cancel-margin_top:8px;
67
+ --spacing-activityviews-bar-margin_top:8px;
68
+ --spacing-activityviews-bar-margin_bottom:5px;
69
+ --icon-activityviews-close:24px;
70
+ --width-activityviews-bar:35px;
71
71
  --color-activityviews-mask-bg:rgba(0,0,0,.6);
72
72
  --color-activityviews-bg:#19191E;
73
73
  --color-activityviews-title:#F2F5FF;
@@ -77,24 +77,24 @@ html[theme="dark"]{
77
77
  --color-activityviews-bar:rgba(84,84,88,.85);
78
78
  }
79
79
  html{
80
- --height-activityviews-title_describe:74;
81
- --height-activityviews-actionsheet:56;
82
- --height-activityviews-actionsheet_divider:8;
83
- --height-activityviews-bar:3;
84
- --radius-activityviews-title:14;
85
- --radius-activityviews-bar:1.5;
86
- --spacing-activityviews-padding_left:20;
87
- --spacing-activityviews-padding_right:20;
88
- --spacing-activityviews-head-padding_top:16;
89
- --spacing-activityviews-head-padding_bottom:16;
90
- --spacing-activityviews-describe-margin_top:4;
91
- --spacing-activityviews-title-margin_right:8;
92
- --spacing-activityviews-actionsheet_title-padding_y:16;
93
- --spacing-activityviews-cancel-margin_top:8;
94
- --spacing-activityviews-bar-margin_top:8;
95
- --spacing-activityviews-bar-margin_bottom:5;
96
- --icon-activityviews-close:24;
97
- --width-activityviews-bar:35;
80
+ --height-activityviews-title_describe:74px;
81
+ --height-activityviews-actionsheet:56px;
82
+ --height-activityviews-actionsheet_divider:8px;
83
+ --height-activityviews-bar:3px;
84
+ --radius-activityviews-title:14px;
85
+ --radius-activityviews-bar:1.5px;
86
+ --spacing-activityviews-padding_left:20px;
87
+ --spacing-activityviews-padding_right:20px;
88
+ --spacing-activityviews-head-padding_top:16px;
89
+ --spacing-activityviews-head-padding_bottom:16px;
90
+ --spacing-activityviews-describe-margin_top:4px;
91
+ --spacing-activityviews-title-margin_right:8px;
92
+ --spacing-activityviews-actionsheet_title-padding_y:16px;
93
+ --spacing-activityviews-cancel-margin_top:8px;
94
+ --spacing-activityviews-bar-margin_top:8px;
95
+ --spacing-activityviews-bar-margin_bottom:5px;
96
+ --icon-activityviews-close:24px;
97
+ --width-activityviews-bar:35px;
98
98
  --color-activityviews-mask-bg:rgba(0,0,0,.5);
99
99
  --color-activityviews-bg:#ffffff;
100
100
  --color-activityviews-title:rgba(0,0,0,.85);
@@ -105,58 +105,58 @@ html{
105
105
  }
106
106
 
107
107
  html[theme="dark"]{
108
- --height-badge-count:16;
109
- --height-badge-dot:8;
110
- --width-badge-count_small:16;
111
- --width-badge-dot:8;
112
- --radius-badge-count:8;
113
- --spacing-badge-count-padding_y:5;
114
- --spacing-badge-count-padding_x:1;
108
+ --height-badge-count:16px;
109
+ --height-badge-dot:8px;
110
+ --width-badge-count_small:16px;
111
+ --width-badge-dot:8px;
112
+ --radius-badge-count:8px;
113
+ --spacing-badge-count-padding_y:5px;
114
+ --spacing-badge-count-padding_x:1px;
115
115
  --color-badge-bg:#eb5c31;
116
116
  --color-badge-text:#ffffff;
117
117
  }
118
118
  html{
119
- --height-badge-count:16;
120
- --height-badge-dot:8;
121
- --width-badge-count_small:16;
122
- --width-badge-dot:8;
123
- --radius-badge-count:8;
124
- --spacing-badge-count-padding_y:5;
125
- --spacing-badge-count-padding_x:1;
119
+ --height-badge-count:16px;
120
+ --height-badge-dot:8px;
121
+ --width-badge-count_small:16px;
122
+ --width-badge-dot:8px;
123
+ --radius-badge-count:8px;
124
+ --spacing-badge-count-padding_y:5px;
125
+ --spacing-badge-count-padding_x:1px;
126
126
  --color-badge-bg:#eb5c31;
127
127
  --color-badge-text:#ffffff;
128
128
  }
129
129
 
130
130
  html[theme="dark"]{
131
- --height-button-l:48;
132
- --height-button-m:36;
133
- --height-button-s:28;
134
- --height-button-buy_sell:48;
135
- --radius-button-l:10;
136
- --radius-button-m:6;
137
- --radius-button-s:14;
138
- --radius-button-buy_sell-1:6;
139
- --radius-button-buy_sell-2:4;
140
- --spacing-button-l-padding_left:24;
141
- --spacing-button-l-padding_right:24;
142
- --spacing-button-m-padding_left:16;
143
- --spacing-button-m-padding_right:16;
144
- --spacing-button-s-padding_left:12;
145
- --spacing-button-s-padding_right:12;
146
- --spacing-button-l_icon-margin_y:6;
147
- --spacing-button-m_icon-margin_y:4;
148
- --spacing-button-s_icon-margin_y:4;
149
- --spacing-button-double-margin_y:32;
150
- --spacing-button-double-margin_x:16;
151
- --spacing-button-double-margin_mid:13;
152
- --spacing-button-icon_l_text-margin_top:6;
153
- --spacing-button-icon_m_text-margin_top:4;
154
- --spacing-button-icon_s_text-margin_top:2;
155
- --spacing-button-main-margin_y:80;
156
- --icon-button-l:20;
157
- --icon-button-m:16;
158
- --icon-button-s:12;
159
- --width-button-border:1;
131
+ --height-button-l:48px;
132
+ --height-button-m:36px;
133
+ --height-button-s:28px;
134
+ --height-button-buy_sell:48px;
135
+ --radius-button-l:10px;
136
+ --radius-button-m:6px;
137
+ --radius-button-s:14px;
138
+ --radius-button-buy_sell-1:6px;
139
+ --radius-button-buy_sell-2:4px;
140
+ --spacing-button-l-padding_left:24px;
141
+ --spacing-button-l-padding_right:24px;
142
+ --spacing-button-m-padding_left:16px;
143
+ --spacing-button-m-padding_right:16px;
144
+ --spacing-button-s-padding_left:12px;
145
+ --spacing-button-s-padding_right:12px;
146
+ --spacing-button-l_icon-margin_y:6px;
147
+ --spacing-button-m_icon-margin_y:4px;
148
+ --spacing-button-s_icon-margin_y:4px;
149
+ --spacing-button-double-margin_y:32px;
150
+ --spacing-button-double-margin_x:16px;
151
+ --spacing-button-double-margin_mid:13px;
152
+ --spacing-button-icon_l_text-margin_top:6px;
153
+ --spacing-button-icon_m_text-margin_top:4px;
154
+ --spacing-button-icon_s_text-margin_top:2px;
155
+ --spacing-button-main-margin_y:80px;
156
+ --icon-button-l:20px;
157
+ --icon-button-m:16px;
158
+ --icon-button-s:12px;
159
+ --width-button-border:1px;
160
160
  --color-button-primary-bg-default:#1bc47d;
161
161
  --color-button-primary-text-default:#ffffff;
162
162
  --color-button-primary-bg-press:#09825a;
@@ -249,35 +249,35 @@ html[theme="dark"]{
249
249
  --color-button-icon-disable:rgba(235,235,245,.3);
250
250
  }
251
251
  html{
252
- --height-button-l:48;
253
- --height-button-m:36;
254
- --height-button-s:28;
255
- --height-button-buy_sell:48;
256
- --radius-button-l:10;
257
- --radius-button-m:6;
258
- --radius-button-s:14;
259
- --radius-button-buy_sell-1:6;
260
- --radius-button-buy_sell-2:4;
261
- --spacing-button-l-padding_left:24;
262
- --spacing-button-l-padding_right:24;
263
- --spacing-button-m-padding_left:16;
264
- --spacing-button-m-padding_right:16;
265
- --spacing-button-s-padding_left:12;
266
- --spacing-button-s-padding_right:12;
267
- --spacing-button-l_icon-margin_y:6;
268
- --spacing-button-m_icon-margin_y:4;
269
- --spacing-button-s_icon-margin_y:4;
270
- --spacing-button-double-margin_y:32;
271
- --spacing-button-double-margin_x:16;
272
- --spacing-button-double-margin_mid:13;
273
- --spacing-button-icon_l_text-margin_top:6;
274
- --spacing-button-icon_m_text-margin_top:4;
275
- --spacing-button-icon_s_text-margin_top:2;
276
- --spacing-button-main-margin_y:80;
277
- --icon-button-l:20;
278
- --icon-button-m:16;
279
- --icon-button-s:12;
280
- --width-button-border:1;
252
+ --height-button-l:48px;
253
+ --height-button-m:36px;
254
+ --height-button-s:28px;
255
+ --height-button-buy_sell:48px;
256
+ --radius-button-l:10px;
257
+ --radius-button-m:6px;
258
+ --radius-button-s:14px;
259
+ --radius-button-buy_sell-1:6px;
260
+ --radius-button-buy_sell-2:4px;
261
+ --spacing-button-l-padding_left:24px;
262
+ --spacing-button-l-padding_right:24px;
263
+ --spacing-button-m-padding_left:16px;
264
+ --spacing-button-m-padding_right:16px;
265
+ --spacing-button-s-padding_left:12px;
266
+ --spacing-button-s-padding_right:12px;
267
+ --spacing-button-l_icon-margin_y:6px;
268
+ --spacing-button-m_icon-margin_y:4px;
269
+ --spacing-button-s_icon-margin_y:4px;
270
+ --spacing-button-double-margin_y:32px;
271
+ --spacing-button-double-margin_x:16px;
272
+ --spacing-button-double-margin_mid:13px;
273
+ --spacing-button-icon_l_text-margin_top:6px;
274
+ --spacing-button-icon_m_text-margin_top:4px;
275
+ --spacing-button-icon_s_text-margin_top:2px;
276
+ --spacing-button-main-margin_y:80px;
277
+ --icon-button-l:20px;
278
+ --icon-button-m:16px;
279
+ --icon-button-s:12px;
280
+ --width-button-border:1px;
281
281
  --color-button-primary-bg-default:#1bc47d;
282
282
  --color-button-primary-text-default:#ffffff;
283
283
  --color-button-primary-bg-press:#0da36b;
@@ -371,29 +371,29 @@ html{
371
371
  }
372
372
 
373
373
  html[theme="dark"]{
374
- --height-check_radio-radio_button_s:32;
375
- --height-check_radio-radio_button_m:40;
376
- --height-check_radio-radio_button_l:44;
377
- --height-check_radio-check_button_s:40;
378
- --height-check_radio-check_button_m:52;
379
- --height-check_radio-check_button_l:60;
380
- --icon-check_radio-sizing:16;
381
- --icon-check_radio-check_l:24;
382
- --icon-check_radio-check_s:16;
383
- --width-check_radio-radio_button_border-default:0.5;
384
- --width-check_radio-radio_button_border-active:1;
385
- --radius-check_radio-s:6;
386
- --radius-check_radio-m:6;
387
- --radius-check_radio-radio_l:10;
388
- --radius-check_radio-check_l:6;
389
- --spacing-check_radio-icon-margin_right:8;
390
- --spacing-check_radio-text-margin_top:4;
391
- --spacing-check_radio-group-margin_x:20;
392
- --spacing-check_radio-check_icon-margin_bottom:4;
393
- --spacing-check_radio-check_describe-margin_top:2;
394
- --spacing-check_radio-check_icon-margin_right:4;
395
- --spacing-check_radio-button-margin_xy:12;
396
- --spacing-check_radio-item-margin_x:10;
374
+ --height-check_radio-radio_button_s:32px;
375
+ --height-check_radio-radio_button_m:40px;
376
+ --height-check_radio-radio_button_l:44px;
377
+ --height-check_radio-check_button_s:40px;
378
+ --height-check_radio-check_button_m:52px;
379
+ --height-check_radio-check_button_l:60px;
380
+ --icon-check_radio-sizing:16px;
381
+ --icon-check_radio-check_l:24px;
382
+ --icon-check_radio-check_s:16px;
383
+ --width-check_radio-radio_button_border-default:0.5px;
384
+ --width-check_radio-radio_button_border-active:1px;
385
+ --radius-check_radio-s:6px;
386
+ --radius-check_radio-m:6px;
387
+ --radius-check_radio-radio_l:10px;
388
+ --radius-check_radio-check_l:6px;
389
+ --spacing-check_radio-icon-margin_right:8px;
390
+ --spacing-check_radio-text-margin_top:4px;
391
+ --spacing-check_radio-group-margin_x:20px;
392
+ --spacing-check_radio-check_icon-margin_bottom:4px;
393
+ --spacing-check_radio-check_describe-margin_top:2px;
394
+ --spacing-check_radio-check_icon-margin_right:4px;
395
+ --spacing-check_radio-button-margin_xy:12px;
396
+ --spacing-check_radio-item-margin_x:10px;
397
397
  --color-check_radio-default:rgba(84,84,88,.85);
398
398
  --color-check_radio-active:#1bc47d;
399
399
  --color-check_radio-disable:rgba(84,84,88,.3);
@@ -423,29 +423,29 @@ html[theme="dark"]{
423
423
  --color-check_radio-radio_wrong_border-active:#eb5c31;
424
424
  }
425
425
  html{
426
- --height-check_radio-radio_button_s:32;
427
- --height-check_radio-radio_button_m:40;
428
- --height-check_radio-radio_button_l:44;
429
- --height-check_radio-check_button_s:40;
430
- --height-check_radio-check_button_m:52;
431
- --height-check_radio-check_button_l:60;
432
- --icon-check_radio-sizing:16;
433
- --icon-check_radio-check_l:24;
434
- --icon-check_radio-check_s:16;
435
- --width-check_radio-radio_button_border-default:0.5;
436
- --width-check_radio-radio_button_border-active:1;
437
- --radius-check_radio-s:6;
438
- --radius-check_radio-m:6;
439
- --radius-check_radio-radio_l:10;
440
- --radius-check_radio-check_l:6;
441
- --spacing-check_radio-icon-margin_right:8;
442
- --spacing-check_radio-text-margin_top:4;
443
- --spacing-check_radio-group-margin_x:20;
444
- --spacing-check_radio-check_icon-margin_bottom:4;
445
- --spacing-check_radio-check_describe-margin_top:2;
446
- --spacing-check_radio-check_icon-margin_right:4;
447
- --spacing-check_radio-button-margin_xy:12;
448
- --spacing-check_radio-item-margin_x:10;
426
+ --height-check_radio-radio_button_s:32px;
427
+ --height-check_radio-radio_button_m:40px;
428
+ --height-check_radio-radio_button_l:44px;
429
+ --height-check_radio-check_button_s:40px;
430
+ --height-check_radio-check_button_m:52px;
431
+ --height-check_radio-check_button_l:60px;
432
+ --icon-check_radio-sizing:16px;
433
+ --icon-check_radio-check_l:24px;
434
+ --icon-check_radio-check_s:16px;
435
+ --width-check_radio-radio_button_border-default:0.5px;
436
+ --width-check_radio-radio_button_border-active:1px;
437
+ --radius-check_radio-s:6px;
438
+ --radius-check_radio-m:6px;
439
+ --radius-check_radio-radio_l:10px;
440
+ --radius-check_radio-check_l:6px;
441
+ --spacing-check_radio-icon-margin_right:8px;
442
+ --spacing-check_radio-text-margin_top:4px;
443
+ --spacing-check_radio-group-margin_x:20px;
444
+ --spacing-check_radio-check_icon-margin_bottom:4px;
445
+ --spacing-check_radio-check_describe-margin_top:2px;
446
+ --spacing-check_radio-check_icon-margin_right:4px;
447
+ --spacing-check_radio-button-margin_xy:12px;
448
+ --spacing-check_radio-item-margin_x:10px;
449
449
  --color-check_radio-default:rgba(0,0,0,.15);
450
450
  --color-check_radio-disable:rgba(0,0,0,.05);
451
451
  --color-check_radio-active:#1bc47d;
@@ -476,36 +476,36 @@ html{
476
476
  }
477
477
 
478
478
  html[theme="dark"]{
479
- --height-datalist-list:60;
480
- --height-datalist-head:24;
481
- --height-datalist-search_m:76;
482
- --height-datalist-search_s:56;
483
- --icon-datalist-sort:16;
484
- --icon-datalist-ranking:24;
485
- --icon-datalist-add_watchlist:24;
486
- --icon-datalist-label_icon:12;
487
- --spacing-datalist-list-margin_top:2;
488
- --spacing-datalist-market_tag-margin_top:4;
489
- --spacing-datalist-head_item-margin_y_m:4;
490
- --spacing-datalist-head_item-margin_y_s:0;
491
- --spacing-datalist-list_item-margin_y:8;
492
- --spacing-datalist-list_icon-margin_right:6;
493
- --spacing-datalist-search-margin_right:12;
494
- --spacing-datalist-search-margin_top:4;
495
- --spacing-datalist-search_icon-margin_left:20;
496
- --spacing-datalist-search_stock-margin_right:8;
497
- --spacing-datalist-search_code-margin_right:4;
498
- --spacing-datalist-head-padding_right:16;
499
- --spacing-datalist-padding_y:20;
500
- --width-datalist-list_s:76;
501
- --width-datalist-list_m:96;
502
- --width-datalist-list_l:111;
503
- --width-datalist-list_xl:176;
504
- --width-datalist-head_s:80;
505
- --width-datalist-head_m:100;
506
- --width-datalist-head_l:115;
507
- --width-datalist-head_xl:180;
508
- --width-datalist-list-code:86;
479
+ --height-datalist-list:60px;
480
+ --height-datalist-head:24px;
481
+ --height-datalist-search_m:76px;
482
+ --height-datalist-search_s:56px;
483
+ --icon-datalist-sort:16px;
484
+ --icon-datalist-ranking:24px;
485
+ --icon-datalist-add_watchlist:24px;
486
+ --icon-datalist-label_icon:12px;
487
+ --spacing-datalist-list-margin_top:2px;
488
+ --spacing-datalist-market_tag-margin_top:4px;
489
+ --spacing-datalist-head_item-margin_y_m:4px;
490
+ --spacing-datalist-head_item-margin_y_s:0px;
491
+ --spacing-datalist-list_item-margin_y:8px;
492
+ --spacing-datalist-list_icon-margin_right:6px;
493
+ --spacing-datalist-search-margin_right:12px;
494
+ --spacing-datalist-search-margin_top:4px;
495
+ --spacing-datalist-search_icon-margin_left:20px;
496
+ --spacing-datalist-search_stock-margin_right:8px;
497
+ --spacing-datalist-search_code-margin_right:4px;
498
+ --spacing-datalist-head-padding_right:16px;
499
+ --spacing-datalist-padding_y:20px;
500
+ --width-datalist-list_s:76px;
501
+ --width-datalist-list_m:96px;
502
+ --width-datalist-list_l:111px;
503
+ --width-datalist-list_xl:176px;
504
+ --width-datalist-head_s:80px;
505
+ --width-datalist-head_m:100px;
506
+ --width-datalist-head_l:115px;
507
+ --width-datalist-head_xl:180px;
508
+ --width-datalist-list-code:86px;
509
509
  --color-datalist-list-text_primary:#F2F5FF;
510
510
  --color-datalist-list-text_secondary:rgba(235,235,245,.65);
511
511
  --color-datalist-head-text-default:rgba(235,235,245,.65);
@@ -521,36 +521,36 @@ html[theme="dark"]{
521
521
  --color-datalist-option_chain-bg-4:#2C2C2E;
522
522
  }
523
523
  html{
524
- --height-datalist-list:60;
525
- --height-datalist-head:24;
526
- --height-datalist-search_m:76;
527
- --height-datalist-search_s:56;
528
- --icon-datalist-sort:16;
529
- --icon-datalist-ranking:24;
530
- --icon-datalist-add_watchlist:24;
531
- --icon-datalist-label_icon:12;
532
- --spacing-datalist-list-margin_top:2;
533
- --spacing-datalist-market_tag-margin_top:4;
534
- --spacing-datalist-head_item-margin_y_m:4;
535
- --spacing-datalist-head_item-margin_y_s:0;
536
- --spacing-datalist-list_item-margin_y:8;
537
- --spacing-datalist-list_icon-margin_right:6;
538
- --spacing-datalist-search-margin_right:12;
539
- --spacing-datalist-search-margin_top:4;
540
- --spacing-datalist-search_icon-margin_left:20;
541
- --spacing-datalist-search_stock-margin_right:8;
542
- --spacing-datalist-search_code-margin_right:4;
543
- --spacing-datalist-head-padding_right:16;
544
- --spacing-datalist-padding_y:20;
545
- --width-datalist-list_s:76;
546
- --width-datalist-list_m:96;
547
- --width-datalist-list_l:111;
548
- --width-datalist-list_xl:176;
549
- --width-datalist-head_s:80;
550
- --width-datalist-head_m:100;
551
- --width-datalist-head_l:115;
552
- --width-datalist-head_xl:180;
553
- --width-datalist-list-code:86;
524
+ --height-datalist-list:60px;
525
+ --height-datalist-head:24px;
526
+ --height-datalist-search_m:76px;
527
+ --height-datalist-search_s:56px;
528
+ --icon-datalist-sort:16px;
529
+ --icon-datalist-ranking:24px;
530
+ --icon-datalist-add_watchlist:24px;
531
+ --icon-datalist-label_icon:12px;
532
+ --spacing-datalist-list-margin_top:2px;
533
+ --spacing-datalist-market_tag-margin_top:4px;
534
+ --spacing-datalist-head_item-margin_y_m:4px;
535
+ --spacing-datalist-head_item-margin_y_s:0px;
536
+ --spacing-datalist-list_item-margin_y:8px;
537
+ --spacing-datalist-list_icon-margin_right:6px;
538
+ --spacing-datalist-search-margin_right:12px;
539
+ --spacing-datalist-search-margin_top:4px;
540
+ --spacing-datalist-search_icon-margin_left:20px;
541
+ --spacing-datalist-search_stock-margin_right:8px;
542
+ --spacing-datalist-search_code-margin_right:4px;
543
+ --spacing-datalist-head-padding_right:16px;
544
+ --spacing-datalist-padding_y:20px;
545
+ --width-datalist-list_s:76px;
546
+ --width-datalist-list_m:96px;
547
+ --width-datalist-list_l:111px;
548
+ --width-datalist-list_xl:176px;
549
+ --width-datalist-head_s:80px;
550
+ --width-datalist-head_m:100px;
551
+ --width-datalist-head_l:115px;
552
+ --width-datalist-head_xl:180px;
553
+ --width-datalist-list-code:86px;
554
554
  --color-datalist-list-text_primary:rgba(0,0,0,.85);
555
555
  --color-datalist-list-text_secondary:rgba(0,0,0,.5);
556
556
  --color-datalist-head-text-default:rgba(0,0,0,.5);
@@ -567,27 +567,27 @@ html{
567
567
  }
568
568
 
569
569
  html[theme="dark"]{
570
- --height-datepicker-range_picker_bg:36;
571
- --height-datepicker-range_picker_divider:2;
572
- --height-datepicker-title-month_year:58;
573
- --height-datepicker-week:30;
574
- --height-datepicker-date:39;
575
- --height-datepicker-today_dot:5;
576
- --height-datepicker-roll_bg:40;
577
- --width-datepicker-range_picker_divider:16;
578
- --radius-datepicker-range_picker_bg:8;
579
- --radius-datepicker-roll_bg:12;
580
- --spacing-datepicker-padding_y:20;
581
- --spacing-datepicker-range_picker-margin_top:10;
582
- --spacing-datepicker-range_picker-margin_bottom:0;
583
- --spacing-datepicker-icon_next-margin_y:36;
584
- --spacing-datepicker-date-margin_top:10;
585
- --spacing-datepicker-date-margin_bottom:13;
586
- --spacing-datepicker-date-margin_y:8;
587
- --spacing-datepicker-roll_month-margin_mid:32;
588
- --spacing-datepicker-roll_day-margin_mid:16;
589
- --spacing-datepicker-radio-padding_x:9;
590
- --icon-datepicker-next:16;
570
+ --height-datepicker-range_picker_bg:36px;
571
+ --height-datepicker-range_picker_divider:2px;
572
+ --height-datepicker-title-month_year:58px;
573
+ --height-datepicker-week:30px;
574
+ --height-datepicker-date:39px;
575
+ --height-datepicker-today_dot:5px;
576
+ --height-datepicker-roll_bg:40px;
577
+ --width-datepicker-range_picker_divider:16px;
578
+ --radius-datepicker-range_picker_bg:8px;
579
+ --radius-datepicker-roll_bg:12px;
580
+ --spacing-datepicker-padding_y:20px;
581
+ --spacing-datepicker-range_picker-margin_top:10px;
582
+ --spacing-datepicker-range_picker-margin_bottom:0px;
583
+ --spacing-datepicker-icon_next-margin_y:36px;
584
+ --spacing-datepicker-date-margin_top:10px;
585
+ --spacing-datepicker-date-margin_bottom:13px;
586
+ --spacing-datepicker-date-margin_y:8px;
587
+ --spacing-datepicker-roll_month-margin_mid:32px;
588
+ --spacing-datepicker-roll_day-margin_mid:16px;
589
+ --spacing-datepicker-radio-padding_x:9px;
590
+ --icon-datepicker-next:16px;
591
591
  --color-datepicker-range_picker-bg:rgba(118,118,128,.14);
592
592
  --color-datepicker-range_picker-text-default:rgba(235,235,245,.3);
593
593
  --color-datepicker-range_picker-text-active:#F2F5FF;
@@ -606,27 +606,27 @@ html[theme="dark"]{
606
606
  --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
607
607
  }
608
608
  html{
609
- --height-datepicker-range_picker_bg:36;
610
- --height-datepicker-range_picker_divider:2;
611
- --height-datepicker-title-month_year:58;
612
- --height-datepicker-week:30;
613
- --height-datepicker-date:39;
614
- --height-datepicker-today_dot:5;
615
- --height-datepicker-roll_bg:40;
616
- --width-datepicker-range_picker_divider:16;
617
- --radius-datepicker-range_picker_bg:8;
618
- --radius-datepicker-roll_bg:12;
619
- --spacing-datepicker-padding_y:20;
620
- --spacing-datepicker-range_picker-margin_top:10;
621
- --spacing-datepicker-range_picker-margin_bottom:0;
622
- --spacing-datepicker-icon_next-margin_y:36;
623
- --spacing-datepicker-date-margin_top:10;
624
- --spacing-datepicker-date-margin_bottom:13;
625
- --spacing-datepicker-date-margin_y:8;
626
- --spacing-datepicker-roll_month-margin_mid:32;
627
- --spacing-datepicker-roll_day-margin_mid:16;
628
- --spacing-datepicker-radio-padding_x:9;
629
- --icon-datepicker-next:16;
609
+ --height-datepicker-range_picker_bg:36px;
610
+ --height-datepicker-range_picker_divider:2px;
611
+ --height-datepicker-title-month_year:58px;
612
+ --height-datepicker-week:30px;
613
+ --height-datepicker-date:39px;
614
+ --height-datepicker-today_dot:5px;
615
+ --height-datepicker-roll_bg:40px;
616
+ --width-datepicker-range_picker_divider:16px;
617
+ --radius-datepicker-range_picker_bg:8px;
618
+ --radius-datepicker-roll_bg:12px;
619
+ --spacing-datepicker-padding_y:20px;
620
+ --spacing-datepicker-range_picker-margin_top:10px;
621
+ --spacing-datepicker-range_picker-margin_bottom:0px;
622
+ --spacing-datepicker-icon_next-margin_y:36px;
623
+ --spacing-datepicker-date-margin_top:10px;
624
+ --spacing-datepicker-date-margin_bottom:13px;
625
+ --spacing-datepicker-date-margin_y:8px;
626
+ --spacing-datepicker-roll_month-margin_mid:32px;
627
+ --spacing-datepicker-roll_day-margin_mid:16px;
628
+ --spacing-datepicker-radio-padding_x:9px;
629
+ --icon-datepicker-next:16px;
630
630
  --color-datepicker-range_picker-bg:#f7f8f9;
631
631
  --color-datepicker-range_picker-text-default:rgba(0,0,0,.3);
632
632
  --color-datepicker-range_picker-text-active:rgba(0,0,0,.85);
@@ -656,30 +656,30 @@ html{
656
656
 
657
657
 
658
658
  html[theme="dark"]{
659
- --height-dialog-super_small:44;
660
- --height-dialog-super_large:240;
661
- --radius-dialog-content:14;
662
- --radius-dialog-content_box:10;
663
- --spacing-dialog-padding_left:20;
664
- --spacing-dialog-padding_right:20;
665
- --spacing-dialog-padding_top:32;
666
- --spacing-dialog-padding_bottom:24;
667
- --spacing-dialog-button-margin_top:24;
668
- --spacing-dialog-title-margin_bottom:8;
669
- --spacing-dialog-button_double-margin_mid:8;
670
- --spacing-dialog-button_single-margin_left:16;
671
- --spacing-dialog-button_single-margin_right:16;
672
- --spacing-dialog-icon-padding_top:20;
673
- --spacing-dialog-icon_title-margin_top:12;
674
- --spacing-dialog-button_text-padding_bottom:8;
675
- --spacing-dialog-content_box-padding_x:20;
676
- --spacing-dialog-content_box-padding_y:20;
677
- --spacing-dialog-content_box_title-margin_bottom:8;
678
- --spacing-dialog-content_box_icon-margin_right:8;
679
- --spacing-dialog-sequence-padding_x:8;
680
- --spacing-dialog-sequence_point-padding_Y:8;
681
- --spacing-dialog-sequence_number-padding_Y:4;
682
- --size-dialog-sequence_point:4;
659
+ --height-dialog-super_small:44px;
660
+ --height-dialog-super_large:240px;
661
+ --radius-dialog-content:14px;
662
+ --radius-dialog-content_box:10px;
663
+ --spacing-dialog-padding_left:20px;
664
+ --spacing-dialog-padding_right:20px;
665
+ --spacing-dialog-padding_top:32px;
666
+ --spacing-dialog-padding_bottom:24px;
667
+ --spacing-dialog-button-margin_top:24px;
668
+ --spacing-dialog-title-margin_bottom:8px;
669
+ --spacing-dialog-button_double-margin_mid:8px;
670
+ --spacing-dialog-button_single-margin_left:16px;
671
+ --spacing-dialog-button_single-margin_right:16px;
672
+ --spacing-dialog-icon-padding_top:20px;
673
+ --spacing-dialog-icon_title-margin_top:12px;
674
+ --spacing-dialog-button_text-padding_bottom:8px;
675
+ --spacing-dialog-content_box-padding_x:20px;
676
+ --spacing-dialog-content_box-padding_y:20px;
677
+ --spacing-dialog-content_box_title-margin_bottom:8px;
678
+ --spacing-dialog-content_box_icon-margin_right:8px;
679
+ --spacing-dialog-sequence-padding_x:8px;
680
+ --spacing-dialog-sequence_point-padding_Y:8px;
681
+ --spacing-dialog-sequence_number-padding_Y:4px;
682
+ --size-dialog-sequence_point:4px;
683
683
  --color-dialog-bg:rgba(118,118,128,.24);
684
684
  --color-dialog-mask_bg:rgba(0,0,0,.6);
685
685
  --color-dialog-title:#F2F5FF;
@@ -688,30 +688,30 @@ html[theme="dark"]{
688
688
  --color-dialog-sequence_point:rgba(235,235,245,.3);
689
689
  }
690
690
  html{
691
- --height-dialog-super_small:44;
692
- --height-dialog-super_large:240;
693
- --radius-dialog-content:14;
694
- --radius-dialog-content_box:10;
695
- --spacing-dialog-padding_left:20;
696
- --spacing-dialog-padding_right:20;
697
- --spacing-dialog-padding_top:32;
698
- --spacing-dialog-padding_bottom:24;
699
- --spacing-dialog-button-margin_top:24;
700
- --spacing-dialog-title-margin_bottom:8;
701
- --spacing-dialog-button_double-margin_mid:8;
702
- --spacing-dialog-button_single-margin_left:16;
703
- --spacing-dialog-button_single-margin_right:16;
704
- --spacing-dialog-icon-padding_top:20;
705
- --spacing-dialog-icon_title-margin_top:12;
706
- --spacing-dialog-button_text-padding_bottom:8;
707
- --spacing-dialog-content_box-padding_x:20;
708
- --spacing-dialog-content_box-padding_y:20;
709
- --spacing-dialog-content_box_title-margin_bottom:8;
710
- --spacing-dialog-content_box_icon-margin_right:8;
711
- --spacing-dialog-sequence-padding_x:8;
712
- --spacing-dialog-sequence_point-padding_Y:8;
713
- --spacing-dialog-sequence_number-padding_Y:4;
714
- --size-dialog-sequence_point:4;
691
+ --height-dialog-super_small:44px;
692
+ --height-dialog-super_large:240px;
693
+ --radius-dialog-content:14px;
694
+ --radius-dialog-content_box:10px;
695
+ --spacing-dialog-padding_left:20px;
696
+ --spacing-dialog-padding_right:20px;
697
+ --spacing-dialog-padding_top:32px;
698
+ --spacing-dialog-padding_bottom:24px;
699
+ --spacing-dialog-button-margin_top:24px;
700
+ --spacing-dialog-title-margin_bottom:8px;
701
+ --spacing-dialog-button_double-margin_mid:8px;
702
+ --spacing-dialog-button_single-margin_left:16px;
703
+ --spacing-dialog-button_single-margin_right:16px;
704
+ --spacing-dialog-icon-padding_top:20px;
705
+ --spacing-dialog-icon_title-margin_top:12px;
706
+ --spacing-dialog-button_text-padding_bottom:8px;
707
+ --spacing-dialog-content_box-padding_x:20px;
708
+ --spacing-dialog-content_box-padding_y:20px;
709
+ --spacing-dialog-content_box_title-margin_bottom:8px;
710
+ --spacing-dialog-content_box_icon-margin_right:8px;
711
+ --spacing-dialog-sequence-padding_x:8px;
712
+ --spacing-dialog-sequence_point-padding_Y:8px;
713
+ --spacing-dialog-sequence_number-padding_Y:4px;
714
+ --size-dialog-sequence_point:4px;
715
715
  --color-dialog-bg:#ffffff;
716
716
  --color-dialog-mask_bg:rgba(0,0,0,.5);
717
717
  --color-dialog-title:rgba(0,0,0,.85);
@@ -721,49 +721,49 @@ html{
721
721
  }
722
722
 
723
723
  html[theme="dark"]{
724
- --height-dropdown-primary_item:46;
725
- --height-dropdown-primary_large:314;
726
- --height-dropdown-secondary_item:46;
727
- --height-dropdown-secondary_large:314;
728
- --height-dropdown-state_large:324;
729
- --height-dropdown-state_item:48;
730
- --height-dropdown-group_large:348;
731
- --height-dropdown-tertiary_item:60;
732
- --height-dropdown-divider:0.5;
733
- --width-dropdown-primary_small:182;
734
- --width-dropdown-state_small:204;
735
- --width-dropdown-group_default:182;
736
- --width-dropdown-state_drop:6;
737
- --radius-dropdown-primary:10;
738
- --radius-dropdown-secondary:10;
739
- --radius-dropdown-state:10;
740
- --radius-dropdown-group:8;
741
- --radius-dropdown-state_item:6;
742
- --spacing-dropdown-primary-padding_y:16;
743
- --spacing-dropdown-primary-padding_x:8;
744
- --spacing-dropdown-primary_icon-margin_right:6;
745
- --spacing-dropdown-primary_icon_select-margin_left:8;
746
- --spacing-dropdown-secondary-padding_y:16;
747
- --spacing-dropdown-secondary-padding_x:8;
748
- --spacing-dropdown-secondary_icon-margin_right:6;
749
- --spacing-dropdown-state-padding_y:8;
750
- --spacing-dropdown-state-padding_x:16;
751
- --spacing-dropdown-state_item-padding_y:12;
752
- --spacing-dropdown-group-padding_y:16;
753
- --spacing-dropdown-group-padding_x:8;
754
- --spacing-dropdown-group_title-margin_bottom:3;
755
- --spacing-dropdown-group_text-margin_bottom:3;
756
- --spacing-dropdown-group_item-padding_top:12;
757
- --spacing-dropdown-group_item-padding_bottom:11;
758
- --spacing-dropdown-state_drop-margin_right:4;
759
- --spacing-dropdown-state_drop-margin_left:8;
760
- --spacing-dropdown-state_icon-margin_right:6;
761
- --spacing-dropdown-state_item-margin_bottom:8;
762
- --icon-dropdown-primary:20;
763
- --icon-dropdown-primary_select:20;
764
- --icon-dropdown-secondary:20;
765
- --icon-dropdown-state:24;
766
- --icon-dropdown-group:20;
724
+ --height-dropdown-primary_item:46px;
725
+ --height-dropdown-primary_large:314px;
726
+ --height-dropdown-secondary_item:46px;
727
+ --height-dropdown-secondary_large:314px;
728
+ --height-dropdown-state_large:324px;
729
+ --height-dropdown-state_item:48px;
730
+ --height-dropdown-group_large:348px;
731
+ --height-dropdown-tertiary_item:60px;
732
+ --height-dropdown-divider:0.5px;
733
+ --width-dropdown-primary_small:182px;
734
+ --width-dropdown-state_small:204px;
735
+ --width-dropdown-group_default:182px;
736
+ --width-dropdown-state_drop:6px;
737
+ --radius-dropdown-primary:10px;
738
+ --radius-dropdown-secondary:10px;
739
+ --radius-dropdown-state:10px;
740
+ --radius-dropdown-group:8px;
741
+ --radius-dropdown-state_item:6px;
742
+ --spacing-dropdown-primary-padding_y:16px;
743
+ --spacing-dropdown-primary-padding_x:8px;
744
+ --spacing-dropdown-primary_icon-margin_right:6px;
745
+ --spacing-dropdown-primary_icon_select-margin_left:8px;
746
+ --spacing-dropdown-secondary-padding_y:16px;
747
+ --spacing-dropdown-secondary-padding_x:8px;
748
+ --spacing-dropdown-secondary_icon-margin_right:6px;
749
+ --spacing-dropdown-state-padding_y:8px;
750
+ --spacing-dropdown-state-padding_x:16px;
751
+ --spacing-dropdown-state_item-padding_y:12px;
752
+ --spacing-dropdown-group-padding_y:16px;
753
+ --spacing-dropdown-group-padding_x:8px;
754
+ --spacing-dropdown-group_title-margin_bottom:3px;
755
+ --spacing-dropdown-group_text-margin_bottom:3px;
756
+ --spacing-dropdown-group_item-padding_top:12px;
757
+ --spacing-dropdown-group_item-padding_bottom:11px;
758
+ --spacing-dropdown-state_drop-margin_right:4px;
759
+ --spacing-dropdown-state_drop-margin_left:8px;
760
+ --spacing-dropdown-state_icon-margin_right:6px;
761
+ --spacing-dropdown-state_item-margin_bottom:8px;
762
+ --icon-dropdown-primary:20px;
763
+ --icon-dropdown-primary_select:20px;
764
+ --icon-dropdown-secondary:20px;
765
+ --icon-dropdown-state:24px;
766
+ --icon-dropdown-group:20px;
767
767
  --color-dropdown-bg-default:#2C2C2E;
768
768
  --color-dropdown-primary-text-default:#F2F5FF;
769
769
  --color-dropdown-primary-text-active:#F2F5FF;
@@ -787,49 +787,49 @@ html[theme="dark"]{
787
787
  --color-dropdown-tertiary-title:rgba(235,235,245,.65);
788
788
  }
789
789
  html{
790
- --height-dropdown-primary_item:46;
791
- --height-dropdown-primary_large:314;
792
- --height-dropdown-secondary_item:46;
793
- --height-dropdown-secondary_large:314;
794
- --height-dropdown-state_large:324;
795
- --height-dropdown-state_item:48;
796
- --height-dropdown-group_large:348;
797
- --height-dropdown-tertiary_item:60;
798
- --height-dropdown-divider:0.5;
799
- --width-dropdown-primary_small:182;
800
- --width-dropdown-state_small:204;
801
- --width-dropdown-group_default:182;
802
- --width-dropdown-state_drop:6;
803
- --radius-dropdown-primary:10;
804
- --radius-dropdown-secondary:10;
805
- --radius-dropdown-state:10;
806
- --radius-dropdown-group:8;
807
- --radius-dropdown-state_item:6;
808
- --spacing-dropdown-primary-padding_y:16;
809
- --spacing-dropdown-primary-padding_x:8;
810
- --spacing-dropdown-primary_icon-margin_right:6;
811
- --spacing-dropdown-primary_icon_select-margin_left:8;
812
- --spacing-dropdown-secondary-padding_y:16;
813
- --spacing-dropdown-secondary-padding_x:8;
814
- --spacing-dropdown-secondary_icon-margin_right:6;
815
- --spacing-dropdown-state-padding_y:8;
816
- --spacing-dropdown-state-padding_x:16;
817
- --spacing-dropdown-state_item-padding_y:12;
818
- --spacing-dropdown-group-padding_y:16;
819
- --spacing-dropdown-group-padding_x:8;
820
- --spacing-dropdown-group_title-margin_bottom:3;
821
- --spacing-dropdown-group_text-margin_bottom:3;
822
- --spacing-dropdown-group_item-padding_top:12;
823
- --spacing-dropdown-group_item-padding_bottom:11;
824
- --spacing-dropdown-state_drop-margin_right:4;
825
- --spacing-dropdown-state_drop-margin_left:8;
826
- --spacing-dropdown-state_icon-margin_right:6;
827
- --spacing-dropdown-state_item-margin_bottom:8;
828
- --icon-dropdown-primary:20;
829
- --icon-dropdown-primary_select:20;
830
- --icon-dropdown-secondary:20;
831
- --icon-dropdown-state:24;
832
- --icon-dropdown-group:20;
790
+ --height-dropdown-primary_item:46px;
791
+ --height-dropdown-primary_large:314px;
792
+ --height-dropdown-secondary_item:46px;
793
+ --height-dropdown-secondary_large:314px;
794
+ --height-dropdown-state_large:324px;
795
+ --height-dropdown-state_item:48px;
796
+ --height-dropdown-group_large:348px;
797
+ --height-dropdown-tertiary_item:60px;
798
+ --height-dropdown-divider:0.5px;
799
+ --width-dropdown-primary_small:182px;
800
+ --width-dropdown-state_small:204px;
801
+ --width-dropdown-group_default:182px;
802
+ --width-dropdown-state_drop:6px;
803
+ --radius-dropdown-primary:10px;
804
+ --radius-dropdown-secondary:10px;
805
+ --radius-dropdown-state:10px;
806
+ --radius-dropdown-group:8px;
807
+ --radius-dropdown-state_item:6px;
808
+ --spacing-dropdown-primary-padding_y:16px;
809
+ --spacing-dropdown-primary-padding_x:8px;
810
+ --spacing-dropdown-primary_icon-margin_right:6px;
811
+ --spacing-dropdown-primary_icon_select-margin_left:8px;
812
+ --spacing-dropdown-secondary-padding_y:16px;
813
+ --spacing-dropdown-secondary-padding_x:8px;
814
+ --spacing-dropdown-secondary_icon-margin_right:6px;
815
+ --spacing-dropdown-state-padding_y:8px;
816
+ --spacing-dropdown-state-padding_x:16px;
817
+ --spacing-dropdown-state_item-padding_y:12px;
818
+ --spacing-dropdown-group-padding_y:16px;
819
+ --spacing-dropdown-group-padding_x:8px;
820
+ --spacing-dropdown-group_title-margin_bottom:3px;
821
+ --spacing-dropdown-group_text-margin_bottom:3px;
822
+ --spacing-dropdown-group_item-padding_top:12px;
823
+ --spacing-dropdown-group_item-padding_bottom:11px;
824
+ --spacing-dropdown-state_drop-margin_right:4px;
825
+ --spacing-dropdown-state_drop-margin_left:8px;
826
+ --spacing-dropdown-state_icon-margin_right:6px;
827
+ --spacing-dropdown-state_item-margin_bottom:8px;
828
+ --icon-dropdown-primary:20px;
829
+ --icon-dropdown-primary_select:20px;
830
+ --icon-dropdown-secondary:20px;
831
+ --icon-dropdown-state:24px;
832
+ --icon-dropdown-group:20px;
833
833
  --color-dropdown-bg-default:#ffffff;
834
834
  --color-dropdown-primary-text-default:rgba(0,0,0,.85);
835
835
  --color-dropdown-primary-text-active:rgba(0,0,0,.85);
@@ -854,65 +854,65 @@ html{
854
854
  }
855
855
 
856
856
  html[theme="dark"]{
857
- --height-empty-card:140;
858
- --spacing-empty-large-text-margin_top:16;
859
- --spacing-empty-large-text-margin_bottom:18;
860
- --spacing-empty-small-text-margin_top:8;
861
- --spacing-empty-small-text-margin_bottom:0;
857
+ --height-empty-card:140px;
858
+ --spacing-empty-large-text-margin_top:16px;
859
+ --spacing-empty-large-text-margin_bottom:18px;
860
+ --spacing-empty-small-text-margin_top:8px;
861
+ --spacing-empty-small-text-margin_bottom:0px;
862
862
  --color-empty-text:rgba(235,235,245,.65);
863
863
  }
864
864
  html{
865
- --height-empty-card:140;
866
- --spacing-empty-large-text-margin_top:16;
867
- --spacing-empty-large-text-margin_bottom:18;
868
- --spacing-empty-small-text-margin_top:8;
869
- --spacing-empty-small-text-margin_bottom:0;
865
+ --height-empty-card:140px;
866
+ --spacing-empty-large-text-margin_top:16px;
867
+ --spacing-empty-large-text-margin_bottom:18px;
868
+ --spacing-empty-small-text-margin_top:8px;
869
+ --spacing-empty-small-text-margin_bottom:0px;
870
870
  --color-empty-text:rgba(0,0,0,.5);
871
871
  }
872
872
 
873
873
  html[theme="dark"]{
874
- --height-footer-devider:16;
875
- --spacing-footer-padding_top:24;
876
- --spacing-footer-padding_bottom:40;
877
- --spacing-footer-link-margin_bottom:4;
874
+ --height-footer-devider:16px;
875
+ --spacing-footer-padding_top:24px;
876
+ --spacing-footer-padding_bottom:40px;
877
+ --spacing-footer-link-margin_bottom:4px;
878
878
  }
879
879
  html{
880
- --height-footer-devider:16;
881
- --spacing-footer-padding_top:24;
882
- --spacing-footer-padding_bottom:40;
883
- --spacing-footer-link-margin_bottom:4;
880
+ --height-footer-devider:16px;
881
+ --spacing-footer-padding_top:24px;
882
+ --spacing-footer-padding_bottom:40px;
883
+ --spacing-footer-link-margin_bottom:4px;
884
884
  }
885
885
 
886
886
  html[theme="dark"]{
887
- --height-footnav-content:56;
888
- --spacing-footnav-icon-margin_top:5;
889
- --spacing-footnav-icon-margin_bottom:2;
890
- --icon-footnav-size:32;
887
+ --height-footnav-content:56px;
888
+ --spacing-footnav-icon-margin_top:5px;
889
+ --spacing-footnav-icon-margin_bottom:2px;
890
+ --icon-footnav-size:32px;
891
891
  --color-footnav-text-default:rgba(235,235,245,.65);
892
892
  --color-footnav-text-active:#1bc47d;
893
893
  --color-footnav-bg:#0E0E10;
894
894
  }
895
895
  html{
896
- --height-footnav-content:56;
897
- --spacing-footnav-icon-margin_top:5;
898
- --spacing-footnav-icon-margin_bottom:2;
899
- --icon-footnav-size:32;
896
+ --height-footnav-content:56px;
897
+ --spacing-footnav-icon-margin_top:5px;
898
+ --spacing-footnav-icon-margin_bottom:2px;
899
+ --icon-footnav-size:32px;
900
900
  --color-footnav-text-default:rgba(0,0,0,.65);
901
901
  --color-footnav-text-active:#1bc47d;
902
902
  --color-footnav-bg:#ffffff;
903
903
  }
904
904
 
905
905
  html[theme="dark"]{
906
- --divider-medium:1;
907
- --divider-large:3;
908
- --divider-small:0.5;
909
- --height-super-small:28;
910
- --height-extra-small:32;
911
- --height-small:36;
912
- --height-medium:40;
913
- --height-large:44;
914
- --height-extra-large:48;
915
- --height-super-large:56;
906
+ --divider-medium:1px;
907
+ --divider-large:3px;
908
+ --divider-small:0.5px;
909
+ --height-super-small:28px;
910
+ --height-extra-small:32px;
911
+ --height-small:36px;
912
+ --height-medium:40px;
913
+ --height-large:44px;
914
+ --height-extra-large:48px;
915
+ --height-super-large:56px;
916
916
  --neutral-c0:rgba(0,0,0,0.0);
917
917
  --neutral-c1:#ffffff;
918
918
  --neutral-c2:#f2f2f2;
@@ -1097,188 +1097,188 @@ html[theme="dark"]{
1097
1097
  --shadow-s1:0px 2px 2px rgba(0,0,0,.05);
1098
1098
  --shadow-s2:0px 2px 8px rgba(0,0,0,.05);
1099
1099
  --shadow-s3:0px 2px 16px rgba(0,0,0,.05);
1100
- --border-radius-super-small:1;
1101
- --border-radius-extra-small:2;
1102
- --border-radius-small:4;
1103
- --border-radius-medium:6;
1104
- --border-radius-large:10;
1105
- --border-radius-extra-large:12;
1106
- --border-radius-super-large:14;
1107
- --icon-super-small:8;
1108
- --icon-extra-small:12;
1109
- --icon-small:16;
1110
- --icon-medium:20;
1111
- --icon-large:24;
1112
- --icon-extra-large:32;
1113
- --icon-super-large:40;
1100
+ --border-radius-super-small:1px;
1101
+ --border-radius-extra-small:2px;
1102
+ --border-radius-small:4px;
1103
+ --border-radius-medium:6px;
1104
+ --border-radius-large:10px;
1105
+ --border-radius-extra-large:12px;
1106
+ --border-radius-super-large:14px;
1107
+ --icon-super-small:8px;
1108
+ --icon-extra-small:12px;
1109
+ --icon-small:16px;
1110
+ --icon-medium:20px;
1111
+ --icon-large:24px;
1112
+ --icon-extra-large:32px;
1113
+ --icon-super-large:40px;
1114
1114
  --opacity-05:5%;
1115
1115
  --opacity-10:10%;
1116
1116
  --opacity-15:15%;
1117
1117
  --opacity-20:20%;
1118
1118
  --opacity-30:30%;
1119
1119
  --opacity-50:50%;
1120
- --spacing-none:0;
1120
+ --spacing-none:0px;
1121
1121
  --opacity-85:85%;
1122
- --spacing-super-tight:2;
1123
- --spacing-extra-tight:4;
1124
- --spacing-tight:8;
1125
- --spacing-base-tight:12;
1126
- --spacing-base:16;
1127
- --spacing-base-loose:20;
1128
- --spacing-loose:24;
1129
- --spacing-extra-loose:32;
1130
- --spacing-super-loose:40;
1122
+ --spacing-super-tight:2px;
1123
+ --spacing-extra-tight:4px;
1124
+ --spacing-tight:8px;
1125
+ --spacing-base-tight:12px;
1126
+ --spacing-base:16px;
1127
+ --spacing-base-loose:20px;
1128
+ --spacing-loose:24px;
1129
+ --spacing-extra-loose:32px;
1130
+ --spacing-super-loose:40px;
1131
1131
  --font-sf:SF Pro;
1132
1132
  --font-pf:PingFang SC;
1133
1133
  --font-line-height-auto:AUTO;
1134
- --font-line-height-tight:18;
1135
- --font-line-height-base-tight:21;
1136
- --font-line-height-base:24;
1137
- --font-line-height-base-loose:27;
1134
+ --font-line-height-tight:18px;
1135
+ --font-line-height-base-tight:21px;
1136
+ --font-line-height-base:24px;
1137
+ --font-line-height-base-loose:27px;
1138
1138
  --font-weight-regular:400;
1139
1139
  --font-weight-semibold:600;
1140
1140
  --font-weight-bold:700;
1141
- --font-size-a:11;
1142
- --font-size-b:12;
1143
- --font-size-c:14;
1144
- --font-size-d:16;
1145
- --font-size-e:18;
1146
- --font-size-f:22;
1147
- --font-size-g:28;
1148
- --font-size-h:34;
1149
- --font-size-i:42;
1150
- --font-size-j:15;
1151
- --font-size-q:20;
1141
+ --font-size-a:11px;
1142
+ --font-size-b:12px;
1143
+ --font-size-c:14px;
1144
+ --font-size-d:16px;
1145
+ --font-size-e:18px;
1146
+ --font-size-f:22px;
1147
+ --font-size-g:28px;
1148
+ --font-size-h:34px;
1149
+ --font-size-i:42px;
1150
+ --font-size-j:15px;
1151
+ --font-size-q:20px;
1152
1152
  --en-single-f-a-r-fontFamily: SF Pro;
1153
1153
  --en-single-f-a-r-fontWeight: 400;
1154
1154
  --en-single-f-a-r-lineHeight: AUTO;
1155
- --en-single-f-a-r-fontSize: 11;
1155
+ --en-single-f-a-r-fontSize: 11px;
1156
1156
  --en-single-f-b-r-fontFamily: SF Pro;
1157
1157
  --en-single-f-b-r-fontWeight: 400;
1158
1158
  --en-single-f-b-r-lineHeight: AUTO;
1159
- --en-single-f-b-r-fontSize: 12;
1159
+ --en-single-f-b-r-fontSize: 12px;
1160
1160
  --en-single-f-c-r-fontFamily: SF Pro;
1161
1161
  --en-single-f-c-r-fontWeight: 400;
1162
1162
  --en-single-f-c-r-lineHeight: AUTO;
1163
- --en-single-f-c-r-fontSize: 14;
1163
+ --en-single-f-c-r-fontSize: 14px;
1164
1164
  --en-single-f-j-r-fontFamily: SF Pro;
1165
1165
  --en-single-f-j-r-fontWeight: 400;
1166
1166
  --en-single-f-j-r-lineHeight: AUTO;
1167
- --en-single-f-j-r-fontSize: 15;
1167
+ --en-single-f-j-r-fontSize: 15px;
1168
1168
  --en-single-f-d-r-fontFamily: SF Pro;
1169
1169
  --en-single-f-d-r-fontWeight: 400;
1170
1170
  --en-single-f-d-r-lineHeight: AUTO;
1171
- --en-single-f-d-r-fontSize: 16;
1171
+ --en-single-f-d-r-fontSize: 16px;
1172
1172
  --en-single-f-e-r-fontFamily: SF Pro;
1173
1173
  --en-single-f-e-r-fontWeight: 400;
1174
1174
  --en-single-f-e-r-lineHeight: AUTO;
1175
- --en-single-f-e-r-fontSize: 18;
1175
+ --en-single-f-e-r-fontSize: 18px;
1176
1176
  --en-single-f-a-s-fontFamily: SF Pro;
1177
1177
  --en-single-f-a-s-fontWeight: 600;
1178
1178
  --en-single-f-a-s-lineHeight: AUTO;
1179
- --en-single-f-a-s-fontSize: 11;
1179
+ --en-single-f-a-s-fontSize: 11px;
1180
1180
  --en-single-f-b-s-fontFamily: SF Pro;
1181
1181
  --en-single-f-b-s-fontWeight: 600;
1182
1182
  --en-single-f-b-s-lineHeight: AUTO;
1183
- --en-single-f-b-s-fontSize: 12;
1183
+ --en-single-f-b-s-fontSize: 12px;
1184
1184
  --en-single-f-c-s-fontFamily: SF Pro;
1185
1185
  --en-single-f-c-s-fontWeight: 600;
1186
1186
  --en-single-f-c-s-lineHeight: AUTO;
1187
- --en-single-f-c-s-fontSize: 14;
1187
+ --en-single-f-c-s-fontSize: 14px;
1188
1188
  --en-single-f-d-s-fontFamily: SF Pro;
1189
1189
  --en-single-f-d-s-fontWeight: 600;
1190
1190
  --en-single-f-d-s-lineHeight: AUTO;
1191
- --en-single-f-d-s-fontSize: 16;
1191
+ --en-single-f-d-s-fontSize: 16px;
1192
1192
  --en-single-f-e-s-fontFamily: SF Pro;
1193
1193
  --en-single-f-e-s-fontWeight: 600;
1194
1194
  --en-single-f-e-s-lineHeight: AUTO;
1195
- --en-single-f-e-s-fontSize: 18;
1195
+ --en-single-f-e-s-fontSize: 18px;
1196
1196
  --en-single-f-f-b-fontFamily: SF Pro;
1197
1197
  --en-single-f-f-b-fontWeight: 700;
1198
1198
  --en-single-f-f-b-lineHeight: AUTO;
1199
- --en-single-f-f-b-fontSize: 22;
1199
+ --en-single-f-f-b-fontSize: 22px;
1200
1200
  --en-single-f-g-b-fontFamily: SF Pro;
1201
1201
  --en-single-f-g-b-fontWeight: 700;
1202
1202
  --en-single-f-g-b-lineHeight: AUTO;
1203
- --en-single-f-g-b-fontSize: 28;
1203
+ --en-single-f-g-b-fontSize: 28px;
1204
1204
  --en-single-f-h-b-fontFamily: SF Pro;
1205
1205
  --en-single-f-h-b-fontWeight: 700;
1206
1206
  --en-single-f-h-b-lineHeight: AUTO;
1207
- --en-single-f-h-b-fontSize: 34;
1207
+ --en-single-f-h-b-fontSize: 34px;
1208
1208
  --en-single-f-i-b-fontFamily: SF Pro;
1209
1209
  --en-single-f-i-b-fontWeight: 700;
1210
1210
  --en-single-f-i-b-lineHeight: AUTO;
1211
- --en-single-f-i-b-fontSize: 42;
1211
+ --en-single-f-i-b-fontSize: 42px;
1212
1212
  --en-single-f-j-s-fontFamily: SF Pro;
1213
1213
  --en-single-f-j-s-fontWeight: 600;
1214
1214
  --en-single-f-j-s-lineHeight: AUTO;
1215
- --en-single-f-j-s-fontSize: 15;
1215
+ --en-single-f-j-s-fontSize: 15px;
1216
1216
  --en-single-f-l-s-fontFamily: SF Pro;
1217
1217
  --en-single-f-l-s-fontWeight: 600;
1218
1218
  --en-single-f-l-s-lineHeight: AUTO;
1219
- --en-single-f-l-s-fontSize: 10;
1219
+ --en-single-f-l-s-fontSize: 10px;
1220
1220
  --en-multi-f-b-r-fontFamily: SF Pro;
1221
1221
  --en-multi-f-b-r-fontWeight: 400;
1222
- --en-multi-f-b-r-lineHeight: 18;
1223
- --en-multi-f-b-r-fontSize: 12;
1222
+ --en-multi-f-b-r-lineHeight: 18px;
1223
+ --en-multi-f-b-r-fontSize: 12px;
1224
1224
  --en-multi-f-c-r-fontFamily: SF Pro;
1225
1225
  --en-multi-f-c-r-fontWeight: 400;
1226
- --en-multi-f-c-r-lineHeight: 21;
1227
- --en-multi-f-c-r-fontSize: 14;
1226
+ --en-multi-f-c-r-lineHeight: 21px;
1227
+ --en-multi-f-c-r-fontSize: 14px;
1228
1228
  --en-multi-f-d-r-fontFamily: SF Pro;
1229
1229
  --en-multi-f-d-r-fontWeight: 400;
1230
- --en-multi-f-d-r-lineHeight: 24;
1231
- --en-multi-f-d-r-fontSize: 16;
1230
+ --en-multi-f-d-r-lineHeight: 24px;
1231
+ --en-multi-f-d-r-fontSize: 16px;
1232
1232
  --en-multi-f-e-r-fontFamily: SF Pro;
1233
1233
  --en-multi-f-e-r-fontWeight: 400;
1234
- --en-multi-f-e-r-lineHeight: 24;
1235
- --en-multi-f-e-r-fontSize: 18;
1234
+ --en-multi-f-e-r-lineHeight: 24px;
1235
+ --en-multi-f-e-r-fontSize: 18px;
1236
1236
  --en-multi-f-c-s-fontFamily: SF Pro;
1237
1237
  --en-multi-f-c-s-fontWeight: 600;
1238
- --en-multi-f-c-s-lineHeight: 21;
1239
- --en-multi-f-c-s-fontSize: 14;
1238
+ --en-multi-f-c-s-lineHeight: 21px;
1239
+ --en-multi-f-c-s-fontSize: 14px;
1240
1240
  --en-multi-f-d-s-fontFamily: SF Pro;
1241
1241
  --en-multi-f-d-s-fontWeight: 600;
1242
- --en-multi-f-d-s-lineHeight: 24;
1243
- --en-multi-f-d-s-fontSize: 16;
1242
+ --en-multi-f-d-s-lineHeight: 24px;
1243
+ --en-multi-f-d-s-fontSize: 16px;
1244
1244
  --en-multi-f-e-s-fontFamily: SF Pro;
1245
1245
  --en-multi-f-e-s-fontWeight: 600;
1246
- --en-multi-f-e-s-lineHeight: 24;
1247
- --en-multi-f-e-s-fontSize: 18;
1246
+ --en-multi-f-e-s-lineHeight: 24px;
1247
+ --en-multi-f-e-s-fontSize: 18px;
1248
1248
  --en-multi-f-q-b-fontFamily: SF Pro;
1249
1249
  --en-multi-f-q-b-fontWeight: 700;
1250
- --en-multi-f-q-b-lineHeight: 27;
1251
- --en-multi-f-q-b-fontSize: 20;
1250
+ --en-multi-f-q-b-lineHeight: 27px;
1251
+ --en-multi-f-q-b-fontSize: 20px;
1252
1252
  --cn-single-f-f-b-fontFamily: PingFang SC;
1253
1253
  --cn-single-f-f-b-fontWeight: 600;
1254
1254
  --cn-single-f-f-b-lineHeight: AUTO;
1255
- --cn-single-f-f-b-fontSize: 22;
1255
+ --cn-single-f-f-b-fontSize: 22px;
1256
1256
  --cn-single-f-g-b-fontFamily: PingFang SC;
1257
1257
  --cn-single-f-g-b-fontWeight: 600;
1258
1258
  --cn-single-f-g-b-lineHeight: AUTO;
1259
- --cn-single-f-g-b-fontSize: 28;
1259
+ --cn-single-f-g-b-fontSize: 28px;
1260
1260
  --cn-single-f-i-b-fontFamily: PingFang SC;
1261
1261
  --cn-single-f-i-b-fontWeight: 600;
1262
1262
  --cn-single-f-i-b-lineHeight: AUTO;
1263
- --cn-single-f-i-b-fontSize: 42;
1263
+ --cn-single-f-i-b-fontSize: 42px;
1264
1264
  --cn-single-f-q-b-fontFamily: PingFang SC;
1265
1265
  --cn-single-f-q-b-fontWeight: 600;
1266
1266
  --cn-single-f-q-b-lineHeight: AUTO;
1267
- --cn-single-f-q-b-fontSize: 20;
1267
+ --cn-single-f-q-b-fontSize: 20px;
1268
1268
  --cn-multi-f-e-r-fontFamily: PingFang SC;
1269
1269
  --cn-multi-f-e-r-fontWeight: 400;
1270
- --cn-multi-f-e-r-lineHeight: 27;
1271
- --cn-multi-f-e-r-fontSize: 18;
1270
+ --cn-multi-f-e-r-lineHeight: 27px;
1271
+ --cn-multi-f-e-r-fontSize: 18px;
1272
1272
  --cn-multi-f-e-s-fontFamily: PingFang SC;
1273
1273
  --cn-multi-f-e-s-fontWeight: 600;
1274
- --cn-multi-f-e-s-lineHeight: 27;
1275
- --cn-multi-f-e-s-fontSize: 18;
1276
- --border-super-small:0.5;
1277
- --border-extra-small:1;
1278
- --border-small:1.5;
1279
- --border-medium:2;
1280
- --border-radius-super-full:999;
1281
- --font-size-l:10;
1274
+ --cn-multi-f-e-s-lineHeight: 27px;
1275
+ --cn-multi-f-e-s-fontSize: 18px;
1276
+ --border-super-small:0.5px;
1277
+ --border-extra-small:1px;
1278
+ --border-small:1.5px;
1279
+ --border-medium:2px;
1280
+ --border-radius-super-full:999px;
1281
+ --font-size-l:10px;
1282
1282
  --black-opacity-3:rgba(0,0,0,.15);
1283
1283
  --black-opacity-6:rgba(0,0,0,.3);
1284
1284
  --white-opacity-3:rgba(255,255,255,.15);
@@ -1382,16 +1382,16 @@ html[theme="dark"]{
1382
1382
  --color-trade-account_head_card_ar-bg:#09825a;
1383
1383
  }
1384
1384
  html{
1385
- --divider-medium:1;
1386
- --divider-large:3;
1387
- --divider-small:0.5;
1388
- --height-super-small:28;
1389
- --height-extra-small:32;
1390
- --height-small:36;
1391
- --height-medium:40;
1392
- --height-large:44;
1393
- --height-extra-large:48;
1394
- --height-super-large:56;
1385
+ --divider-medium:1px;
1386
+ --divider-large:3px;
1387
+ --divider-small:0.5px;
1388
+ --height-super-small:28px;
1389
+ --height-extra-small:32px;
1390
+ --height-small:36px;
1391
+ --height-medium:40px;
1392
+ --height-large:44px;
1393
+ --height-extra-large:48px;
1394
+ --height-super-large:56px;
1395
1395
  --neutral-c0:rgba(0,0,0,0.0);
1396
1396
  --neutral-c1:#ffffff;
1397
1397
  --neutral-c2:#f2f2f2;
@@ -1576,188 +1576,188 @@ html{
1576
1576
  --shadow-s1:0px 2px 2px rgba(0,0,0,.05);
1577
1577
  --shadow-s2:0px 2px 8px rgba(0,0,0,.05);
1578
1578
  --shadow-s3:0px 2px 16px rgba(0,0,0,.05);
1579
- --border-radius-super-small:1;
1580
- --border-radius-extra-small:2;
1581
- --border-radius-small:4;
1582
- --border-radius-medium:6;
1583
- --border-radius-large:10;
1584
- --border-radius-extra-large:12;
1585
- --border-radius-super-large:14;
1586
- --icon-super-small:8;
1587
- --icon-extra-small:12;
1588
- --icon-small:16;
1589
- --icon-medium:20;
1590
- --icon-large:24;
1591
- --icon-extra-large:32;
1592
- --icon-super-large:40;
1579
+ --border-radius-super-small:1px;
1580
+ --border-radius-extra-small:2px;
1581
+ --border-radius-small:4px;
1582
+ --border-radius-medium:6px;
1583
+ --border-radius-large:10px;
1584
+ --border-radius-extra-large:12px;
1585
+ --border-radius-super-large:14px;
1586
+ --icon-super-small:8px;
1587
+ --icon-extra-small:12px;
1588
+ --icon-small:16px;
1589
+ --icon-medium:20px;
1590
+ --icon-large:24px;
1591
+ --icon-extra-large:32px;
1592
+ --icon-super-large:40px;
1593
1593
  --opacity-05:5%;
1594
1594
  --opacity-10:10%;
1595
1595
  --opacity-15:15%;
1596
1596
  --opacity-20:20%;
1597
1597
  --opacity-30:30%;
1598
1598
  --opacity-50:50%;
1599
- --spacing-none:0;
1599
+ --spacing-none:0px;
1600
1600
  --opacity-85:85%;
1601
- --spacing-super-tight:2;
1602
- --spacing-extra-tight:4;
1603
- --spacing-tight:8;
1604
- --spacing-base-tight:12;
1605
- --spacing-base:16;
1606
- --spacing-base-loose:20;
1607
- --spacing-loose:24;
1608
- --spacing-extra-loose:32;
1609
- --spacing-super-loose:40;
1601
+ --spacing-super-tight:2px;
1602
+ --spacing-extra-tight:4px;
1603
+ --spacing-tight:8px;
1604
+ --spacing-base-tight:12px;
1605
+ --spacing-base:16px;
1606
+ --spacing-base-loose:20px;
1607
+ --spacing-loose:24px;
1608
+ --spacing-extra-loose:32px;
1609
+ --spacing-super-loose:40px;
1610
1610
  --font-sf:SF Pro;
1611
1611
  --font-pf:PingFang SC;
1612
1612
  --font-line-height-auto:AUTO;
1613
- --font-line-height-tight:18;
1614
- --font-line-height-base-tight:21;
1615
- --font-line-height-base:24;
1616
- --font-line-height-base-loose:27;
1613
+ --font-line-height-tight:18px;
1614
+ --font-line-height-base-tight:21px;
1615
+ --font-line-height-base:24px;
1616
+ --font-line-height-base-loose:27px;
1617
1617
  --font-weight-regular:400;
1618
1618
  --font-weight-semibold:600;
1619
1619
  --font-weight-bold:700;
1620
- --font-size-a:11;
1621
- --font-size-b:12;
1622
- --font-size-c:14;
1623
- --font-size-d:16;
1624
- --font-size-e:18;
1625
- --font-size-f:22;
1626
- --font-size-g:28;
1627
- --font-size-h:34;
1628
- --font-size-i:42;
1629
- --font-size-j:15;
1630
- --font-size-q:20;
1620
+ --font-size-a:11px;
1621
+ --font-size-b:12px;
1622
+ --font-size-c:14px;
1623
+ --font-size-d:16px;
1624
+ --font-size-e:18px;
1625
+ --font-size-f:22px;
1626
+ --font-size-g:28px;
1627
+ --font-size-h:34px;
1628
+ --font-size-i:42px;
1629
+ --font-size-j:15px;
1630
+ --font-size-q:20px;
1631
1631
  --en-single-f-a-r-fontFamily: SF Pro;
1632
1632
  --en-single-f-a-r-fontWeight: 400;
1633
1633
  --en-single-f-a-r-lineHeight: AUTO;
1634
- --en-single-f-a-r-fontSize: 11;
1634
+ --en-single-f-a-r-fontSize: 11px;
1635
1635
  --en-single-f-b-r-fontFamily: SF Pro;
1636
1636
  --en-single-f-b-r-fontWeight: 400;
1637
1637
  --en-single-f-b-r-lineHeight: AUTO;
1638
- --en-single-f-b-r-fontSize: 12;
1638
+ --en-single-f-b-r-fontSize: 12px;
1639
1639
  --en-single-f-c-r-fontFamily: SF Pro;
1640
1640
  --en-single-f-c-r-fontWeight: 400;
1641
1641
  --en-single-f-c-r-lineHeight: AUTO;
1642
- --en-single-f-c-r-fontSize: 14;
1642
+ --en-single-f-c-r-fontSize: 14px;
1643
1643
  --en-single-f-j-r-fontFamily: SF Pro;
1644
1644
  --en-single-f-j-r-fontWeight: 400;
1645
1645
  --en-single-f-j-r-lineHeight: AUTO;
1646
- --en-single-f-j-r-fontSize: 15;
1646
+ --en-single-f-j-r-fontSize: 15px;
1647
1647
  --en-single-f-d-r-fontFamily: SF Pro;
1648
1648
  --en-single-f-d-r-fontWeight: 400;
1649
1649
  --en-single-f-d-r-lineHeight: AUTO;
1650
- --en-single-f-d-r-fontSize: 16;
1650
+ --en-single-f-d-r-fontSize: 16px;
1651
1651
  --en-single-f-e-r-fontFamily: SF Pro;
1652
1652
  --en-single-f-e-r-fontWeight: 400;
1653
1653
  --en-single-f-e-r-lineHeight: AUTO;
1654
- --en-single-f-e-r-fontSize: 18;
1654
+ --en-single-f-e-r-fontSize: 18px;
1655
1655
  --en-single-f-a-s-fontFamily: SF Pro;
1656
1656
  --en-single-f-a-s-fontWeight: 600;
1657
1657
  --en-single-f-a-s-lineHeight: AUTO;
1658
- --en-single-f-a-s-fontSize: 11;
1658
+ --en-single-f-a-s-fontSize: 11px;
1659
1659
  --en-single-f-b-s-fontFamily: SF Pro;
1660
1660
  --en-single-f-b-s-fontWeight: 600;
1661
1661
  --en-single-f-b-s-lineHeight: AUTO;
1662
- --en-single-f-b-s-fontSize: 12;
1662
+ --en-single-f-b-s-fontSize: 12px;
1663
1663
  --en-single-f-c-s-fontFamily: SF Pro;
1664
1664
  --en-single-f-c-s-fontWeight: 600;
1665
1665
  --en-single-f-c-s-lineHeight: AUTO;
1666
- --en-single-f-c-s-fontSize: 14;
1666
+ --en-single-f-c-s-fontSize: 14px;
1667
1667
  --en-single-f-d-s-fontFamily: SF Pro;
1668
1668
  --en-single-f-d-s-fontWeight: 600;
1669
1669
  --en-single-f-d-s-lineHeight: AUTO;
1670
- --en-single-f-d-s-fontSize: 16;
1670
+ --en-single-f-d-s-fontSize: 16px;
1671
1671
  --en-single-f-e-s-fontFamily: SF Pro;
1672
1672
  --en-single-f-e-s-fontWeight: 600;
1673
1673
  --en-single-f-e-s-lineHeight: AUTO;
1674
- --en-single-f-e-s-fontSize: 18;
1674
+ --en-single-f-e-s-fontSize: 18px;
1675
1675
  --en-single-f-f-b-fontFamily: SF Pro;
1676
1676
  --en-single-f-f-b-fontWeight: 700;
1677
1677
  --en-single-f-f-b-lineHeight: AUTO;
1678
- --en-single-f-f-b-fontSize: 22;
1678
+ --en-single-f-f-b-fontSize: 22px;
1679
1679
  --en-single-f-g-b-fontFamily: SF Pro;
1680
1680
  --en-single-f-g-b-fontWeight: 700;
1681
1681
  --en-single-f-g-b-lineHeight: AUTO;
1682
- --en-single-f-g-b-fontSize: 28;
1682
+ --en-single-f-g-b-fontSize: 28px;
1683
1683
  --en-single-f-h-b-fontFamily: SF Pro;
1684
1684
  --en-single-f-h-b-fontWeight: 700;
1685
1685
  --en-single-f-h-b-lineHeight: AUTO;
1686
- --en-single-f-h-b-fontSize: 34;
1686
+ --en-single-f-h-b-fontSize: 34px;
1687
1687
  --en-single-f-i-b-fontFamily: SF Pro;
1688
1688
  --en-single-f-i-b-fontWeight: 700;
1689
1689
  --en-single-f-i-b-lineHeight: AUTO;
1690
- --en-single-f-i-b-fontSize: 42;
1690
+ --en-single-f-i-b-fontSize: 42px;
1691
1691
  --en-single-f-j-s-fontFamily: SF Pro;
1692
1692
  --en-single-f-j-s-fontWeight: 600;
1693
1693
  --en-single-f-j-s-lineHeight: AUTO;
1694
- --en-single-f-j-s-fontSize: 15;
1694
+ --en-single-f-j-s-fontSize: 15px;
1695
1695
  --en-single-f-l-s-fontFamily: SF Pro;
1696
1696
  --en-single-f-l-s-fontWeight: 600;
1697
1697
  --en-single-f-l-s-lineHeight: AUTO;
1698
- --en-single-f-l-s-fontSize: 10;
1698
+ --en-single-f-l-s-fontSize: 10px;
1699
1699
  --en-multi-f-b-r-fontFamily: SF Pro;
1700
1700
  --en-multi-f-b-r-fontWeight: 400;
1701
- --en-multi-f-b-r-lineHeight: 18;
1702
- --en-multi-f-b-r-fontSize: 12;
1701
+ --en-multi-f-b-r-lineHeight: 18px;
1702
+ --en-multi-f-b-r-fontSize: 12px;
1703
1703
  --en-multi-f-c-r-fontFamily: SF Pro;
1704
1704
  --en-multi-f-c-r-fontWeight: 400;
1705
- --en-multi-f-c-r-lineHeight: 21;
1706
- --en-multi-f-c-r-fontSize: 14;
1705
+ --en-multi-f-c-r-lineHeight: 21px;
1706
+ --en-multi-f-c-r-fontSize: 14px;
1707
1707
  --en-multi-f-d-r-fontFamily: SF Pro;
1708
1708
  --en-multi-f-d-r-fontWeight: 400;
1709
- --en-multi-f-d-r-lineHeight: 24;
1710
- --en-multi-f-d-r-fontSize: 16;
1709
+ --en-multi-f-d-r-lineHeight: 24px;
1710
+ --en-multi-f-d-r-fontSize: 16px;
1711
1711
  --en-multi-f-e-r-fontFamily: SF Pro;
1712
1712
  --en-multi-f-e-r-fontWeight: 400;
1713
- --en-multi-f-e-r-lineHeight: 24;
1714
- --en-multi-f-e-r-fontSize: 18;
1713
+ --en-multi-f-e-r-lineHeight: 24px;
1714
+ --en-multi-f-e-r-fontSize: 18px;
1715
1715
  --en-multi-f-c-s-fontFamily: SF Pro;
1716
1716
  --en-multi-f-c-s-fontWeight: 600;
1717
- --en-multi-f-c-s-lineHeight: 21;
1718
- --en-multi-f-c-s-fontSize: 14;
1717
+ --en-multi-f-c-s-lineHeight: 21px;
1718
+ --en-multi-f-c-s-fontSize: 14px;
1719
1719
  --en-multi-f-d-s-fontFamily: SF Pro;
1720
1720
  --en-multi-f-d-s-fontWeight: 600;
1721
- --en-multi-f-d-s-lineHeight: 24;
1722
- --en-multi-f-d-s-fontSize: 16;
1721
+ --en-multi-f-d-s-lineHeight: 24px;
1722
+ --en-multi-f-d-s-fontSize: 16px;
1723
1723
  --en-multi-f-e-s-fontFamily: SF Pro;
1724
1724
  --en-multi-f-e-s-fontWeight: 600;
1725
- --en-multi-f-e-s-lineHeight: 24;
1726
- --en-multi-f-e-s-fontSize: 18;
1725
+ --en-multi-f-e-s-lineHeight: 24px;
1726
+ --en-multi-f-e-s-fontSize: 18px;
1727
1727
  --en-multi-f-q-b-fontFamily: SF Pro;
1728
1728
  --en-multi-f-q-b-fontWeight: 700;
1729
- --en-multi-f-q-b-lineHeight: 27;
1730
- --en-multi-f-q-b-fontSize: 20;
1729
+ --en-multi-f-q-b-lineHeight: 27px;
1730
+ --en-multi-f-q-b-fontSize: 20px;
1731
1731
  --cn-single-f-f-b-fontFamily: PingFang SC;
1732
1732
  --cn-single-f-f-b-fontWeight: 600;
1733
1733
  --cn-single-f-f-b-lineHeight: AUTO;
1734
- --cn-single-f-f-b-fontSize: 22;
1734
+ --cn-single-f-f-b-fontSize: 22px;
1735
1735
  --cn-single-f-g-b-fontFamily: PingFang SC;
1736
1736
  --cn-single-f-g-b-fontWeight: 600;
1737
1737
  --cn-single-f-g-b-lineHeight: AUTO;
1738
- --cn-single-f-g-b-fontSize: 28;
1738
+ --cn-single-f-g-b-fontSize: 28px;
1739
1739
  --cn-single-f-i-b-fontFamily: PingFang SC;
1740
1740
  --cn-single-f-i-b-fontWeight: 600;
1741
1741
  --cn-single-f-i-b-lineHeight: AUTO;
1742
- --cn-single-f-i-b-fontSize: 42;
1742
+ --cn-single-f-i-b-fontSize: 42px;
1743
1743
  --cn-single-f-q-b-fontFamily: PingFang SC;
1744
1744
  --cn-single-f-q-b-fontWeight: 600;
1745
1745
  --cn-single-f-q-b-lineHeight: AUTO;
1746
- --cn-single-f-q-b-fontSize: 20;
1746
+ --cn-single-f-q-b-fontSize: 20px;
1747
1747
  --cn-multi-f-e-r-fontFamily: PingFang SC;
1748
1748
  --cn-multi-f-e-r-fontWeight: 400;
1749
- --cn-multi-f-e-r-lineHeight: 27;
1750
- --cn-multi-f-e-r-fontSize: 18;
1749
+ --cn-multi-f-e-r-lineHeight: 27px;
1750
+ --cn-multi-f-e-r-fontSize: 18px;
1751
1751
  --cn-multi-f-e-s-fontFamily: PingFang SC;
1752
1752
  --cn-multi-f-e-s-fontWeight: 600;
1753
- --cn-multi-f-e-s-lineHeight: 27;
1754
- --cn-multi-f-e-s-fontSize: 18;
1755
- --border-super-small:0.5;
1756
- --border-extra-small:1;
1757
- --border-small:1.5;
1758
- --border-medium:2;
1759
- --border-radius-super-full:999;
1760
- --font-size-l:10;
1753
+ --cn-multi-f-e-s-lineHeight: 27px;
1754
+ --cn-multi-f-e-s-fontSize: 18px;
1755
+ --border-super-small:0.5px;
1756
+ --border-extra-small:1px;
1757
+ --border-small:1.5px;
1758
+ --border-medium:2px;
1759
+ --border-radius-super-full:999px;
1760
+ --font-size-l:10px;
1761
1761
  --black-opacity-3:rgba(0,0,0,.15);
1762
1762
  --black-opacity-6:rgba(0,0,0,.3);
1763
1763
  --white-opacity-3:rgba(255,255,255,.15);
@@ -1862,30 +1862,30 @@ html{
1862
1862
  }
1863
1863
 
1864
1864
  html[theme="dark"]{
1865
- --height-headnav-primary:72;
1866
- --height-headnav-secondary:48;
1867
- --spacing-headnav-padding_y:20;
1868
- --spacing-headnav-icon-margin_left:20;
1869
- --spacing-headnav-text_description-margin_top:2;
1870
- --spacing-headnav-primary-dot-margin_right:4;
1871
- --spacing-headnav-primary-text-margin_right:8;
1872
- --spacing-headnav-title-margin_y:0;
1873
- --spacing-headnav-title-margin_right:8;
1865
+ --height-headnav-primary:72px;
1866
+ --height-headnav-secondary:48px;
1867
+ --spacing-headnav-padding_y:20px;
1868
+ --spacing-headnav-icon-margin_left:20px;
1869
+ --spacing-headnav-text_description-margin_top:2px;
1870
+ --spacing-headnav-primary-dot-margin_right:4px;
1871
+ --spacing-headnav-primary-text-margin_right:8px;
1872
+ --spacing-headnav-title-margin_y:0px;
1873
+ --spacing-headnav-title-margin_right:8px;
1874
1874
  --color-headnav-title:#F2F5FF;
1875
1875
  --color-headnav-text_description:rgba(235,235,245,.65);
1876
1876
  --color-headnav-text_delayed:rgba(235,235,245,.65);
1877
1877
  --color-headnav-icon:#F2F5FF;
1878
1878
  }
1879
1879
  html{
1880
- --height-headnav-primary:72;
1881
- --height-headnav-secondary:48;
1882
- --spacing-headnav-padding_y:20;
1883
- --spacing-headnav-icon-margin_left:20;
1884
- --spacing-headnav-text_description-margin_top:2;
1885
- --spacing-headnav-primary-dot-margin_right:4;
1886
- --spacing-headnav-primary-text-margin_right:8;
1887
- --spacing-headnav-title-margin_y:0;
1888
- --spacing-headnav-title-margin_right:8;
1880
+ --height-headnav-primary:72px;
1881
+ --height-headnav-secondary:48px;
1882
+ --spacing-headnav-padding_y:20px;
1883
+ --spacing-headnav-icon-margin_left:20px;
1884
+ --spacing-headnav-text_description-margin_top:2px;
1885
+ --spacing-headnav-primary-dot-margin_right:4px;
1886
+ --spacing-headnav-primary-text-margin_right:8px;
1887
+ --spacing-headnav-title-margin_y:0px;
1888
+ --spacing-headnav-title-margin_right:8px;
1889
1889
  --color-headnav-title:rgba(0,0,0,.85);
1890
1890
  --color-headnav-text_description:rgba(0,0,0,.5);
1891
1891
  --color-headnav-text_delayed:rgba(0,0,0,.5);
@@ -1893,48 +1893,48 @@ html{
1893
1893
  }
1894
1894
 
1895
1895
  html[theme="dark"]{
1896
- --height-input-form_text:48;
1897
- --height-input-search_content:64;
1898
- --height-input-bg:44;
1899
- --height-input-search_bg:44;
1900
- --height-input-code_number:48;
1901
- --height-input-code_number_line:2;
1902
- --height-input-divider:20;
1903
- --height-input-textarea:96;
1904
- --height-input-code:52;
1905
- --height-input-form_number_text:53;
1906
- --height-input-textarea_max:240;
1907
- --height-input-cursor:21;
1908
- --width-input-code_number:40;
1909
- --width-input-code_number_line:24;
1910
- --width-input-cursor:2;
1911
- --radius-input-bg:10;
1912
- --radius-input-trade_bg:6;
1913
- --radius-input-cursor:6;
1914
- --spacing-input-suffix_icon-margin_y:8;
1915
- --spacing-input-form_suffix_icon-margin_y:16;
1916
- --spacing-input-form_divider-margin_y:12;
1917
- --spacing-input-textarea-padding_x:12;
1918
- --spacing-input-textarea-padding_y:12;
1919
- --spacing-input-textarea_text-margin_down:10;
1920
- --spacing-input-search_textarea-padding_y:20;
1921
- --spacing-input-search_cancel-margin_left:20;
1922
- --spacing-input-trade-padding_y:16;
1923
- --spacing-input-trade_number_divider-margin_y:16;
1924
- --spacing-input-trade_number_divider-margin_right:12;
1925
- --spacing-input-trade_number_divider-margin_left:12;
1926
- --spacing-input-trade_number_input-margin_left:4;
1927
- --spacing-input-trade_number_input-margin_y:4;
1928
- --spacing-input-code_number-margin_bottom:2;
1929
- --spacing-input-code_number-margin_right:15;
1930
- --spacing-input-code-padding_y:30;
1931
- --spacing-input-max_text-padding_y:12;
1932
- --spacing-input-form_text-padding_x:14;
1933
- --spacing-input-form_number-padding_x:10;
1934
- --icon-input-clean:20;
1935
- --icon-input-form_suffix:20;
1936
- --icon-input-search:20;
1937
- --icon-input-trade_number_input_icon:20;
1896
+ --height-input-form_text:48px;
1897
+ --height-input-search_content:64px;
1898
+ --height-input-bg:44px;
1899
+ --height-input-search_bg:44px;
1900
+ --height-input-code_number:48px;
1901
+ --height-input-code_number_line:2px;
1902
+ --height-input-divider:20px;
1903
+ --height-input-textarea:96px;
1904
+ --height-input-code:52px;
1905
+ --height-input-form_number_text:53px;
1906
+ --height-input-textarea_max:240px;
1907
+ --height-input-cursor:21px;
1908
+ --width-input-code_number:40px;
1909
+ --width-input-code_number_line:24px;
1910
+ --width-input-cursor:2px;
1911
+ --radius-input-bg:10px;
1912
+ --radius-input-trade_bg:6px;
1913
+ --radius-input-cursor:6px;
1914
+ --spacing-input-suffix_icon-margin_y:8px;
1915
+ --spacing-input-form_suffix_icon-margin_y:16px;
1916
+ --spacing-input-form_divider-margin_y:12px;
1917
+ --spacing-input-textarea-padding_x:12px;
1918
+ --spacing-input-textarea-padding_y:12px;
1919
+ --spacing-input-textarea_text-margin_down:10px;
1920
+ --spacing-input-search_textarea-padding_y:20px;
1921
+ --spacing-input-search_cancel-margin_left:20px;
1922
+ --spacing-input-trade-padding_y:16px;
1923
+ --spacing-input-trade_number_divider-margin_y:16px;
1924
+ --spacing-input-trade_number_divider-margin_right:12px;
1925
+ --spacing-input-trade_number_divider-margin_left:12px;
1926
+ --spacing-input-trade_number_input-margin_left:4px;
1927
+ --spacing-input-trade_number_input-margin_y:4px;
1928
+ --spacing-input-code_number-margin_bottom:2px;
1929
+ --spacing-input-code_number-margin_right:15px;
1930
+ --spacing-input-code-padding_y:30px;
1931
+ --spacing-input-max_text-padding_y:12px;
1932
+ --spacing-input-form_text-padding_x:14px;
1933
+ --spacing-input-form_number-padding_x:10px;
1934
+ --icon-input-clean:20px;
1935
+ --icon-input-form_suffix:20px;
1936
+ --icon-input-search:20px;
1937
+ --icon-input-trade_number_input_icon:20px;
1938
1938
  --color-input-text-default:rgba(235,235,245,.3);
1939
1939
  --color-input-text-active:#F2F5FF;
1940
1940
  --color-input-text-wrong:#eb5c31;
@@ -1950,48 +1950,48 @@ html[theme="dark"]{
1950
1950
  --color-input-cursor:#1bc47d;
1951
1951
  }
1952
1952
  html{
1953
- --height-input-form_text:48;
1954
- --height-input-search_content:64;
1955
- --height-input-bg:44;
1956
- --height-input-search_bg:44;
1957
- --height-input-code_number:48;
1958
- --height-input-code_number_line:2;
1959
- --height-input-divider:20;
1960
- --height-input-textarea:96;
1961
- --height-input-code:52;
1962
- --height-input-form_number_text:53;
1963
- --height-input-textarea_max:240;
1964
- --height-input-cursor:21;
1965
- --width-input-code_number:40;
1966
- --width-input-code_number_line:24;
1967
- --width-input-cursor:2;
1968
- --radius-input-bg:10;
1969
- --radius-input-trade_bg:6;
1970
- --radius-input-cursor:6;
1971
- --spacing-input-suffix_icon-margin_y:8;
1972
- --spacing-input-form_suffix_icon-margin_y:16;
1973
- --spacing-input-form_divider-margin_y:12;
1974
- --spacing-input-textarea-padding_x:12;
1975
- --spacing-input-textarea-padding_y:12;
1976
- --spacing-input-textarea_text-margin_down:10;
1977
- --spacing-input-search_textarea-padding_y:20;
1978
- --spacing-input-search_cancel-margin_left:20;
1979
- --spacing-input-trade-padding_y:16;
1980
- --spacing-input-trade_number_divider-margin_y:16;
1981
- --spacing-input-trade_number_divider-margin_right:12;
1982
- --spacing-input-trade_number_divider-margin_left:12;
1983
- --spacing-input-trade_number_input-margin_left:4;
1984
- --spacing-input-trade_number_input-margin_y:4;
1985
- --spacing-input-code_number-margin_bottom:2;
1986
- --spacing-input-code_number-margin_right:15;
1987
- --spacing-input-code-padding_y:30;
1988
- --spacing-input-max_text-padding_y:12;
1989
- --spacing-input-form_text-padding_x:14;
1990
- --spacing-input-form_number-padding_x:10;
1991
- --icon-input-clean:20;
1992
- --icon-input-form_suffix:20;
1993
- --icon-input-search:20;
1994
- --icon-input-trade_number_input_icon:20;
1953
+ --height-input-form_text:48px;
1954
+ --height-input-search_content:64px;
1955
+ --height-input-bg:44px;
1956
+ --height-input-search_bg:44px;
1957
+ --height-input-code_number:48px;
1958
+ --height-input-code_number_line:2px;
1959
+ --height-input-divider:20px;
1960
+ --height-input-textarea:96px;
1961
+ --height-input-code:52px;
1962
+ --height-input-form_number_text:53px;
1963
+ --height-input-textarea_max:240px;
1964
+ --height-input-cursor:21px;
1965
+ --width-input-code_number:40px;
1966
+ --width-input-code_number_line:24px;
1967
+ --width-input-cursor:2px;
1968
+ --radius-input-bg:10px;
1969
+ --radius-input-trade_bg:6px;
1970
+ --radius-input-cursor:6px;
1971
+ --spacing-input-suffix_icon-margin_y:8px;
1972
+ --spacing-input-form_suffix_icon-margin_y:16px;
1973
+ --spacing-input-form_divider-margin_y:12px;
1974
+ --spacing-input-textarea-padding_x:12px;
1975
+ --spacing-input-textarea-padding_y:12px;
1976
+ --spacing-input-textarea_text-margin_down:10px;
1977
+ --spacing-input-search_textarea-padding_y:20px;
1978
+ --spacing-input-search_cancel-margin_left:20px;
1979
+ --spacing-input-trade-padding_y:16px;
1980
+ --spacing-input-trade_number_divider-margin_y:16px;
1981
+ --spacing-input-trade_number_divider-margin_right:12px;
1982
+ --spacing-input-trade_number_divider-margin_left:12px;
1983
+ --spacing-input-trade_number_input-margin_left:4px;
1984
+ --spacing-input-trade_number_input-margin_y:4px;
1985
+ --spacing-input-code_number-margin_bottom:2px;
1986
+ --spacing-input-code_number-margin_right:15px;
1987
+ --spacing-input-code-padding_y:30px;
1988
+ --spacing-input-max_text-padding_y:12px;
1989
+ --spacing-input-form_text-padding_x:14px;
1990
+ --spacing-input-form_number-padding_x:10px;
1991
+ --icon-input-clean:20px;
1992
+ --icon-input-form_suffix:20px;
1993
+ --icon-input-search:20px;
1994
+ --icon-input-trade_number_input_icon:20px;
1995
1995
  --color-input-text-default:rgba(0,0,0,.3);
1996
1996
  --color-input-text-active:rgba(0,0,0,.85);
1997
1997
  --color-input-text-wrong:#eb5c31;
@@ -2008,103 +2008,103 @@ html{
2008
2008
  }
2009
2009
 
2010
2010
  html[theme="dark"]{
2011
- --spacing-list-info_title-margin_right:8;
2012
- --spacing-list-info_icon-margin_y:4;
2013
- --spacing-list-info_s-padding_top:7;
2014
- --spacing-list-info_s-padding_bottom:8;
2015
- --spacing-list-info_m-padding_top:11;
2016
- --spacing-list-info_m-padding_bottom:12;
2017
- --spacing-list-info_l-padding_top:14;
2018
- --spacing-list-info_l-padding_bottom:15;
2019
- --spacing-list-common-padding_x:16;
2020
- --spacing-list-common-padding_y:16;
2021
- --spacing-list-common_icon-margin_right:12;
2022
- --spacing-list-common_badge-margin_left:12;
2023
- --spacing-list-common_describe-margin_xy:4;
2024
- --spacing-list-check_icon-margin_right:8;
2025
- --spacing-list-check-margin_left:12;
2026
- --spacing-list-common_switch-margin_left:8;
2027
- --icon-list-right:16;
2028
- --icon-list-check:20;
2011
+ --spacing-list-info_title-margin_right:8px;
2012
+ --spacing-list-info_icon-margin_y:4px;
2013
+ --spacing-list-info_s-padding_top:7px;
2014
+ --spacing-list-info_s-padding_bottom:8px;
2015
+ --spacing-list-info_m-padding_top:11px;
2016
+ --spacing-list-info_m-padding_bottom:12px;
2017
+ --spacing-list-info_l-padding_top:14px;
2018
+ --spacing-list-info_l-padding_bottom:15px;
2019
+ --spacing-list-common-padding_x:16px;
2020
+ --spacing-list-common-padding_y:16px;
2021
+ --spacing-list-common_icon-margin_right:12px;
2022
+ --spacing-list-common_badge-margin_left:12px;
2023
+ --spacing-list-common_describe-margin_xy:4px;
2024
+ --spacing-list-check_icon-margin_right:8px;
2025
+ --spacing-list-check-margin_left:12px;
2026
+ --spacing-list-common_switch-margin_left:8px;
2027
+ --icon-list-right:16px;
2028
+ --icon-list-check:20px;
2029
2029
  --color-list-title:#F2F5FF;
2030
2030
  --color-list-text:rgba(235,235,245,.65);
2031
2031
  }
2032
2032
  html{
2033
- --spacing-list-info_title-margin_right:8;
2034
- --spacing-list-info_icon-margin_y:4;
2035
- --spacing-list-info_s-padding_top:7;
2036
- --spacing-list-info_s-padding_bottom:8;
2037
- --spacing-list-info_m-padding_top:11;
2038
- --spacing-list-info_m-padding_bottom:12;
2039
- --spacing-list-info_l-padding_top:14;
2040
- --spacing-list-info_l-padding_bottom:15;
2041
- --spacing-list-common-padding_x:16;
2042
- --spacing-list-common-padding_y:16;
2043
- --spacing-list-common_icon-margin_right:12;
2044
- --spacing-list-common_badge-margin_left:12;
2045
- --spacing-list-common_describe-margin_xy:4;
2046
- --spacing-list-check_icon-margin_right:8;
2047
- --spacing-list-check-margin_left:12;
2048
- --spacing-list-common_switch-margin_left:8;
2049
- --icon-list-right:16;
2050
- --icon-list-check:20;
2033
+ --spacing-list-info_title-margin_right:8px;
2034
+ --spacing-list-info_icon-margin_y:4px;
2035
+ --spacing-list-info_s-padding_top:7px;
2036
+ --spacing-list-info_s-padding_bottom:8px;
2037
+ --spacing-list-info_m-padding_top:11px;
2038
+ --spacing-list-info_m-padding_bottom:12px;
2039
+ --spacing-list-info_l-padding_top:14px;
2040
+ --spacing-list-info_l-padding_bottom:15px;
2041
+ --spacing-list-common-padding_x:16px;
2042
+ --spacing-list-common-padding_y:16px;
2043
+ --spacing-list-common_icon-margin_right:12px;
2044
+ --spacing-list-common_badge-margin_left:12px;
2045
+ --spacing-list-common_describe-margin_xy:4px;
2046
+ --spacing-list-check_icon-margin_right:8px;
2047
+ --spacing-list-check-margin_left:12px;
2048
+ --spacing-list-common_switch-margin_left:8px;
2049
+ --icon-list-right:16px;
2050
+ --icon-list-check:20px;
2051
2051
  --color-list-title:rgba(0,0,0,.85);
2052
2052
  --color-list-text:rgba(0,0,0,.5);
2053
2053
  }
2054
2054
 
2055
2055
  html[theme="dark"]{
2056
- --height-loading-small:109;
2057
- --width-loading-small:110;
2058
- --width-loading-large:279;
2059
- --radius-loading-size:10;
2060
- --spacing-loading-padding_y:16;
2061
- --spacing-loading-padding_x:19;
2062
- --spacing-loading-icon-margin_bottom:8;
2063
- --icon-loading-size:48;
2064
- --icon-loading-refres_small:32;
2065
- --icon-loading-refres_large:64;
2056
+ --height-loading-small:109px;
2057
+ --width-loading-small:110px;
2058
+ --width-loading-large:279px;
2059
+ --radius-loading-size:10px;
2060
+ --spacing-loading-padding_y:16px;
2061
+ --spacing-loading-padding_x:19px;
2062
+ --spacing-loading-icon-margin_bottom:8px;
2063
+ --icon-loading-size:48px;
2064
+ --icon-loading-refres_small:32px;
2065
+ --icon-loading-refres_large:64px;
2066
2066
  --color-loading-bg:rgba(72,72,74,.96);
2067
2067
  --color-loading-text:#ffffff;
2068
2068
  }
2069
2069
  html{
2070
- --height-loading-small:109;
2071
- --width-loading-small:110;
2072
- --width-loading-large:279;
2073
- --radius-loading-size:10;
2074
- --spacing-loading-padding_y:16;
2075
- --spacing-loading-padding_x:19;
2076
- --spacing-loading-icon-margin_bottom:8;
2077
- --icon-loading-size:48;
2078
- --icon-loading-refres_small:32;
2079
- --icon-loading-refres_large:64;
2070
+ --height-loading-small:109px;
2071
+ --width-loading-small:110px;
2072
+ --width-loading-large:279px;
2073
+ --radius-loading-size:10px;
2074
+ --spacing-loading-padding_y:16px;
2075
+ --spacing-loading-padding_x:19px;
2076
+ --spacing-loading-icon-margin_bottom:8px;
2077
+ --icon-loading-size:48px;
2078
+ --icon-loading-refres_small:32px;
2079
+ --icon-loading-refres_large:64px;
2080
2080
  --color-loading-bg:rgba(0,0,0,.85);
2081
2081
  --color-loading-text:#ffffff;
2082
2082
  }
2083
2083
 
2084
2084
  html[theme="dark"]{
2085
- --height-noticebar-snackbar:34;
2086
- --radius-noticebar-snackbar:6;
2087
- --radius-noticebar-toast:17;
2088
- --radius-noticebar-notification:10;
2089
- --radius-noticebar-notification_tag:4;
2090
- --spacing-noticebar-snackbar-padding_left:8;
2091
- --spacing-noticebar-snackbar-padding_right:12;
2092
- --spacing-noticebar-snackbar_icon-margin_right:8;
2093
- --spacing-noticebar-snackbar_text-margin_right:4;
2094
- --spacing-noticebar-toast-padding_left:8;
2095
- --spacing-noticebar-toast-padding_right:16;
2096
- --spacing-noticebar-toast_icon-margin_right:4;
2097
- --spacing-noticebar-notification-padding_left:16;
2098
- --spacing-noticebar-notification-padding_right:16;
2099
- --spacing-noticebar-notification-padding_top:16;
2100
- --spacing-noticebar-notification-padding_bottom:16;
2101
- --spacing-noticebar-notification_title-margin_bottom:6;
2102
- --spacing-noticebar-notification_button-padding_right:12;
2103
- --spacing-noticebar-notification-button-margin_left:3;
2104
- --icon-noticebar-snackbar:16;
2105
- --icon-noticebar-toast:20;
2106
- --icon-noticebar-notification:12;
2107
- --icon-noticebar-:20;
2085
+ --height-noticebar-snackbar:34px;
2086
+ --radius-noticebar-snackbar:6px;
2087
+ --radius-noticebar-toast:17px;
2088
+ --radius-noticebar-notification:10px;
2089
+ --radius-noticebar-notification_tag:4px;
2090
+ --spacing-noticebar-snackbar-padding_left:8px;
2091
+ --spacing-noticebar-snackbar-padding_right:12px;
2092
+ --spacing-noticebar-snackbar_icon-margin_right:8px;
2093
+ --spacing-noticebar-snackbar_text-margin_right:4px;
2094
+ --spacing-noticebar-toast-padding_left:8px;
2095
+ --spacing-noticebar-toast-padding_right:16px;
2096
+ --spacing-noticebar-toast_icon-margin_right:4px;
2097
+ --spacing-noticebar-notification-padding_left:16px;
2098
+ --spacing-noticebar-notification-padding_right:16px;
2099
+ --spacing-noticebar-notification-padding_top:16px;
2100
+ --spacing-noticebar-notification-padding_bottom:16px;
2101
+ --spacing-noticebar-notification_title-margin_bottom:6px;
2102
+ --spacing-noticebar-notification_button-padding_right:12px;
2103
+ --spacing-noticebar-notification-button-margin_left:3px;
2104
+ --icon-noticebar-snackbar:16px;
2105
+ --icon-noticebar-toast:20px;
2106
+ --icon-noticebar-notification:12px;
2107
+ --icon-noticebar-:20px;
2108
2108
  --color-noticebar-snackbar_info-bg:#0B2F36;
2109
2109
  --color-noticebar-snackbar_info-text:#e6f8fa;
2110
2110
  --color-noticebar-snackbar_info-icon:rgba(230,248,250,.6);
@@ -2125,29 +2125,29 @@ html[theme="dark"]{
2125
2125
  --color-noticebar-toast_warning-icon:#eb5c31;
2126
2126
  }
2127
2127
  html{
2128
- --height-noticebar-snackbar:34;
2129
- --radius-noticebar-snackbar:6;
2130
- --radius-noticebar-toast:17;
2131
- --radius-noticebar-notification:10;
2132
- --radius-noticebar-notification_tag:4;
2133
- --spacing-noticebar-snackbar-padding_left:8;
2134
- --spacing-noticebar-snackbar-padding_right:12;
2135
- --spacing-noticebar-snackbar_icon-margin_right:8;
2136
- --spacing-noticebar-snackbar_text-margin_right:4;
2137
- --spacing-noticebar-toast-padding_left:8;
2138
- --spacing-noticebar-toast-padding_right:16;
2139
- --spacing-noticebar-toast_icon-margin_right:4;
2140
- --spacing-noticebar-notification-padding_left:16;
2141
- --spacing-noticebar-notification-padding_right:16;
2142
- --spacing-noticebar-notification-padding_top:16;
2143
- --spacing-noticebar-notification-padding_bottom:16;
2144
- --spacing-noticebar-notification_title-margin_bottom:6;
2145
- --spacing-noticebar-notification_button-padding_right:12;
2146
- --spacing-noticebar-notification-button-margin_left:3;
2147
- --icon-noticebar-snackbar:16;
2148
- --icon-noticebar-toast:20;
2149
- --icon-noticebar-notification:12;
2150
- --icon-noticebar-:20;
2128
+ --height-noticebar-snackbar:34px;
2129
+ --radius-noticebar-snackbar:6px;
2130
+ --radius-noticebar-toast:17px;
2131
+ --radius-noticebar-notification:10px;
2132
+ --radius-noticebar-notification_tag:4px;
2133
+ --spacing-noticebar-snackbar-padding_left:8px;
2134
+ --spacing-noticebar-snackbar-padding_right:12px;
2135
+ --spacing-noticebar-snackbar_icon-margin_right:8px;
2136
+ --spacing-noticebar-snackbar_text-margin_right:4px;
2137
+ --spacing-noticebar-toast-padding_left:8px;
2138
+ --spacing-noticebar-toast-padding_right:16px;
2139
+ --spacing-noticebar-toast_icon-margin_right:4px;
2140
+ --spacing-noticebar-notification-padding_left:16px;
2141
+ --spacing-noticebar-notification-padding_right:16px;
2142
+ --spacing-noticebar-notification-padding_top:16px;
2143
+ --spacing-noticebar-notification-padding_bottom:16px;
2144
+ --spacing-noticebar-notification_title-margin_bottom:6px;
2145
+ --spacing-noticebar-notification_button-padding_right:12px;
2146
+ --spacing-noticebar-notification-button-margin_left:3px;
2147
+ --icon-noticebar-snackbar:16px;
2148
+ --icon-noticebar-toast:20px;
2149
+ --icon-noticebar-notification:12px;
2150
+ --icon-noticebar-:20px;
2151
2151
  --color-noticebar-snackbar_info-bg:#e6f8fa;
2152
2152
  --color-noticebar-snackbar_info-text:#00A5BB;
2153
2153
  --color-noticebar-snackbar_info-icon:rgba(0,165,187,.6);
@@ -2169,13 +2169,13 @@ html{
2169
2169
  }
2170
2170
 
2171
2171
  html[theme="dark"]{
2172
- --height-pagebreak-drop:3;
2173
- --width-pagebreak-drop:8;
2174
- --radius-pagebreak-drop:1;
2175
- --radius-pagebreak-number_bg:14;
2176
- --spacing-pagebreak-drop-margin_right:4;
2177
- --spacing-pagebreak-number-padding_y:8;
2178
- --spacing-pagebreak-number-padding_x:1;
2172
+ --height-pagebreak-drop:3px;
2173
+ --width-pagebreak-drop:8px;
2174
+ --radius-pagebreak-drop:1px;
2175
+ --radius-pagebreak-number_bg:14px;
2176
+ --spacing-pagebreak-drop-margin_right:4px;
2177
+ --spacing-pagebreak-number-padding_y:8px;
2178
+ --spacing-pagebreak-number-padding_x:1px;
2179
2179
  --color-pagebreak-drop-default:rgba(255,255,255,.20);
2180
2180
  --color-pagebreak-drop-active:rgba(255,255,255,.85);
2181
2181
  --color-pagebreak-number-bg:rgba(0,0,0,.3);
@@ -2185,13 +2185,13 @@ html[theme="dark"]{
2185
2185
  --color-pagebreak-drop-light-active:rgba(255,255,255,.15);
2186
2186
  }
2187
2187
  html{
2188
- --height-pagebreak-drop:3;
2189
- --width-pagebreak-drop:8;
2190
- --radius-pagebreak-drop:1;
2191
- --radius-pagebreak-number_bg:14;
2192
- --spacing-pagebreak-drop-margin_right:4;
2193
- --spacing-pagebreak-number-padding_y:8;
2194
- --spacing-pagebreak-number-padding_x:1;
2188
+ --height-pagebreak-drop:3px;
2189
+ --width-pagebreak-drop:8px;
2190
+ --radius-pagebreak-drop:1px;
2191
+ --radius-pagebreak-number_bg:14px;
2192
+ --spacing-pagebreak-drop-margin_right:4px;
2193
+ --spacing-pagebreak-number-padding_y:8px;
2194
+ --spacing-pagebreak-number-padding_x:1px;
2195
2195
  --color-pagebreak-drop-default:rgba(0,0,0,.15);
2196
2196
  --color-pagebreak-drop-active:rgba(0,0,0,.85);
2197
2197
  --color-pagebreak-number-bg:rgba(0,0,0,.3);
@@ -2202,28 +2202,28 @@ html{
2202
2202
  }
2203
2203
 
2204
2204
  html[theme="dark"]{
2205
- --height-popover-primary:33;
2206
- --height-popover-custom:33;
2207
- --height-popover-secondary:22;
2208
- --radius-popover-primary:4;
2209
- --radius-popover-secondary:4;
2210
- --radius-popover-custom:4;
2211
- --spacing-popover-primary-padding_left:12;
2212
- --spacing-popover-primary-padding_right:12;
2213
- --spacing-popover-primary-margin_y:4;
2214
- --spacing-popover-primary-padding_top:8;
2215
- --spacing-popover-primary-padding_bottom:8;
2216
- --spacing-popover-secondary-padding_left:8;
2217
- --spacing-popover-secondary-padding_right:8;
2218
- --spacing-popover-secondary-margin_y:4;
2219
- --spacing-popover-secondary-padding_top:4;
2220
- --spacing-popover-secondary-padding_bottom:4;
2221
- --spacing-popover-custom-padding_left:12;
2222
- --spacing-popover-custom-padding_right:12;
2223
- --spacing-popover-custom-margin_y:4;
2224
- --icon-popover-primary:16;
2225
- --icon-popover-secondary:12;
2226
- --icon-popover-custom:16;
2205
+ --height-popover-primary:33px;
2206
+ --height-popover-custom:33px;
2207
+ --height-popover-secondary:22px;
2208
+ --radius-popover-primary:4px;
2209
+ --radius-popover-secondary:4px;
2210
+ --radius-popover-custom:4px;
2211
+ --spacing-popover-primary-padding_left:12px;
2212
+ --spacing-popover-primary-padding_right:12px;
2213
+ --spacing-popover-primary-margin_y:4px;
2214
+ --spacing-popover-primary-padding_top:8px;
2215
+ --spacing-popover-primary-padding_bottom:8px;
2216
+ --spacing-popover-secondary-padding_left:8px;
2217
+ --spacing-popover-secondary-padding_right:8px;
2218
+ --spacing-popover-secondary-margin_y:4px;
2219
+ --spacing-popover-secondary-padding_top:4px;
2220
+ --spacing-popover-secondary-padding_bottom:4px;
2221
+ --spacing-popover-custom-padding_left:12px;
2222
+ --spacing-popover-custom-padding_right:12px;
2223
+ --spacing-popover-custom-margin_y:4px;
2224
+ --icon-popover-primary:16px;
2225
+ --icon-popover-secondary:12px;
2226
+ --icon-popover-custom:16px;
2227
2227
  --color-popover-primary-bg:#767680;
2228
2228
  --color-popover-primary-text:#ffffff;
2229
2229
  --color-popover-secondary-bg:#767680;
@@ -2232,28 +2232,28 @@ html[theme="dark"]{
2232
2232
  --color-popover-custom-text:#ffffff;
2233
2233
  }
2234
2234
  html{
2235
- --height-popover-primary:33;
2236
- --height-popover-custom:33;
2237
- --height-popover-secondary:22;
2238
- --radius-popover-primary:4;
2239
- --radius-popover-secondary:4;
2240
- --radius-popover-custom:4;
2241
- --spacing-popover-primary-padding_left:12;
2242
- --spacing-popover-primary-padding_right:12;
2243
- --spacing-popover-primary-margin_y:4;
2244
- --spacing-popover-primary-padding_top:8;
2245
- --spacing-popover-primary-padding_bottom:8;
2246
- --spacing-popover-secondary-padding_left:8;
2247
- --spacing-popover-secondary-padding_right:8;
2248
- --spacing-popover-secondary-margin_y:4;
2249
- --spacing-popover-secondary-padding_top:4;
2250
- --spacing-popover-secondary-padding_bottom:4;
2251
- --spacing-popover-custom-padding_left:12;
2252
- --spacing-popover-custom-padding_right:12;
2253
- --spacing-popover-custom-margin_y:4;
2254
- --icon-popover-primary:16;
2255
- --icon-popover-secondary:12;
2256
- --icon-popover-custom:16;
2235
+ --height-popover-primary:33px;
2236
+ --height-popover-custom:33px;
2237
+ --height-popover-secondary:22px;
2238
+ --radius-popover-primary:4px;
2239
+ --radius-popover-secondary:4px;
2240
+ --radius-popover-custom:4px;
2241
+ --spacing-popover-primary-padding_left:12px;
2242
+ --spacing-popover-primary-padding_right:12px;
2243
+ --spacing-popover-primary-margin_y:4px;
2244
+ --spacing-popover-primary-padding_top:8px;
2245
+ --spacing-popover-primary-padding_bottom:8px;
2246
+ --spacing-popover-secondary-padding_left:8px;
2247
+ --spacing-popover-secondary-padding_right:8px;
2248
+ --spacing-popover-secondary-margin_y:4px;
2249
+ --spacing-popover-secondary-padding_top:4px;
2250
+ --spacing-popover-secondary-padding_bottom:4px;
2251
+ --spacing-popover-custom-padding_left:12px;
2252
+ --spacing-popover-custom-padding_right:12px;
2253
+ --spacing-popover-custom-margin_y:4px;
2254
+ --icon-popover-primary:16px;
2255
+ --icon-popover-secondary:12px;
2256
+ --icon-popover-custom:16px;
2257
2257
  --color-popover-primary-bg:#545458;
2258
2258
  --color-popover-primary-text:#ffffff;
2259
2259
  --color-popover-secondary-bg:#545458;
@@ -2263,50 +2263,50 @@ html{
2263
2263
  }
2264
2264
 
2265
2265
  html[theme="dark"]{
2266
- --spacing-result-text-margin_top:12;
2267
- --spacing-result-text-margin_bottom:28;
2268
- --spacing-result-title-margin_top:0;
2269
- --spacing-result-button-margin_y:80;
2270
- --spacing-result-text_button-margin_top:12;
2266
+ --spacing-result-text-margin_top:12px;
2267
+ --spacing-result-text-margin_bottom:28px;
2268
+ --spacing-result-title-margin_top:0px;
2269
+ --spacing-result-button-margin_y:80px;
2270
+ --spacing-result-text_button-margin_top:12px;
2271
2271
  --color-result-title:#F2F5FF;
2272
2272
  --color-result-text:rgba(235,235,245,.65);
2273
2273
  }
2274
2274
  html{
2275
- --spacing-result-text-margin_top:12;
2276
- --spacing-result-text-margin_bottom:28;
2277
- --spacing-result-title-margin_top:0;
2278
- --spacing-result-button-margin_y:80;
2279
- --spacing-result-text_button-margin_top:12;
2275
+ --spacing-result-text-margin_top:12px;
2276
+ --spacing-result-text-margin_bottom:28px;
2277
+ --spacing-result-title-margin_top:0px;
2278
+ --spacing-result-button-margin_y:80px;
2279
+ --spacing-result-text_button-margin_top:12px;
2280
2280
  --color-result-title:rgba(0,0,0,.85);
2281
2281
  --color-result-text:rgba(0,0,0,.5);
2282
2282
  }
2283
2283
 
2284
2284
  html[theme="dark"]{
2285
- --height-selector-form:44;
2286
- --height-selector-multi:48;
2287
- --height-selector-multi_button:28;
2288
- --height-selector-import:44;
2289
- --radius-selector-form:6;
2290
- --radius-selector-multi_button:6;
2291
- --spacing-selector-xl-margin_y:4;
2292
- --spacing-selector-l-margin_y:4;
2293
- --spacing-selector-m-margin_y:2;
2294
- --spacing-selector-s-margin_y:2;
2295
- --spacing-selector-trade-margin_y:4;
2296
- --spacing-selector-multi_button-padding_y:12;
2297
- --spacing-selector-multi_icon_close-margin_left:4;
2298
- --spacing-selector-multi_button-margin_right:12;
2299
- --spacing-selector-multi_icon_down-margin_right:8;
2300
- --spacing-selector-padding_y:16;
2301
- --spacing-selector-icon-margin_right:4;
2302
- --spacing-selector-down-margin_left:8;
2303
- --icon-selector-l:20;
2304
- --icon-selector-down:16;
2305
- --icon-selector-m:20;
2306
- --icon-selector-s:16;
2307
- --icon-selector-multi_button_close:16;
2308
- --icon-selector-xl:24;
2309
- --width-selector-form:335;
2285
+ --height-selector-form:44px;
2286
+ --height-selector-multi:48px;
2287
+ --height-selector-multi_button:28px;
2288
+ --height-selector-import:44px;
2289
+ --radius-selector-form:6px;
2290
+ --radius-selector-multi_button:6px;
2291
+ --spacing-selector-xl-margin_y:4px;
2292
+ --spacing-selector-l-margin_y:4px;
2293
+ --spacing-selector-m-margin_y:2px;
2294
+ --spacing-selector-s-margin_y:2px;
2295
+ --spacing-selector-trade-margin_y:4px;
2296
+ --spacing-selector-multi_button-padding_y:12px;
2297
+ --spacing-selector-multi_icon_close-margin_left:4px;
2298
+ --spacing-selector-multi_button-margin_right:12px;
2299
+ --spacing-selector-multi_icon_down-margin_right:8px;
2300
+ --spacing-selector-padding_y:16px;
2301
+ --spacing-selector-icon-margin_right:4px;
2302
+ --spacing-selector-down-margin_left:8px;
2303
+ --icon-selector-l:20px;
2304
+ --icon-selector-down:16px;
2305
+ --icon-selector-m:20px;
2306
+ --icon-selector-s:16px;
2307
+ --icon-selector-multi_button_close:16px;
2308
+ --icon-selector-xl:24px;
2309
+ --width-selector-form:335px;
2310
2310
  --color-selector-xl-text-disable:rgba(235,235,245,.3);
2311
2311
  --color-selector-xl-text-default:rgba(235,235,245,.3);
2312
2312
  --color-selector-xl-text-active:#F2F5FF;
@@ -2337,31 +2337,31 @@ html[theme="dark"]{
2337
2337
  --color-selector-import-text-default:#F2F5FF;
2338
2338
  }
2339
2339
  html{
2340
- --height-selector-form:44;
2341
- --height-selector-multi:48;
2342
- --height-selector-multi_button:28;
2343
- --height-selector-import:44;
2344
- --radius-selector-form:6;
2345
- --radius-selector-multi_button:6;
2346
- --spacing-selector-xl-margin_y:4;
2347
- --spacing-selector-l-margin_y:4;
2348
- --spacing-selector-m-margin_y:2;
2349
- --spacing-selector-s-margin_y:2;
2350
- --spacing-selector-trade-margin_y:4;
2351
- --spacing-selector-multi_button-padding_y:12;
2352
- --spacing-selector-multi_icon_close-margin_left:4;
2353
- --spacing-selector-multi_button-margin_right:12;
2354
- --spacing-selector-multi_icon_down-margin_right:8;
2355
- --spacing-selector-padding_y:16;
2356
- --spacing-selector-icon-margin_right:4;
2357
- --spacing-selector-down-margin_left:8;
2358
- --icon-selector-l:20;
2359
- --icon-selector-down:16;
2360
- --icon-selector-m:20;
2361
- --icon-selector-s:16;
2362
- --icon-selector-multi_button_close:16;
2363
- --icon-selector-xl:24;
2364
- --width-selector-form:335;
2340
+ --height-selector-form:44px;
2341
+ --height-selector-multi:48px;
2342
+ --height-selector-multi_button:28px;
2343
+ --height-selector-import:44px;
2344
+ --radius-selector-form:6px;
2345
+ --radius-selector-multi_button:6px;
2346
+ --spacing-selector-xl-margin_y:4px;
2347
+ --spacing-selector-l-margin_y:4px;
2348
+ --spacing-selector-m-margin_y:2px;
2349
+ --spacing-selector-s-margin_y:2px;
2350
+ --spacing-selector-trade-margin_y:4px;
2351
+ --spacing-selector-multi_button-padding_y:12px;
2352
+ --spacing-selector-multi_icon_close-margin_left:4px;
2353
+ --spacing-selector-multi_button-margin_right:12px;
2354
+ --spacing-selector-multi_icon_down-margin_right:8px;
2355
+ --spacing-selector-padding_y:16px;
2356
+ --spacing-selector-icon-margin_right:4px;
2357
+ --spacing-selector-down-margin_left:8px;
2358
+ --icon-selector-l:20px;
2359
+ --icon-selector-down:16px;
2360
+ --icon-selector-m:20px;
2361
+ --icon-selector-s:16px;
2362
+ --icon-selector-multi_button_close:16px;
2363
+ --icon-selector-xl:24px;
2364
+ --width-selector-form:335px;
2365
2365
  --color-selector-xl-text-disable:rgba(0,0,0,.3);
2366
2366
  --color-selector-xl-text-default:rgba(0,0,0,.3);
2367
2367
  --color-selector-xl-text-active:rgba(0,0,0,.85);
@@ -2393,86 +2393,86 @@ html{
2393
2393
  }
2394
2394
 
2395
2395
  html[theme="dark"]{
2396
- --height-skeleton-img:210;
2397
- --height-skeleton-button:48;
2398
- --height-skeleton-small_shapes:66;
2399
- --height-skeleton-text_s:12;
2400
- --height-skeleton-text_m:18;
2401
- --height-skeleton-text_l:28;
2402
- --width-skeleton-head:136;
2403
- --width-skeleton-button:215;
2404
- --width-skeleton-avatar_s:36;
2405
- --width-skeleton-avatar_text:95;
2406
- --width-skeleton-stock_data_s:42;
2407
- --width-skeleton-stock_data_m:64;
2408
- --width-skeleton-stock_data_l:64;
2409
- --width-skeleton-stock_data_xl:104;
2410
- --width-skeleton-avatar_m:48;
2411
- --width-skeleton-avatar_l:80;
2412
- --width-skeleton-img_small:100;
2413
- --radius-skeleton-img:12;
2414
- --radius-skeleton-text_l:4;
2415
- --radius-skeleton-button:10;
2416
- --radius-skeleton-small_shapes:6;
2417
- --radius-skeleton-text_s:2;
2418
- --spacing-skeleton-text-margin_bottom:12;
2419
- --spacing-skeleton-avatar-margin_right:8;
2420
- --spacing-skeleton-avatar-margin_bottom:10;
2421
- --spacing-skeleton-stock-padding_x:5;
2422
- --spacing-skeleton-stock-padding_y:24;
2423
- --spacing-skeleton-data-padding_y:20;
2396
+ --height-skeleton-img:210px;
2397
+ --height-skeleton-button:48px;
2398
+ --height-skeleton-small_shapes:66px;
2399
+ --height-skeleton-text_s:12px;
2400
+ --height-skeleton-text_m:18px;
2401
+ --height-skeleton-text_l:28px;
2402
+ --width-skeleton-head:136px;
2403
+ --width-skeleton-button:215px;
2404
+ --width-skeleton-avatar_s:36px;
2405
+ --width-skeleton-avatar_text:95px;
2406
+ --width-skeleton-stock_data_s:42px;
2407
+ --width-skeleton-stock_data_m:64px;
2408
+ --width-skeleton-stock_data_l:64px;
2409
+ --width-skeleton-stock_data_xl:104px;
2410
+ --width-skeleton-avatar_m:48px;
2411
+ --width-skeleton-avatar_l:80px;
2412
+ --width-skeleton-img_small:100px;
2413
+ --radius-skeleton-img:12px;
2414
+ --radius-skeleton-text_l:4px;
2415
+ --radius-skeleton-button:10px;
2416
+ --radius-skeleton-small_shapes:6px;
2417
+ --radius-skeleton-text_s:2px;
2418
+ --spacing-skeleton-text-margin_bottom:12px;
2419
+ --spacing-skeleton-avatar-margin_right:8px;
2420
+ --spacing-skeleton-avatar-margin_bottom:10px;
2421
+ --spacing-skeleton-stock-padding_x:5px;
2422
+ --spacing-skeleton-stock-padding_y:24px;
2423
+ --spacing-skeleton-data-padding_y:20px;
2424
2424
  --color-skeleton-bg:rgba(118,118,128,.15);
2425
2425
  --color-skeleton-loading_gradient-bg-active:rgba(118,118,128,.05);
2426
2426
  }
2427
2427
  html{
2428
- --height-skeleton-img:210;
2429
- --height-skeleton-button:48;
2430
- --height-skeleton-small_shapes:66;
2431
- --height-skeleton-text_s:12;
2432
- --height-skeleton-text_m:18;
2433
- --height-skeleton-text_l:28;
2434
- --width-skeleton-head:136;
2435
- --width-skeleton-button:215;
2436
- --width-skeleton-avatar_s:36;
2437
- --width-skeleton-avatar_text:95;
2438
- --width-skeleton-stock_data_s:42;
2439
- --width-skeleton-stock_data_m:64;
2440
- --width-skeleton-stock_data_l:64;
2441
- --width-skeleton-stock_data_xl:104;
2442
- --width-skeleton-avatar_m:48;
2443
- --width-skeleton-avatar_l:80;
2444
- --width-skeleton-img_small:100;
2445
- --radius-skeleton-img:12;
2446
- --radius-skeleton-text_l:4;
2447
- --radius-skeleton-button:10;
2448
- --radius-skeleton-small_shapes:6;
2449
- --radius-skeleton-text_s:2;
2450
- --spacing-skeleton-text-margin_bottom:12;
2451
- --spacing-skeleton-avatar-margin_right:8;
2452
- --spacing-skeleton-avatar-margin_bottom:10;
2453
- --spacing-skeleton-stock-padding_x:5;
2454
- --spacing-skeleton-stock-padding_y:24;
2455
- --spacing-skeleton-data-padding_y:20;
2428
+ --height-skeleton-img:210px;
2429
+ --height-skeleton-button:48px;
2430
+ --height-skeleton-small_shapes:66px;
2431
+ --height-skeleton-text_s:12px;
2432
+ --height-skeleton-text_m:18px;
2433
+ --height-skeleton-text_l:28px;
2434
+ --width-skeleton-head:136px;
2435
+ --width-skeleton-button:215px;
2436
+ --width-skeleton-avatar_s:36px;
2437
+ --width-skeleton-avatar_text:95px;
2438
+ --width-skeleton-stock_data_s:42px;
2439
+ --width-skeleton-stock_data_m:64px;
2440
+ --width-skeleton-stock_data_l:64px;
2441
+ --width-skeleton-stock_data_xl:104px;
2442
+ --width-skeleton-avatar_m:48px;
2443
+ --width-skeleton-avatar_l:80px;
2444
+ --width-skeleton-img_small:100px;
2445
+ --radius-skeleton-img:12px;
2446
+ --radius-skeleton-text_l:4px;
2447
+ --radius-skeleton-button:10px;
2448
+ --radius-skeleton-small_shapes:6px;
2449
+ --radius-skeleton-text_s:2px;
2450
+ --spacing-skeleton-text-margin_bottom:12px;
2451
+ --spacing-skeleton-avatar-margin_right:8px;
2452
+ --spacing-skeleton-avatar-margin_bottom:10px;
2453
+ --spacing-skeleton-stock-padding_x:5px;
2454
+ --spacing-skeleton-stock-padding_y:24px;
2455
+ --spacing-skeleton-data-padding_y:20px;
2456
2456
  --color-skeleton-bg:#f7f8f9;
2457
2457
  --color-skeleton-loading_gradient-bg-active:rgba(247,248,249,.3);
2458
2458
  }
2459
2459
 
2460
2460
  html[theme="dark"]{
2461
- --height-slider-track:6;
2462
- --height-slider-mark_track:12;
2463
- --height-slider-mark_handle:22;
2464
- --width-slider-handle_border:3;
2465
- --width-slider-handle:20;
2466
- --width-slider-mark_handle_border:1;
2467
- --width-slider-mark_handle:16;
2468
- --width-slider-mark:1;
2469
- --radius-slider-track:3;
2470
- --radius-slider-mark_handle:4;
2471
- --radius-slider-mark_track:4;
2472
- --spacing-slider-margin_bottom:4;
2473
- --spacing-slider-mark-margin_top:20;
2474
- --spacing-slider-mark_handle-margin_top:2;
2475
- --spacing-slider-mark_text_focus-margin_bottom:8;
2461
+ --height-slider-track:6px;
2462
+ --height-slider-mark_track:12px;
2463
+ --height-slider-mark_handle:22px;
2464
+ --width-slider-handle_border:3px;
2465
+ --width-slider-handle:20px;
2466
+ --width-slider-mark_handle_border:1px;
2467
+ --width-slider-mark_handle:16px;
2468
+ --width-slider-mark:1px;
2469
+ --radius-slider-track:3px;
2470
+ --radius-slider-mark_handle:4px;
2471
+ --radius-slider-mark_track:4px;
2472
+ --spacing-slider-margin_bottom:4px;
2473
+ --spacing-slider-mark-margin_top:20px;
2474
+ --spacing-slider-mark_handle-margin_top:2px;
2475
+ --spacing-slider-mark_text_focus-margin_bottom:8px;
2476
2476
  --color-slider-mark-text:rgba(235,235,245,.3);
2477
2477
  --color-slider-track-default:rgba(118,118,128,.24);
2478
2478
  --color-slider-track-focus:#1bc47d;
@@ -2483,21 +2483,21 @@ html[theme="dark"]{
2483
2483
  --color-slider-mark-text-focus:#F2F5FF;
2484
2484
  }
2485
2485
  html{
2486
- --height-slider-track:6;
2487
- --height-slider-mark_track:12;
2488
- --height-slider-mark_handle:22;
2489
- --width-slider-handle_border:3;
2490
- --width-slider-handle:20;
2491
- --width-slider-mark_handle_border:1;
2492
- --width-slider-mark_handle:16;
2493
- --width-slider-mark:1;
2494
- --radius-slider-track:3;
2495
- --radius-slider-mark_handle:4;
2496
- --radius-slider-mark_track:4;
2497
- --spacing-slider-margin_bottom:4;
2498
- --spacing-slider-mark-margin_top:20;
2499
- --spacing-slider-mark_handle-margin_top:2;
2500
- --spacing-slider-mark_text_focus-margin_bottom:8;
2486
+ --height-slider-track:6px;
2487
+ --height-slider-mark_track:12px;
2488
+ --height-slider-mark_handle:22px;
2489
+ --width-slider-handle_border:3px;
2490
+ --width-slider-handle:20px;
2491
+ --width-slider-mark_handle_border:1px;
2492
+ --width-slider-mark_handle:16px;
2493
+ --width-slider-mark:1px;
2494
+ --radius-slider-track:3px;
2495
+ --radius-slider-mark_handle:4px;
2496
+ --radius-slider-mark_track:4px;
2497
+ --spacing-slider-margin_bottom:4px;
2498
+ --spacing-slider-mark-margin_top:20px;
2499
+ --spacing-slider-mark_handle-margin_top:2px;
2500
+ --spacing-slider-mark_text_focus-margin_bottom:8px;
2501
2501
  --color-slider-mark-text:rgba(0,0,0,.3);
2502
2502
  --color-slider-track-default:#ebedf0;
2503
2503
  --color-slider-track-focus:#1bc47d;
@@ -2509,29 +2509,29 @@ html{
2509
2509
  }
2510
2510
 
2511
2511
  html[theme="dark"]{
2512
- --height-steps-border-default:1;
2513
- --height-steps-border-hover:1;
2514
- --height-steps-basic-default:3;
2515
- --height-steps-basic-hover:3;
2516
- --spacing-steps-horizontal-padding_y:10;
2517
- --spacing-steps-horizontal-padding_x:8;
2518
- --spacing-steps-horizontal_item-padding_y:2;
2519
- --spacing-steps-horizontal_item-margin_right:4;
2520
- --spacing-steps-horizontal_icon-margin_bottom:8;
2521
- --spacing-steps-horizontal_description_text-margin_top:6;
2522
- --spacing-steps-vertical-padding_y:20;
2523
- --spacing-steps-vertical-padding_x:8;
2524
- --spacing-steps-vertical_icon-margin_right:12;
2525
- --spacing-steps-vertical_title-margin_top:2;
2526
- --spacing-steps-vertical_description_text-margin_top:6;
2527
- --spacing-steps-vertical_description_text-margin_bottom:20;
2528
- --spacing-steps-basic-padding_y:16;
2529
- --spacing-steps-basic-padding_top:12;
2530
- --spacing-steps-basic-padding_bottom:8;
2531
- --spacing-steps-basic_item-margin_right:16;
2532
- --icon-steps-size:20;
2533
- --icon-steps-size_s:10;
2534
- --radius-steps-basic:1.5;
2512
+ --height-steps-border-default:1px;
2513
+ --height-steps-border-hover:1px;
2514
+ --height-steps-basic-default:3px;
2515
+ --height-steps-basic-hover:3px;
2516
+ --spacing-steps-horizontal-padding_y:10px;
2517
+ --spacing-steps-horizontal-padding_x:8px;
2518
+ --spacing-steps-horizontal_item-padding_y:2px;
2519
+ --spacing-steps-horizontal_item-margin_right:4px;
2520
+ --spacing-steps-horizontal_icon-margin_bottom:8px;
2521
+ --spacing-steps-horizontal_description_text-margin_top:6px;
2522
+ --spacing-steps-vertical-padding_y:20px;
2523
+ --spacing-steps-vertical-padding_x:8px;
2524
+ --spacing-steps-vertical_icon-margin_right:12px;
2525
+ --spacing-steps-vertical_title-margin_top:2px;
2526
+ --spacing-steps-vertical_description_text-margin_top:6px;
2527
+ --spacing-steps-vertical_description_text-margin_bottom:20px;
2528
+ --spacing-steps-basic-padding_y:16px;
2529
+ --spacing-steps-basic-padding_top:12px;
2530
+ --spacing-steps-basic-padding_bottom:8px;
2531
+ --spacing-steps-basic_item-margin_right:16px;
2532
+ --icon-steps-size:20px;
2533
+ --icon-steps-size_s:10px;
2534
+ --radius-steps-basic:1.5px;
2535
2535
  --color-steps-border-default:rgba(84,84,88,.85);
2536
2536
  --color-steps-border-hover:#1bc47d;
2537
2537
  --color-steps-text-complete:#F2F5FF;
@@ -2543,29 +2543,29 @@ html[theme="dark"]{
2543
2543
  --color-steps-basic-hover:#1bc47d;
2544
2544
  }
2545
2545
  html{
2546
- --height-steps-border-default:1;
2547
- --height-steps-border-hover:1;
2548
- --height-steps-basic-default:3;
2549
- --height-steps-basic-hover:3;
2550
- --spacing-steps-horizontal-padding_y:10;
2551
- --spacing-steps-horizontal-padding_x:8;
2552
- --spacing-steps-horizontal_item-padding_y:2;
2553
- --spacing-steps-horizontal_item-margin_right:4;
2554
- --spacing-steps-horizontal_icon-margin_bottom:8;
2555
- --spacing-steps-horizontal_description_text-margin_top:6;
2556
- --spacing-steps-vertical-padding_y:20;
2557
- --spacing-steps-vertical-padding_x:8;
2558
- --spacing-steps-vertical_icon-margin_right:12;
2559
- --spacing-steps-vertical_title-margin_top:2;
2560
- --spacing-steps-vertical_description_text-margin_top:6;
2561
- --spacing-steps-vertical_description_text-margin_bottom:20;
2562
- --spacing-steps-basic-padding_y:16;
2563
- --spacing-steps-basic-padding_top:12;
2564
- --spacing-steps-basic-padding_bottom:8;
2565
- --spacing-steps-basic_item-margin_right:16;
2566
- --icon-steps-size:20;
2567
- --icon-steps-size_s:10;
2568
- --radius-steps-basic:1.5;
2546
+ --height-steps-border-default:1px;
2547
+ --height-steps-border-hover:1px;
2548
+ --height-steps-basic-default:3px;
2549
+ --height-steps-basic-hover:3px;
2550
+ --spacing-steps-horizontal-padding_y:10px;
2551
+ --spacing-steps-horizontal-padding_x:8px;
2552
+ --spacing-steps-horizontal_item-padding_y:2px;
2553
+ --spacing-steps-horizontal_item-margin_right:4px;
2554
+ --spacing-steps-horizontal_icon-margin_bottom:8px;
2555
+ --spacing-steps-horizontal_description_text-margin_top:6px;
2556
+ --spacing-steps-vertical-padding_y:20px;
2557
+ --spacing-steps-vertical-padding_x:8px;
2558
+ --spacing-steps-vertical_icon-margin_right:12px;
2559
+ --spacing-steps-vertical_title-margin_top:2px;
2560
+ --spacing-steps-vertical_description_text-margin_top:6px;
2561
+ --spacing-steps-vertical_description_text-margin_bottom:20px;
2562
+ --spacing-steps-basic-padding_y:16px;
2563
+ --spacing-steps-basic-padding_top:12px;
2564
+ --spacing-steps-basic-padding_bottom:8px;
2565
+ --spacing-steps-basic_item-margin_right:16px;
2566
+ --icon-steps-size:20px;
2567
+ --icon-steps-size_s:10px;
2568
+ --radius-steps-basic:1.5px;
2569
2569
  --color-steps-border-default:rgba(0,0,0,.1);
2570
2570
  --color-steps-border-hover:#1bc47d;
2571
2571
  --color-steps-text-complete:rgba(0,0,0,.85);
@@ -2578,11 +2578,11 @@ html{
2578
2578
  }
2579
2579
 
2580
2580
  html[theme="dark"]{
2581
- --height-switch-bg:10;
2582
- --height-switch-button:20;
2583
- --width-switch-bg:40;
2584
- --radius-switch-bg:5;
2585
- --radius-switch-button:10;
2581
+ --height-switch-bg:10px;
2582
+ --height-switch-button:20px;
2583
+ --width-switch-bg:40px;
2584
+ --radius-switch-bg:5px;
2585
+ --radius-switch-button:10px;
2586
2586
  --color-switch-off_bg-default:rgba(105,105,112,.6);
2587
2587
  --color-switch-off_bg-disable:rgba(105,105,112,.2);
2588
2588
  --color-switch-off_button_bg-default:#eeeeee;
@@ -2597,11 +2597,11 @@ html[theme="dark"]{
2597
2597
  --color-switch-on_button_border-disable:rgba(0,0,0,.05);
2598
2598
  }
2599
2599
  html{
2600
- --height-switch-bg:10;
2601
- --height-switch-button:20;
2602
- --width-switch-bg:40;
2603
- --radius-switch-bg:5;
2604
- --radius-switch-button:10;
2600
+ --height-switch-bg:10px;
2601
+ --height-switch-button:20px;
2602
+ --width-switch-bg:40px;
2603
+ --radius-switch-bg:5px;
2604
+ --radius-switch-button:10px;
2605
2605
  --color-switch-off_bg-default:#ebedf0;
2606
2606
  --color-switch-off_bg-disable:rgba(235,237,240,.5);
2607
2607
  --color-switch-off_button_bg-default:#ffffff;
@@ -2617,57 +2617,57 @@ html{
2617
2617
  }
2618
2618
 
2619
2619
  html[theme="dark"]{
2620
- --height-tab-primary:56;
2621
- --height-tab-primary-bar:3;
2622
- --height-tab-secondary:48;
2623
- --height-tab-secondary-bar:2;
2624
- --height-tab-capsule:48;
2625
- --height-tab-capsule_btn:28;
2626
- --height-tab-selector_l:34;
2627
- --height-tab-selector_l_btn:30;
2628
- --height-tab-selector_m:28;
2629
- --height-tab-selector_m_btn:24;
2630
- --height-tab-secondary-divider:0.5;
2631
- --height-tab-buy_sell:44;
2632
- --height-tab-filter:48;
2633
- --height-tab-filter_divider:0.5;
2634
- --spacing-tab-primary-padding_left:8;
2635
- --spacing-tab-primary-padding_right:8;
2636
- --spacing-tab-primary-margin_left:12;
2637
- --spacing-tab-primary_bar-margin_top-active:4;
2638
- --spacing-tab-primary_icon-margin_right:20;
2639
- --spacing-tab-secondary-padding_left:12;
2640
- --spacing-tab-secondary-padding_right:12;
2641
- --spacing-tab-secondary-margin_left:8;
2642
- --spacing-tab-secondary_bar-margin_top-active:13;
2643
- --spacing-tab-secondary_icon-margin_right:20;
2644
- --spacing-tab-capsule_btn-padding_left:12;
2645
- --spacing-tab-capsule_btn-padding_right:12;
2646
- --spacing-tab-capsule_btn-margin_right:6;
2647
- --spacing-tab-capsule_btn-margin_left:6;
2648
- --spacing-tab-capsule_btn_icon-margin_left:0;
2649
- --spacing-tab-capsule-margin_left:14;
2650
- --spacing-tab-capsule-margin_top:10;
2651
- --spacing-tab-capsule-margin_bottom:10;
2652
- --spacing-tab-capsule_icon-margin_right:20;
2653
- --spacing-tab-selector-margin_left:2;
2654
- --spacing-tab-selector-margin_right:2;
2655
- --spacing-tab-selector-margin_top:2;
2656
- --spacing-tab-selector-margin_bottom:2;
2657
- --spacing-tab-filter-margin_y:20;
2658
- --spacing-tab-filter_contant-margin_y:8;
2659
- --spacing-tab-filter_down-margin_left:0;
2660
- --spacing-tab-double_click_filter-margin_y:24;
2661
- --radius-tab-capsule_button:14;
2662
- --radius-tab-selector_card:6;
2663
- --radius-tab-buy_sell-1:6;
2664
- --radius-tab-buy_sell-2:4;
2665
- --radius-tab-primary_bar:1;
2666
- --radius-tab-secondary-bar_bottom:0;
2667
- --radius-tab-secondary-bar_top:1;
2668
- --width-tab-primary-bar:16;
2669
- --width-tab-buy-border-active:1;
2670
- --icon-tab-filter_down:16;
2620
+ --height-tab-primary:56px;
2621
+ --height-tab-primary-bar:3px;
2622
+ --height-tab-secondary:48px;
2623
+ --height-tab-secondary-bar:2px;
2624
+ --height-tab-capsule:48px;
2625
+ --height-tab-capsule_btn:28px;
2626
+ --height-tab-selector_l:34px;
2627
+ --height-tab-selector_l_btn:30px;
2628
+ --height-tab-selector_m:28px;
2629
+ --height-tab-selector_m_btn:24px;
2630
+ --height-tab-secondary-divider:0.5px;
2631
+ --height-tab-buy_sell:44px;
2632
+ --height-tab-filter:48px;
2633
+ --height-tab-filter_divider:0.5px;
2634
+ --spacing-tab-primary-padding_left:8px;
2635
+ --spacing-tab-primary-padding_right:8px;
2636
+ --spacing-tab-primary-margin_left:12px;
2637
+ --spacing-tab-primary_bar-margin_top-active:4px;
2638
+ --spacing-tab-primary_icon-margin_right:20px;
2639
+ --spacing-tab-secondary-padding_left:12px;
2640
+ --spacing-tab-secondary-padding_right:12px;
2641
+ --spacing-tab-secondary-margin_left:8px;
2642
+ --spacing-tab-secondary_bar-margin_top-active:13px;
2643
+ --spacing-tab-secondary_icon-margin_right:20px;
2644
+ --spacing-tab-capsule_btn-padding_left:12px;
2645
+ --spacing-tab-capsule_btn-padding_right:12px;
2646
+ --spacing-tab-capsule_btn-margin_right:6px;
2647
+ --spacing-tab-capsule_btn-margin_left:6px;
2648
+ --spacing-tab-capsule_btn_icon-margin_left:0px;
2649
+ --spacing-tab-capsule-margin_left:14px;
2650
+ --spacing-tab-capsule-margin_top:10px;
2651
+ --spacing-tab-capsule-margin_bottom:10px;
2652
+ --spacing-tab-capsule_icon-margin_right:20px;
2653
+ --spacing-tab-selector-margin_left:2px;
2654
+ --spacing-tab-selector-margin_right:2px;
2655
+ --spacing-tab-selector-margin_top:2px;
2656
+ --spacing-tab-selector-margin_bottom:2px;
2657
+ --spacing-tab-filter-margin_y:20px;
2658
+ --spacing-tab-filter_contant-margin_y:8px;
2659
+ --spacing-tab-filter_down-margin_left:0px;
2660
+ --spacing-tab-double_click_filter-margin_y:24px;
2661
+ --radius-tab-capsule_button:14px;
2662
+ --radius-tab-selector_card:6px;
2663
+ --radius-tab-buy_sell-1:6px;
2664
+ --radius-tab-buy_sell-2:4px;
2665
+ --radius-tab-primary_bar:1px;
2666
+ --radius-tab-secondary-bar_bottom:0px;
2667
+ --radius-tab-secondary-bar_top:1px;
2668
+ --width-tab-primary-bar:16px;
2669
+ --width-tab-buy-border-active:1px;
2670
+ --icon-tab-filter_down:16px;
2671
2671
  --color-tab-primary-text-default:rgba(235,235,245,.65);
2672
2672
  --color-tab-primary-text-active:#F2F5FF;
2673
2673
  --color-tab-primary-bar-active:#1bc47d;
@@ -2704,57 +2704,57 @@ html[theme="dark"]{
2704
2704
  --color-tab-filter_down-active:#1bc47d;
2705
2705
  }
2706
2706
  html{
2707
- --height-tab-primary:56;
2708
- --height-tab-primary-bar:3;
2709
- --height-tab-secondary:48;
2710
- --height-tab-secondary-bar:2;
2711
- --height-tab-capsule:48;
2712
- --height-tab-capsule_btn:28;
2713
- --height-tab-selector_l:34;
2714
- --height-tab-selector_l_btn:30;
2715
- --height-tab-selector_m:28;
2716
- --height-tab-selector_m_btn:24;
2717
- --height-tab-secondary-divider:0.5;
2718
- --height-tab-buy_sell:44;
2719
- --height-tab-filter:48;
2720
- --height-tab-filter_divider:0.5;
2721
- --spacing-tab-primary-padding_left:8;
2722
- --spacing-tab-primary-padding_right:8;
2723
- --spacing-tab-primary-margin_left:12;
2724
- --spacing-tab-primary_bar-margin_top-active:4;
2725
- --spacing-tab-primary_icon-margin_right:20;
2726
- --spacing-tab-secondary-padding_left:12;
2727
- --spacing-tab-secondary-padding_right:12;
2728
- --spacing-tab-secondary-margin_left:8;
2729
- --spacing-tab-secondary_bar-margin_top-active:13;
2730
- --spacing-tab-secondary_icon-margin_right:20;
2731
- --spacing-tab-capsule_btn-padding_left:12;
2732
- --spacing-tab-capsule_btn-padding_right:12;
2733
- --spacing-tab-capsule_btn-margin_right:6;
2734
- --spacing-tab-capsule_btn-margin_left:6;
2735
- --spacing-tab-capsule_btn_icon-margin_left:0;
2736
- --spacing-tab-capsule-margin_left:14;
2737
- --spacing-tab-capsule-margin_top:10;
2738
- --spacing-tab-capsule-margin_bottom:10;
2739
- --spacing-tab-capsule_icon-margin_right:20;
2740
- --spacing-tab-selector-margin_left:2;
2741
- --spacing-tab-selector-margin_right:2;
2742
- --spacing-tab-selector-margin_top:2;
2743
- --spacing-tab-selector-margin_bottom:2;
2744
- --spacing-tab-filter-margin_y:20;
2745
- --spacing-tab-filter_contant-margin_y:8;
2746
- --spacing-tab-filter_down-margin_left:0;
2747
- --spacing-tab-double_click_filter-margin_y:24;
2748
- --radius-tab-capsule_button:14;
2749
- --radius-tab-selector_card:6;
2750
- --radius-tab-buy_sell-1:6;
2751
- --radius-tab-buy_sell-2:4;
2752
- --radius-tab-primary_bar:1;
2753
- --radius-tab-secondary-bar_bottom:0;
2754
- --radius-tab-secondary-bar_top:1;
2755
- --width-tab-primary-bar:16;
2756
- --width-tab-buy-border-active:1;
2757
- --icon-tab-filter_down:16;
2707
+ --height-tab-primary:56px;
2708
+ --height-tab-primary-bar:3px;
2709
+ --height-tab-secondary:48px;
2710
+ --height-tab-secondary-bar:2px;
2711
+ --height-tab-capsule:48px;
2712
+ --height-tab-capsule_btn:28px;
2713
+ --height-tab-selector_l:34px;
2714
+ --height-tab-selector_l_btn:30px;
2715
+ --height-tab-selector_m:28px;
2716
+ --height-tab-selector_m_btn:24px;
2717
+ --height-tab-secondary-divider:0.5px;
2718
+ --height-tab-buy_sell:44px;
2719
+ --height-tab-filter:48px;
2720
+ --height-tab-filter_divider:0.5px;
2721
+ --spacing-tab-primary-padding_left:8px;
2722
+ --spacing-tab-primary-padding_right:8px;
2723
+ --spacing-tab-primary-margin_left:12px;
2724
+ --spacing-tab-primary_bar-margin_top-active:4px;
2725
+ --spacing-tab-primary_icon-margin_right:20px;
2726
+ --spacing-tab-secondary-padding_left:12px;
2727
+ --spacing-tab-secondary-padding_right:12px;
2728
+ --spacing-tab-secondary-margin_left:8px;
2729
+ --spacing-tab-secondary_bar-margin_top-active:13px;
2730
+ --spacing-tab-secondary_icon-margin_right:20px;
2731
+ --spacing-tab-capsule_btn-padding_left:12px;
2732
+ --spacing-tab-capsule_btn-padding_right:12px;
2733
+ --spacing-tab-capsule_btn-margin_right:6px;
2734
+ --spacing-tab-capsule_btn-margin_left:6px;
2735
+ --spacing-tab-capsule_btn_icon-margin_left:0px;
2736
+ --spacing-tab-capsule-margin_left:14px;
2737
+ --spacing-tab-capsule-margin_top:10px;
2738
+ --spacing-tab-capsule-margin_bottom:10px;
2739
+ --spacing-tab-capsule_icon-margin_right:20px;
2740
+ --spacing-tab-selector-margin_left:2px;
2741
+ --spacing-tab-selector-margin_right:2px;
2742
+ --spacing-tab-selector-margin_top:2px;
2743
+ --spacing-tab-selector-margin_bottom:2px;
2744
+ --spacing-tab-filter-margin_y:20px;
2745
+ --spacing-tab-filter_contant-margin_y:8px;
2746
+ --spacing-tab-filter_down-margin_left:0px;
2747
+ --spacing-tab-double_click_filter-margin_y:24px;
2748
+ --radius-tab-capsule_button:14px;
2749
+ --radius-tab-selector_card:6px;
2750
+ --radius-tab-buy_sell-1:6px;
2751
+ --radius-tab-buy_sell-2:4px;
2752
+ --radius-tab-primary_bar:1px;
2753
+ --radius-tab-secondary-bar_bottom:0px;
2754
+ --radius-tab-secondary-bar_top:1px;
2755
+ --width-tab-primary-bar:16px;
2756
+ --width-tab-buy-border-active:1px;
2757
+ --icon-tab-filter_down:16px;
2758
2758
  --color-tab-primary-text-default:rgba(0,0,0,.5);
2759
2759
  --color-tab-primary-text-active:rgba(0,0,0,.85);
2760
2760
  --color-tab-primary-bar-active:#1bc47d;
@@ -2792,12 +2792,12 @@ html{
2792
2792
  }
2793
2793
 
2794
2794
  html[theme="dark"]{
2795
- --height-tag-l:18;
2796
- --height-tag-s:14;
2797
- --height-tag-m:16;
2798
- --radius-tag-bg:4;
2799
- --spacing-tag-padding_y:4;
2800
- --width-tag-border:0.5;
2795
+ --height-tag-l:18px;
2796
+ --height-tag-s:14px;
2797
+ --height-tag-m:16px;
2798
+ --radius-tag-bg:4px;
2799
+ --spacing-tag-padding_y:4px;
2800
+ --width-tag-border:0.5px;
2801
2801
  --color-tag-default-text:rgba(235,235,245,.60);
2802
2802
  --color-tag-default-bg:rgba(118,118,128,.14);
2803
2803
  --color-tag-default_border-text:#cad2da;
@@ -2835,12 +2835,12 @@ html[theme="dark"]{
2835
2835
  --color-tag-purple-border:rgba(144,124,255,.5);
2836
2836
  }
2837
2837
  html{
2838
- --height-tag-l:18;
2839
- --height-tag-s:14;
2840
- --height-tag-m:16;
2841
- --radius-tag-bg:4;
2842
- --spacing-tag-padding_y:4;
2843
- --width-tag-border:0.5;
2838
+ --height-tag-l:18px;
2839
+ --height-tag-s:14px;
2840
+ --height-tag-m:16px;
2841
+ --radius-tag-bg:4px;
2842
+ --spacing-tag-padding_y:4px;
2843
+ --width-tag-border:0.5px;
2844
2844
  --color-tag-default-text:#7f7f7f;
2845
2845
  --color-tag-default-bg:#f1f2f4;
2846
2846
  --color-tag-default_border-text:#f1f2f4;
@@ -2879,92 +2879,92 @@ html{
2879
2879
  }
2880
2880
 
2881
2881
  html[theme="dark"]{
2882
- --height-title-primary:48;
2883
- --height-title-secondary:48;
2884
- --height-title-tertiary:40;
2885
- --height-title-quaternary:32;
2886
- --height-title-primary_double:69;
2887
- --height-title-secondary_double:66;
2888
- --height-title-tertiary_double:58;
2889
- --height-title-quaternary_double:49;
2890
- --spacing-title-padding_left:20;
2891
- --spacing-title-padding_right:20;
2892
- --spacing-title-primary_icon-margin_y:4;
2893
- --spacing-title-secondary_icon-margin_y:4;
2894
- --spacing-title-tertiary_icon-margin_y:4;
2895
- --spacing-title-quaternary_icon-margin_y:4;
2896
- --spacing-title-text-margin_right:4;
2897
- --spacing-title-subtitle-margin_top:4;
2898
- --icon-title-primary:20;
2899
- --icon-title-secondary:20;
2900
- --icon-title-tertiary:16;
2901
- --icon-title-quaternary:16;
2902
- --icon-title-arrow:16;
2882
+ --height-title-primary:48px;
2883
+ --height-title-secondary:48px;
2884
+ --height-title-tertiary:40px;
2885
+ --height-title-quaternary:32px;
2886
+ --height-title-primary_double:69px;
2887
+ --height-title-secondary_double:66px;
2888
+ --height-title-tertiary_double:58px;
2889
+ --height-title-quaternary_double:49px;
2890
+ --spacing-title-padding_left:20px;
2891
+ --spacing-title-padding_right:20px;
2892
+ --spacing-title-primary_icon-margin_y:4px;
2893
+ --spacing-title-secondary_icon-margin_y:4px;
2894
+ --spacing-title-tertiary_icon-margin_y:4px;
2895
+ --spacing-title-quaternary_icon-margin_y:4px;
2896
+ --spacing-title-text-margin_right:4px;
2897
+ --spacing-title-subtitle-margin_top:4px;
2898
+ --icon-title-primary:20px;
2899
+ --icon-title-secondary:20px;
2900
+ --icon-title-tertiary:16px;
2901
+ --icon-title-quaternary:16px;
2902
+ --icon-title-arrow:16px;
2903
2903
  --color-title-head:#F2F5FF;
2904
2904
  --color-title-text:rgba(235,235,245,.65);
2905
2905
  --color-title-icon_arrow:rgba(235,235,245,.65);
2906
2906
  }
2907
2907
  html{
2908
- --height-title-primary:48;
2909
- --height-title-secondary:48;
2910
- --height-title-tertiary:40;
2911
- --height-title-quaternary:32;
2912
- --height-title-primary_double:69;
2913
- --height-title-secondary_double:66;
2914
- --height-title-tertiary_double:58;
2915
- --height-title-quaternary_double:49;
2916
- --spacing-title-padding_left:20;
2917
- --spacing-title-padding_right:20;
2918
- --spacing-title-primary_icon-margin_y:4;
2919
- --spacing-title-secondary_icon-margin_y:4;
2920
- --spacing-title-tertiary_icon-margin_y:4;
2921
- --spacing-title-quaternary_icon-margin_y:4;
2922
- --spacing-title-text-margin_right:4;
2923
- --spacing-title-subtitle-margin_top:4;
2924
- --icon-title-primary:20;
2925
- --icon-title-secondary:20;
2926
- --icon-title-tertiary:16;
2927
- --icon-title-quaternary:16;
2928
- --icon-title-arrow:16;
2908
+ --height-title-primary:48px;
2909
+ --height-title-secondary:48px;
2910
+ --height-title-tertiary:40px;
2911
+ --height-title-quaternary:32px;
2912
+ --height-title-primary_double:69px;
2913
+ --height-title-secondary_double:66px;
2914
+ --height-title-tertiary_double:58px;
2915
+ --height-title-quaternary_double:49px;
2916
+ --spacing-title-padding_left:20px;
2917
+ --spacing-title-padding_right:20px;
2918
+ --spacing-title-primary_icon-margin_y:4px;
2919
+ --spacing-title-secondary_icon-margin_y:4px;
2920
+ --spacing-title-tertiary_icon-margin_y:4px;
2921
+ --spacing-title-quaternary_icon-margin_y:4px;
2922
+ --spacing-title-text-margin_right:4px;
2923
+ --spacing-title-subtitle-margin_top:4px;
2924
+ --icon-title-primary:20px;
2925
+ --icon-title-secondary:20px;
2926
+ --icon-title-tertiary:16px;
2927
+ --icon-title-quaternary:16px;
2928
+ --icon-title-arrow:16px;
2929
2929
  --color-title-head:rgba(0,0,0,.85);
2930
2930
  --color-title-text:rgba(0,0,0,.5);
2931
2931
  --color-title-icon_arrow:rgba(0,0,0,.5);
2932
2932
  }
2933
2933
 
2934
2934
  html[theme="dark"]{
2935
- --height-toast-small:109;
2936
- --width-toast-small:120;
2937
- --width-toast-large:279;
2938
- --radius-toast-content:10;
2939
- --spacing-toast-padding_y:20;
2940
- --spacing-toast-padding_x:20;
2941
- --spacing-toast-icon-margin_bottom:6;
2942
- --icon-toast-size:48;
2935
+ --height-toast-small:109px;
2936
+ --width-toast-small:120px;
2937
+ --width-toast-large:279px;
2938
+ --radius-toast-content:10px;
2939
+ --spacing-toast-padding_y:20px;
2940
+ --spacing-toast-padding_x:20px;
2941
+ --spacing-toast-icon-margin_bottom:6px;
2942
+ --icon-toast-size:48px;
2943
2943
  --color-toast-bg:rgba(72,72,74,.96);
2944
2944
  --color-toast-text:#ffffff;
2945
2945
  }
2946
2946
  html{
2947
- --height-toast-small:109;
2948
- --width-toast-small:120;
2949
- --width-toast-large:279;
2950
- --radius-toast-content:10;
2951
- --spacing-toast-padding_y:20;
2952
- --spacing-toast-padding_x:20;
2953
- --spacing-toast-icon-margin_bottom:6;
2954
- --icon-toast-size:48;
2947
+ --height-toast-small:109px;
2948
+ --width-toast-small:120px;
2949
+ --width-toast-large:279px;
2950
+ --radius-toast-content:10px;
2951
+ --spacing-toast-padding_y:20px;
2952
+ --spacing-toast-padding_x:20px;
2953
+ --spacing-toast-icon-margin_bottom:6px;
2954
+ --icon-toast-size:48px;
2955
2955
  --color-toast-bg:rgba(0,0,0,.85);
2956
2956
  --color-toast-text:#ffffff;
2957
2957
  }
2958
2958
 
2959
2959
  html[theme="dark"]{
2960
- --height-upload-bg:96;
2961
- --width-upload-small:96;
2962
- --radius-upload-content:6;
2963
- --spacing-upload-padding_top:22;
2964
- --spacing-upload-padding_bottom:19;
2965
- --spacing-upload-text-margin_top:6;
2966
- --icon-upload-size:32;
2967
- --icon-upload-close:16;
2960
+ --height-upload-bg:96px;
2961
+ --width-upload-small:96px;
2962
+ --radius-upload-content:6px;
2963
+ --spacing-upload-padding_top:22px;
2964
+ --spacing-upload-padding_bottom:19px;
2965
+ --spacing-upload-text-margin_top:6px;
2966
+ --icon-upload-size:32px;
2967
+ --icon-upload-close:16px;
2968
2968
  --color-upload-bg:rgba(118,118,128,.14);
2969
2969
  --color-upload-icon:rgba(255,255,255,.15);
2970
2970
  --color-upload-text:rgba(235,235,245,.65);
@@ -2973,14 +2973,14 @@ html[theme="dark"]{
2973
2973
  --color-upload-close_bg:rgba(0,0,0,.3);
2974
2974
  }
2975
2975
  html{
2976
- --height-upload-bg:96;
2977
- --width-upload-small:96;
2978
- --radius-upload-content:6;
2979
- --spacing-upload-padding_top:22;
2980
- --spacing-upload-padding_bottom:19;
2981
- --spacing-upload-text-margin_top:6;
2982
- --icon-upload-size:32;
2983
- --icon-upload-close:16;
2976
+ --height-upload-bg:96px;
2977
+ --width-upload-small:96px;
2978
+ --radius-upload-content:6px;
2979
+ --spacing-upload-padding_top:22px;
2980
+ --spacing-upload-padding_bottom:19px;
2981
+ --spacing-upload-text-margin_top:6px;
2982
+ --icon-upload-size:32px;
2983
+ --icon-upload-close:16px;
2984
2984
  --color-upload-bg:#f7f8f9;
2985
2985
  --color-upload-icon:rgba(0,0,0,.15);
2986
2986
  --color-upload-text:rgba(0,0,0,.5);