vft 0.0.197 → 0.0.201

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 (28) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/md-container/md-container.vue2.js +27 -27
  3. package/es/components/row/index.d.ts +0 -2
  4. package/es/components/row/row.vue.d.ts +1 -11
  5. package/es/components/row/types.d.ts +10 -0
  6. package/es/package.json.d.ts +1 -1
  7. package/es/package.json.js +1 -1
  8. package/es/utils/ns-cover.js +14 -13
  9. package/lib/components/md-container/md-container.vue2.cjs +1 -1
  10. package/lib/components/row/index.d.ts +0 -2
  11. package/lib/components/row/row.vue.d.ts +1 -11
  12. package/lib/components/row/types.d.ts +10 -0
  13. package/lib/package.json.cjs +1 -1
  14. package/lib/package.json.d.ts +1 -1
  15. package/lib/utils/ns-cover.cjs +1 -1
  16. package/package.json +5 -5
  17. package/theme-style/index.css +1 -1
  18. package/theme-style/src/button.scss +43 -43
  19. package/theme-style/src/common/var.scss +2 -1
  20. package/theme-style/src/mixins/_button.scss +3 -3
  21. package/theme-style/src/super-form.scss +2 -2
  22. package/theme-style/src/tabs.scss +1 -1
  23. package/theme-style/vft-button.css +1 -1
  24. package/theme-style/vft-checkbox-button.css +1 -1
  25. package/theme-style/vft-radio-button.css +1 -1
  26. package/theme-style/vft-super-form.css +1 -1
  27. package/theme-style/vft-tabs.css +1 -1
  28. package/web-types.json +1 -1
package/theme-style/src/button.scss CHANGED
@@ -54,25 +54,25 @@ $button-icon-span-gap: map.merge(
54
54
  }
55
55
 
56
56
  display: inline-flex;
57
- justify-content: center;
57
+ box-sizing: border-box;
58
58
  align-items: center;
59
- line-height: 1;
59
+ justify-content: center;
60
60
  // min-height will expand when in flex
61
61
  height: map.get($input-height, 'default');
62
- white-space: nowrap;
63
- cursor: pointer;
64
- color: getCssVar('button', 'text-color');
65
- text-align: center;
66
- box-sizing: border-box;
67
- outline: none;
68
62
  transition: 0.1s;
63
+ border: getCssVar('border');
64
+ border-color: getCssVar('button', 'border-color');
65
+ outline: none;
66
+ background-color: getCssVar('button', 'bg-color');
67
+ color: getCssVar('button', 'text-color');
69
68
  font-weight: getCssVar('button', 'font-weight');
70
- user-select: none;
69
+ line-height: 1;
70
+ text-align: center;
71
71
  vertical-align: middle;
72
+ white-space: nowrap;
73
+ cursor: pointer;
74
+ user-select: none;
72
75
  -webkit-appearance: none;
73
- background-color: getCssVar('button', 'bg-color');
74
- border: getCssVar('border');
75
- border-color: getCssVar('button', 'border-color');
76
76
 
77
77
  @include button-size(
78
78
  map.get($button-padding-vertical, 'default') - $button-border-width,
@@ -101,21 +101,21 @@ $button-icon-span-gap: map.merge(
101
101
  }
102
102
 
103
103
  @include when(active) {
104
- color: getCssVar('button', 'active', 'text-color');
105
104
  border-color: getCssVar('button', 'active', 'border-color');
106
- background-color: getCssVar('button', 'active', 'bg-color');
107
105
  outline: none;
106
+ background-color: getCssVar('button', 'active', 'bg-color');
107
+ color: getCssVar('button', 'active', 'text-color');
108
108
  }
109
109
 
110
110
  @include when(disabled) {
111
111
  &,
112
112
  &:hover,
113
113
  &:focus {
114
+ border-color: getCssVar('button', 'disabled', 'border-color');
115
+ background-color: getCssVar('button', 'disabled', 'bg-color');
116
+ background-image: none;
114
117
  color: getCssVar('button', 'disabled', 'text-color');
115
118
  cursor: not-allowed;
116
- background-image: none;
117
- background-color: getCssVar('button', 'disabled', 'bg-color');
118
- border-color: getCssVar('button', 'disabled', 'border-color');
119
119
  }
120
120
  }
121
121
 
@@ -124,17 +124,17 @@ $button-icon-span-gap: map.merge(
124
124
  pointer-events: none;
125
125
 
126
126
  &::before {
127
- // mask the button
128
- z-index: 1;
129
- pointer-events: none;
130
127
  content: '';
131
128
  position: absolute;
132
- left: -1px;
129
+ // mask the button
130
+ z-index: 1;
133
131
  top: -1px;
134
132
  right: -1px;
135
133
  bottom: -1px;
134
+ left: -1px;
136
135
  border-radius: inherit;
137
136
  background-color: getCssVar('mask-color', 'extra-light');
137
+ pointer-events: none;
138
138
  }
139
139
 
140
140
  i {
@@ -147,18 +147,18 @@ $button-icon-span-gap: map.merge(
147
147
  }
148
148
 
149
149
  @include when(circle) {
150
- border-radius: 50%;
151
150
  padding: map.get($button-padding-vertical, 'default') - $button-border-width;
151
+ border-radius: 50%;
152
152
  }
153
153
 
154
154
  @include when(text) {
155
- color: getCssVar('button', 'text-color');
156
155
  border: 0 solid transparent;
157
156
  background-color: transparent;
157
+ color: getCssVar('button', 'text-color');
158
158
 
159
159
  @include when(disabled) {
160
- color: getCssVar('button', 'text-disabled-color');
161
160
  background-color: transparent !important;
161
+ color: getCssVar('button', 'text-disabled-color');
162
162
  }
163
163
 
164
164
  &:not(.is-disabled) {
@@ -193,22 +193,22 @@ $button-icon-span-gap: map.merge(
193
193
 
194
194
  @include e(text) {
195
195
  @include m(expand) {
196
- letter-spacing: 0.3em;
197
196
  margin-right: -0.3em;
197
+ letter-spacing: 0.3em;
198
198
  }
199
199
  }
200
200
 
201
201
  @include when(link) {
202
+ height: auto;
203
+ padding: 2px;
202
204
  border-color: transparent;
203
- color: getCssVar('button', 'text-color');
204
205
  background: transparent;
205
- padding: 2px;
206
- height: auto;
206
+ color: getCssVar('button', 'text-color');
207
207
 
208
208
  @include when(disabled) {
209
- color: getCssVar('button', 'disabled', 'text-color');
210
- background-color: transparent !important;
211
209
  border-color: transparent !important;
210
+ background-color: transparent !important;
211
+ color: getCssVar('button', 'disabled', 'text-color');
212
212
  }
213
213
 
214
214
  &:hover,
@@ -224,66 +224,66 @@ $button-icon-span-gap: map.merge(
224
224
  }
225
225
 
226
226
  &:active {
227
- color: getCssVar('button', 'active-color');
228
227
  border-color: transparent;
229
228
  background-color: transparent;
229
+ color: getCssVar('button', 'active-color');
230
230
  }
231
231
  }
232
232
  }
233
233
 
234
234
  @include m(text) {
235
+ padding-right: 0;
236
+ padding-left: 0;
235
237
  border-color: transparent;
236
238
  background: transparent;
237
239
  color: getCssVar('primary', 'color');
238
- padding-left: 0;
239
- padding-right: 0;
240
240
 
241
241
  @include when(disabled) {
242
- color: getCssVar('button', 'disabled', 'text-color');
243
- background-color: transparent !important;
244
242
  border-color: transparent !important;
243
+ background-color: transparent !important;
244
+ color: getCssVar('button', 'disabled', 'text-color');
245
245
  }
246
246
 
247
247
  &:not(.is-disabled) {
248
248
  &:hover,
249
249
  &:focus {
250
- color: getCssVar('primary', 'color', 'light-3');
251
250
  border-color: transparent;
252
251
  background-color: transparent;
252
+ color: getCssVar('primary', 'color', 'light-3');
253
253
  }
254
254
 
255
255
  &:active {
256
- color: getCssVar('primary', 'color', 'dark-2');
257
256
  border-color: transparent;
258
257
  background-color: transparent;
258
+ color: getCssVar('primary', 'color', 'dark-2');
259
259
  }
260
260
  }
261
261
  }
262
262
 
263
263
  @include e(link) {
264
264
  @include m(expand) {
265
- letter-spacing: 0.3em;
266
265
  margin-right: -0.3em;
266
+ letter-spacing: 0.3em;
267
267
  }
268
268
  }
269
269
 
270
270
  &:hover,
271
271
  &:focus {
272
- color: getCssVar('button', 'hover', 'text-color');
273
272
  border-color: getCssVar('button', 'hover', 'border-color');
274
- background-color: getCssVar('button', 'hover', 'bg-color');
275
273
  outline: none;
274
+ background-color: getCssVar('button', 'hover', 'bg-color');
275
+ color: getCssVar('button', 'hover', 'text-color');
276
276
  }
277
277
 
278
278
  &:active {
279
- color: getCssVar('button', 'active', 'text-color');
280
279
  border-color: getCssVar('button', 'active', 'border-color');
281
- background-color: getCssVar('button', 'active', 'bg-color');
282
280
  outline: none;
281
+ background-color: getCssVar('button', 'active', 'bg-color');
282
+ color: getCssVar('button', 'active', 'text-color');
283
283
  }
284
284
 
285
285
  &:focus-visible {
286
- //outline-offset: 1px;
286
+ // outline-offset: 1px;
287
287
  }
288
288
 
289
289
  > span {
package/theme-style/src/common/var.scss CHANGED
@@ -311,6 +311,7 @@ $transition-function: map-merge(
311
311
  ),
312
312
  $transition-function
313
313
  );
314
+
314
315
  $button: () !default;
315
316
  $button: map-merge(
316
317
  (
@@ -1230,7 +1231,7 @@ $cascader: map-merge(
1230
1231
  $cascader
1231
1232
  );
1232
1233
 
1233
- //statistic
1234
+ // statistic
1234
1235
  // css3 var in packages/theme-chalk/src/statistic.scss
1235
1236
  $statistic: () !default;
1236
1237
  $statistic: map-merge(
package/theme-style/src/mixins/_button.scss CHANGED
@@ -54,9 +54,9 @@
54
54
  &:hover,
55
55
  &:focus,
56
56
  &:active {
57
- color: getCssVar($type, 'color', 'light-5');
58
- background-color: getCssVar($type, 'color', 'light-9');
59
57
  border-color: getCssVar($type, 'color', 'light-8');
58
+ background-color: getCssVar($type, 'color', 'light-9');
59
+ color: getCssVar($type, 'color', 'light-5');
60
60
  }
61
61
  }
62
62
  }
@@ -158,8 +158,8 @@
158
158
  $border-radius
159
159
  ) {
160
160
  padding: $padding-vertical $padding-horizontal;
161
- font-size: $font-size;
162
161
  border-radius: $border-radius;
162
+ font-size: $font-size;
163
163
 
164
164
  &.is-round {
165
165
  padding: $padding-vertical $padding-horizontal;
package/theme-style/src/super-form.scss CHANGED
@@ -6,8 +6,8 @@ $name: super-form;
6
6
  @include b($name) {
7
7
  @include e(item) {
8
8
  @include e(container) {
9
- width: 100%;
10
9
  display: flex;
10
+ width: 100%;
11
11
 
12
12
  @include e(content) {
13
13
  flex: 1;
@@ -16,8 +16,8 @@ $name: super-form;
16
16
  }
17
17
 
18
18
  .sub-label {
19
- font-size: 12px;
20
19
  color: getCssVar('text', 'placeholder-color');
20
+ font-size: 12px;
21
21
  }
22
22
  }
23
23
 
package/theme-style/src/tabs.scss CHANGED
@@ -176,7 +176,7 @@ $name: tabs;
176
176
  content: '';
177
177
  display: getCompCssVar('show-border-bottom');
178
178
  position: absolute;
179
- z-index: 2;
179
+ z-index: 1;
180
180
  bottom: 0;
181
181
  left: 0;
182
182
  width: 100%;
package/theme-style/vft-button.css CHANGED
@@ -1 +1 @@
1
- .vft-button{--vft-button-font-weight:var(--vft-font-weight-primary);--vft-button-border-color:var(--vft-border-color);--vft-button-bg-color:var(--vft-fill-color-blank);--vft-button-text-color:var(--vft-text-regular-color);--vft-button-disabled-text-color:var(--vft-text-disabled-color);--vft-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-button-disabled-border-color:var(--vft-border-color-light);--vft-button-divide-border-color:rgba(255, 255, 255, 0.5);--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-primary-color-light-9);--vft-button-hover-border-color:var(--vft-primary-color-light-7);--vft-button-active-text-color:var(--vft-button-hover-text-color);--vft-button-active-border-color:var(--vft-primary-color);--vft-button-active-bg-color:var(--vft-button-hover-bg-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-hover-link-text-color:var(--vft-info-color);--vft-button-active-color:var(--vft-text-primary-color)}.vft-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--vft-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--vft-button-font-weight);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--vft-button-bg-color);border:var(--vft-border);border-color:var(--vft-button-border-color);padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--primary{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-primary-color);--vft-button-border-color:var(--vft-primary-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-active-color:var(--vft-primary-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-primary-color-light-5);--vft-button-hover-bg-color:var(--vft-primary-color-light-3);--vft-button-hover-border-color:var(--vft-primary-color-light-3);--vft-button-active-bg-color:var(--vft-primary-color-dark-2);--vft-button-active-border-color:var(--vft-primary-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-primary-color-light-5);--vft-button-disabled-border-color:var(--vft-primary-color-light-5)}.vft-button--primary.is-link,.vft-button--primary.is-plain,.vft-button--primary.is-text{--vft-button-text-color:var(--vft-primary-color);--vft-button-bg-color:var(--vft-primary-color-light-9);--vft-button-border-color:var(--vft-primary-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-primary-color);--vft-button-hover-border-color:var(--vft-primary-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--primary.is-link.is-disabled,.vft-button--primary.is-link.is-disabled:active,.vft-button--primary.is-link.is-disabled:focus,.vft-button--primary.is-link.is-disabled:hover,.vft-button--primary.is-plain.is-disabled,.vft-button--primary.is-plain.is-disabled:active,.vft-button--primary.is-plain.is-disabled:focus,.vft-button--primary.is-plain.is-disabled:hover,.vft-button--primary.is-text.is-disabled,.vft-button--primary.is-text.is-disabled:active,.vft-button--primary.is-text.is-disabled:focus,.vft-button--primary.is-text.is-disabled:hover{color:var(--vft-primary-color-light-5);background-color:var(--vft-primary-color-light-9);border-color:var(--vft-primary-color-light-8)}.vft-button--success{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-success-color);--vft-button-border-color:var(--vft-success-color);--vft-button-outline-color:var(--vft-success-color-light-5);--vft-button-active-color:var(--vft-success-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-success-color-light-5);--vft-button-hover-bg-color:var(--vft-success-color-light-3);--vft-button-hover-border-color:var(--vft-success-color-light-3);--vft-button-active-bg-color:var(--vft-success-color-dark-2);--vft-button-active-border-color:var(--vft-success-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-success-color-light-5);--vft-button-disabled-border-color:var(--vft-success-color-light-5)}.vft-button--success.is-link,.vft-button--success.is-plain,.vft-button--success.is-text{--vft-button-text-color:var(--vft-success-color);--vft-button-bg-color:var(--vft-success-color-light-9);--vft-button-border-color:var(--vft-success-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-success-color);--vft-button-hover-border-color:var(--vft-success-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--success.is-link.is-disabled,.vft-button--success.is-link.is-disabled:active,.vft-button--success.is-link.is-disabled:focus,.vft-button--success.is-link.is-disabled:hover,.vft-button--success.is-plain.is-disabled,.vft-button--success.is-plain.is-disabled:active,.vft-button--success.is-plain.is-disabled:focus,.vft-button--success.is-plain.is-disabled:hover,.vft-button--success.is-text.is-disabled,.vft-button--success.is-text.is-disabled:active,.vft-button--success.is-text.is-disabled:focus,.vft-button--success.is-text.is-disabled:hover{color:var(--vft-success-color-light-5);background-color:var(--vft-success-color-light-9);border-color:var(--vft-success-color-light-8)}.vft-button--warning{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-warning-color);--vft-button-border-color:var(--vft-warning-color);--vft-button-outline-color:var(--vft-warning-color-light-5);--vft-button-active-color:var(--vft-warning-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-warning-color-light-5);--vft-button-hover-bg-color:var(--vft-warning-color-light-3);--vft-button-hover-border-color:var(--vft-warning-color-light-3);--vft-button-active-bg-color:var(--vft-warning-color-dark-2);--vft-button-active-border-color:var(--vft-warning-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-warning-color-light-5);--vft-button-disabled-border-color:var(--vft-warning-color-light-5)}.vft-button--warning.is-link,.vft-button--warning.is-plain,.vft-button--warning.is-text{--vft-button-text-color:var(--vft-warning-color);--vft-button-bg-color:var(--vft-warning-color-light-9);--vft-button-border-color:var(--vft-warning-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-warning-color);--vft-button-hover-border-color:var(--vft-warning-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--warning.is-link.is-disabled,.vft-button--warning.is-link.is-disabled:active,.vft-button--warning.is-link.is-disabled:focus,.vft-button--warning.is-link.is-disabled:hover,.vft-button--warning.is-plain.is-disabled,.vft-button--warning.is-plain.is-disabled:active,.vft-button--warning.is-plain.is-disabled:focus,.vft-button--warning.is-plain.is-disabled:hover,.vft-button--warning.is-text.is-disabled,.vft-button--warning.is-text.is-disabled:active,.vft-button--warning.is-text.is-disabled:focus,.vft-button--warning.is-text.is-disabled:hover{color:var(--vft-warning-color-light-5);background-color:var(--vft-warning-color-light-9);border-color:var(--vft-warning-color-light-8)}.vft-button--danger{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-danger-color);--vft-button-border-color:var(--vft-danger-color);--vft-button-outline-color:var(--vft-danger-color-light-5);--vft-button-active-color:var(--vft-danger-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-danger-color-light-5);--vft-button-hover-bg-color:var(--vft-danger-color-light-3);--vft-button-hover-border-color:var(--vft-danger-color-light-3);--vft-button-active-bg-color:var(--vft-danger-color-dark-2);--vft-button-active-border-color:var(--vft-danger-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-danger-color-light-5);--vft-button-disabled-border-color:var(--vft-danger-color-light-5)}.vft-button--danger.is-link,.vft-button--danger.is-plain,.vft-button--danger.is-text{--vft-button-text-color:var(--vft-danger-color);--vft-button-bg-color:var(--vft-danger-color-light-9);--vft-button-border-color:var(--vft-danger-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-danger-color);--vft-button-hover-border-color:var(--vft-danger-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--danger.is-link.is-disabled,.vft-button--danger.is-link.is-disabled:active,.vft-button--danger.is-link.is-disabled:focus,.vft-button--danger.is-link.is-disabled:hover,.vft-button--danger.is-plain.is-disabled,.vft-button--danger.is-plain.is-disabled:active,.vft-button--danger.is-plain.is-disabled:focus,.vft-button--danger.is-plain.is-disabled:hover,.vft-button--danger.is-text.is-disabled,.vft-button--danger.is-text.is-disabled:active,.vft-button--danger.is-text.is-disabled:focus,.vft-button--danger.is-text.is-disabled:hover{color:var(--vft-danger-color-light-5);background-color:var(--vft-danger-color-light-9);border-color:var(--vft-danger-color-light-8)}.vft-button--info{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-info-color);--vft-button-border-color:var(--vft-info-color);--vft-button-outline-color:var(--vft-info-color-light-5);--vft-button-active-color:var(--vft-info-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-info-color-light-5);--vft-button-hover-bg-color:var(--vft-info-color-light-3);--vft-button-hover-border-color:var(--vft-info-color-light-3);--vft-button-active-bg-color:var(--vft-info-color-dark-2);--vft-button-active-border-color:var(--vft-info-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-info-color-light-5);--vft-button-disabled-border-color:var(--vft-info-color-light-5)}.vft-button--info.is-link,.vft-button--info.is-plain,.vft-button--info.is-text{--vft-button-text-color:var(--vft-info-color);--vft-button-bg-color:var(--vft-info-color-light-9);--vft-button-border-color:var(--vft-info-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-info-color);--vft-button-hover-border-color:var(--vft-info-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--info.is-link.is-disabled,.vft-button--info.is-link.is-disabled:active,.vft-button--info.is-link.is-disabled:focus,.vft-button--info.is-link.is-disabled:hover,.vft-button--info.is-plain.is-disabled,.vft-button--info.is-plain.is-disabled:active,.vft-button--info.is-plain.is-disabled:focus,.vft-button--info.is-plain.is-disabled:hover,.vft-button--info.is-text.is-disabled,.vft-button--info.is-text.is-disabled:active,.vft-button--info.is-text.is-disabled:focus,.vft-button--info.is-text.is-disabled:hover{color:var(--vft-info-color-light-5);background-color:var(--vft-info-color-light-9);border-color:var(--vft-info-color-light-8)}.vft-button--large{height:var(--vft-button-size);--vft-button-size:40px;padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--small{height:var(--vft-button-size);--vft-button-size:24px;padding:5px 11px;font-size:12px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button.is-round{padding:8px 15px}.vft-button.is-block{width:100%}.vft-button.is-plain{--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-fill-color-blank);--vft-button-hover-border-color:var(--vft-primary-color)}.vft-button.is-active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button.is-disabled,.vft-button.is-disabled:focus,.vft-button.is-disabled:hover{color:var(--vft-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color);border-color:var(--vft-button-disabled-border-color)}.vft-button.is-loading{position:relative;pointer-events:none}.vft-button.is-loading::before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--vft-mask-color-extra-light)}.vft-button.is-loading i{margin-right:2px}.vft-button.is-round{border-radius:var(--vft-border-radius-round)}.vft-button.is-circle{border-radius:50%;padding:8px}.vft-button.is-text{color:var(--vft-button-text-color);border:0 solid transparent;background-color:transparent}.vft-button.is-text.is-disabled{color:var(--vft-button-text-disabled-color);background-color:transparent!important}.vft-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled).is-has-bg:focus,.vft-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--vft-fill-color-dark)}.vft-button.is-text:not(.is-disabled):focus,.vft-button.is-text:not(.is-disabled):hover{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--vft-button-outline-color);outline-offset:1px}.vft-button.is-text:not(.is-disabled):active{background-color:var(--vft-fill-color)}.vft-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button.is-link{border-color:transparent;color:var(--vft-button-text-color);background:0 0;padding:2px;height:auto}.vft-button.is-link.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button.is-link:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.vft-button.is-link:not(.is-disabled):focus,.vft-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.vft-button.is-link:not(.is-disabled):active{color:var(--vft-button-active-color);border-color:transparent;background-color:transparent}.vft-button--text{border-color:transparent;background:0 0;color:var(--vft-primary-color);padding-left:0;padding-right:0}.vft-button--text.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button--text:not(.is-disabled):focus,.vft-button--text:not(.is-disabled):hover{color:var(--vft-primary-color-light-3);border-color:transparent;background-color:transparent}.vft-button--text:not(.is-disabled):active{color:var(--vft-primary-color-dark-2);border-color:transparent;background-color:transparent}.vft-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button:focus,.vft-button:hover{color:var(--vft-button-hover-text-color);border-color:var(--vft-button-hover-border-color);background-color:var(--vft-button-hover-bg-color);outline:0}.vft-button:active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button>span{display:inline-flex;align-items:center}.vft-button+.vft-button{margin-left:12px}.vft-button::-moz-focus-inner{border:0}.vft-button [class*=vft-icon]+span{margin-left:6px}.vft-button [class*=vft-icon] svg{vertical-align:bottom}.vft-button .icon-loading{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
1
+ .vft-button{--vft-button-font-weight:var(--vft-font-weight-primary);--vft-button-border-color:var(--vft-border-color);--vft-button-bg-color:var(--vft-fill-color-blank);--vft-button-text-color:var(--vft-text-regular-color);--vft-button-disabled-text-color:var(--vft-text-disabled-color);--vft-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-button-disabled-border-color:var(--vft-border-color-light);--vft-button-divide-border-color:rgba(255, 255, 255, 0.5);--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-primary-color-light-9);--vft-button-hover-border-color:var(--vft-primary-color-light-7);--vft-button-active-text-color:var(--vft-button-hover-text-color);--vft-button-active-border-color:var(--vft-primary-color);--vft-button-active-bg-color:var(--vft-button-hover-bg-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-hover-link-text-color:var(--vft-info-color);--vft-button-active-color:var(--vft-text-primary-color)}.vft-button{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;height:32px;transition:.1s;border:var(--vft-border);border-color:var(--vft-button-border-color);outline:0;background-color:var(--vft-button-bg-color);color:var(--vft-button-text-color);font-weight:var(--vft-button-font-weight);line-height:1;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;padding:8px 15px;border-radius:var(--vft-border-radius-base);font-size:var(--vft-font-size-base)}.vft-button--primary{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-primary-color);--vft-button-border-color:var(--vft-primary-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-active-color:var(--vft-primary-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-primary-color-light-5);--vft-button-hover-bg-color:var(--vft-primary-color-light-3);--vft-button-hover-border-color:var(--vft-primary-color-light-3);--vft-button-active-bg-color:var(--vft-primary-color-dark-2);--vft-button-active-border-color:var(--vft-primary-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-primary-color-light-5);--vft-button-disabled-border-color:var(--vft-primary-color-light-5)}.vft-button--primary.is-link,.vft-button--primary.is-plain,.vft-button--primary.is-text{--vft-button-text-color:var(--vft-primary-color);--vft-button-bg-color:var(--vft-primary-color-light-9);--vft-button-border-color:var(--vft-primary-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-primary-color);--vft-button-hover-border-color:var(--vft-primary-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--primary.is-link.is-disabled,.vft-button--primary.is-link.is-disabled:active,.vft-button--primary.is-link.is-disabled:focus,.vft-button--primary.is-link.is-disabled:hover,.vft-button--primary.is-plain.is-disabled,.vft-button--primary.is-plain.is-disabled:active,.vft-button--primary.is-plain.is-disabled:focus,.vft-button--primary.is-plain.is-disabled:hover,.vft-button--primary.is-text.is-disabled,.vft-button--primary.is-text.is-disabled:active,.vft-button--primary.is-text.is-disabled:focus,.vft-button--primary.is-text.is-disabled:hover{border-color:var(--vft-primary-color-light-8);background-color:var(--vft-primary-color-light-9);color:var(--vft-primary-color-light-5)}.vft-button--success{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-success-color);--vft-button-border-color:var(--vft-success-color);--vft-button-outline-color:var(--vft-success-color-light-5);--vft-button-active-color:var(--vft-success-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-success-color-light-5);--vft-button-hover-bg-color:var(--vft-success-color-light-3);--vft-button-hover-border-color:var(--vft-success-color-light-3);--vft-button-active-bg-color:var(--vft-success-color-dark-2);--vft-button-active-border-color:var(--vft-success-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-success-color-light-5);--vft-button-disabled-border-color:var(--vft-success-color-light-5)}.vft-button--success.is-link,.vft-button--success.is-plain,.vft-button--success.is-text{--vft-button-text-color:var(--vft-success-color);--vft-button-bg-color:var(--vft-success-color-light-9);--vft-button-border-color:var(--vft-success-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-success-color);--vft-button-hover-border-color:var(--vft-success-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--success.is-link.is-disabled,.vft-button--success.is-link.is-disabled:active,.vft-button--success.is-link.is-disabled:focus,.vft-button--success.is-link.is-disabled:hover,.vft-button--success.is-plain.is-disabled,.vft-button--success.is-plain.is-disabled:active,.vft-button--success.is-plain.is-disabled:focus,.vft-button--success.is-plain.is-disabled:hover,.vft-button--success.is-text.is-disabled,.vft-button--success.is-text.is-disabled:active,.vft-button--success.is-text.is-disabled:focus,.vft-button--success.is-text.is-disabled:hover{border-color:var(--vft-success-color-light-8);background-color:var(--vft-success-color-light-9);color:var(--vft-success-color-light-5)}.vft-button--warning{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-warning-color);--vft-button-border-color:var(--vft-warning-color);--vft-button-outline-color:var(--vft-warning-color-light-5);--vft-button-active-color:var(--vft-warning-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-warning-color-light-5);--vft-button-hover-bg-color:var(--vft-warning-color-light-3);--vft-button-hover-border-color:var(--vft-warning-color-light-3);--vft-button-active-bg-color:var(--vft-warning-color-dark-2);--vft-button-active-border-color:var(--vft-warning-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-warning-color-light-5);--vft-button-disabled-border-color:var(--vft-warning-color-light-5)}.vft-button--warning.is-link,.vft-button--warning.is-plain,.vft-button--warning.is-text{--vft-button-text-color:var(--vft-warning-color);--vft-button-bg-color:var(--vft-warning-color-light-9);--vft-button-border-color:var(--vft-warning-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-warning-color);--vft-button-hover-border-color:var(--vft-warning-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--warning.is-link.is-disabled,.vft-button--warning.is-link.is-disabled:active,.vft-button--warning.is-link.is-disabled:focus,.vft-button--warning.is-link.is-disabled:hover,.vft-button--warning.is-plain.is-disabled,.vft-button--warning.is-plain.is-disabled:active,.vft-button--warning.is-plain.is-disabled:focus,.vft-button--warning.is-plain.is-disabled:hover,.vft-button--warning.is-text.is-disabled,.vft-button--warning.is-text.is-disabled:active,.vft-button--warning.is-text.is-disabled:focus,.vft-button--warning.is-text.is-disabled:hover{border-color:var(--vft-warning-color-light-8);background-color:var(--vft-warning-color-light-9);color:var(--vft-warning-color-light-5)}.vft-button--danger{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-danger-color);--vft-button-border-color:var(--vft-danger-color);--vft-button-outline-color:var(--vft-danger-color-light-5);--vft-button-active-color:var(--vft-danger-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-danger-color-light-5);--vft-button-hover-bg-color:var(--vft-danger-color-light-3);--vft-button-hover-border-color:var(--vft-danger-color-light-3);--vft-button-active-bg-color:var(--vft-danger-color-dark-2);--vft-button-active-border-color:var(--vft-danger-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-danger-color-light-5);--vft-button-disabled-border-color:var(--vft-danger-color-light-5)}.vft-button--danger.is-link,.vft-button--danger.is-plain,.vft-button--danger.is-text{--vft-button-text-color:var(--vft-danger-color);--vft-button-bg-color:var(--vft-danger-color-light-9);--vft-button-border-color:var(--vft-danger-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-danger-color);--vft-button-hover-border-color:var(--vft-danger-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--danger.is-link.is-disabled,.vft-button--danger.is-link.is-disabled:active,.vft-button--danger.is-link.is-disabled:focus,.vft-button--danger.is-link.is-disabled:hover,.vft-button--danger.is-plain.is-disabled,.vft-button--danger.is-plain.is-disabled:active,.vft-button--danger.is-plain.is-disabled:focus,.vft-button--danger.is-plain.is-disabled:hover,.vft-button--danger.is-text.is-disabled,.vft-button--danger.is-text.is-disabled:active,.vft-button--danger.is-text.is-disabled:focus,.vft-button--danger.is-text.is-disabled:hover{border-color:var(--vft-danger-color-light-8);background-color:var(--vft-danger-color-light-9);color:var(--vft-danger-color-light-5)}.vft-button--info{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-info-color);--vft-button-border-color:var(--vft-info-color);--vft-button-outline-color:var(--vft-info-color-light-5);--vft-button-active-color:var(--vft-info-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-info-color-light-5);--vft-button-hover-bg-color:var(--vft-info-color-light-3);--vft-button-hover-border-color:var(--vft-info-color-light-3);--vft-button-active-bg-color:var(--vft-info-color-dark-2);--vft-button-active-border-color:var(--vft-info-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-info-color-light-5);--vft-button-disabled-border-color:var(--vft-info-color-light-5)}.vft-button--info.is-link,.vft-button--info.is-plain,.vft-button--info.is-text{--vft-button-text-color:var(--vft-info-color);--vft-button-bg-color:var(--vft-info-color-light-9);--vft-button-border-color:var(--vft-info-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-info-color);--vft-button-hover-border-color:var(--vft-info-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--info.is-link.is-disabled,.vft-button--info.is-link.is-disabled:active,.vft-button--info.is-link.is-disabled:focus,.vft-button--info.is-link.is-disabled:hover,.vft-button--info.is-plain.is-disabled,.vft-button--info.is-plain.is-disabled:active,.vft-button--info.is-plain.is-disabled:focus,.vft-button--info.is-plain.is-disabled:hover,.vft-button--info.is-text.is-disabled,.vft-button--info.is-text.is-disabled:active,.vft-button--info.is-text.is-disabled:focus,.vft-button--info.is-text.is-disabled:hover{border-color:var(--vft-info-color-light-8);background-color:var(--vft-info-color-light-9);color:var(--vft-info-color-light-5)}.vft-button--large{height:var(--vft-button-size);--vft-button-size:40px;padding:12px 19px;border-radius:var(--vft-border-radius-base);font-size:var(--vft-font-size-base)}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--small{height:var(--vft-button-size);--vft-button-size:24px;padding:5px 11px;border-radius:calc(var(--vft-border-radius-base) - 1px);font-size:12px}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button.is-round{padding:8px 15px}.vft-button.is-block{width:100%}.vft-button.is-plain{--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-fill-color-blank);--vft-button-hover-border-color:var(--vft-primary-color)}.vft-button.is-active{border-color:var(--vft-button-active-border-color);outline:0;background-color:var(--vft-button-active-bg-color);color:var(--vft-button-active-text-color)}.vft-button.is-disabled,.vft-button.is-disabled:focus,.vft-button.is-disabled:hover{border-color:var(--vft-button-disabled-border-color);background-color:var(--vft-button-disabled-bg-color);background-image:none;color:var(--vft-button-disabled-text-color);cursor:not-allowed}.vft-button.is-loading{position:relative;pointer-events:none}.vft-button.is-loading::before{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background-color:var(--vft-mask-color-extra-light);pointer-events:none}.vft-button.is-loading i{margin-right:2px}.vft-button.is-round{border-radius:var(--vft-border-radius-round)}.vft-button.is-circle{padding:8px;border-radius:50%}.vft-button.is-text{border:0 solid transparent;background-color:transparent;color:var(--vft-button-text-color)}.vft-button.is-text.is-disabled{background-color:transparent!important;color:var(--vft-button-text-disabled-color)}.vft-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled).is-has-bg:focus,.vft-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--vft-fill-color-dark)}.vft-button.is-text:not(.is-disabled):focus,.vft-button.is-text:not(.is-disabled):hover{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--vft-button-outline-color);outline-offset:1px}.vft-button.is-text:not(.is-disabled):active{background-color:var(--vft-fill-color)}.vft-button__text--expand{margin-right:-.3em;letter-spacing:.3em}.vft-button.is-link{height:auto;padding:2px;border-color:transparent;background:0 0;color:var(--vft-button-text-color)}.vft-button.is-link.is-disabled{border-color:transparent!important;background-color:transparent!important;color:var(--vft-button-disabled-text-color)}.vft-button.is-link:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.vft-button.is-link:not(.is-disabled):focus,.vft-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.vft-button.is-link:not(.is-disabled):active{border-color:transparent;background-color:transparent;color:var(--vft-button-active-color)}.vft-button--text{padding-right:0;padding-left:0;border-color:transparent;background:0 0;color:var(--vft-primary-color)}.vft-button--text.is-disabled{border-color:transparent!important;background-color:transparent!important;color:var(--vft-button-disabled-text-color)}.vft-button--text:not(.is-disabled):focus,.vft-button--text:not(.is-disabled):hover{border-color:transparent;background-color:transparent;color:var(--vft-primary-color-light-3)}.vft-button--text:not(.is-disabled):active{border-color:transparent;background-color:transparent;color:var(--vft-primary-color-dark-2)}.vft-button__link--expand{margin-right:-.3em;letter-spacing:.3em}.vft-button:focus,.vft-button:hover{border-color:var(--vft-button-hover-border-color);outline:0;background-color:var(--vft-button-hover-bg-color);color:var(--vft-button-hover-text-color)}.vft-button:active{border-color:var(--vft-button-active-border-color);outline:0;background-color:var(--vft-button-active-bg-color);color:var(--vft-button-active-text-color)}.vft-button>span{display:inline-flex;align-items:center}.vft-button+.vft-button{margin-left:12px}.vft-button::-moz-focus-inner{border:0}.vft-button [class*=vft-icon]+span{margin-left:6px}.vft-button [class*=vft-icon] svg{vertical-align:bottom}.vft-button .icon-loading{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
package/theme-style/vft-checkbox-button.css CHANGED
@@ -1 +1 @@
1
- .vft-checkbox-button{--vft-checkbox-button-checked-bg-color:var(--vft-primary-color);--vft-checkbox-button-checked-text-color:var(--vft-color-white);--vft-checkbox-button-checked-border-color:var(--vft-primary-color)}.vft-checkbox-button{display:inline-block;position:relative}.vft-checkbox-button--large .vft-checkbox-button__inner{padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button--large .vft-checkbox-button__inner.is-round{padding:12px 19px}.vft-checkbox-button--small .vft-checkbox-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.vft-checkbox-button--small .vft-checkbox-button__inner.is-round{padding:5px 11px}.vft-checkbox-button__inner{display:inline-block;position:relative;box-sizing:border-box;margin:0;transition:var(--vft-transition-all);border:var(--vft-border);border-left:0;outline:0;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));color:var(--vft-button-text-color,var(--vft-text-regular-color));font-weight:var(--vft-checkbox-font-weight);line-height:1;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button__inner.is-round{padding:8px 15px}.vft-checkbox-button__inner:hover{color:var(--vft-primary-color)}.vft-checkbox-button__inner [class*=vft-icon-]{line-height:.9}.vft-checkbox-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-checkbox-button__original{position:absolute;z-index:-1;margin:0;outline:0;opacity:0}.vft-checkbox-button.is-checked .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color);background-color:var(--vft-checkbox-button-checked-bg-color);box-shadow:-1px 0 0 0 var(--vft-primary-color-light-7);color:var(--vft-checkbox-button-checked-text-color)}.vft-checkbox-button.is-checked:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button.is-disabled .vft-checkbox-button__inner{border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));background-image:none;box-shadow:none;color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-checkbox-button.is-disabled:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light))}.vft-checkbox-button:first-child .vft-checkbox-button__inner{border-left:var(--vft-border);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base);box-shadow:none!important}.vft-checkbox-button.is-focus .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button:last-child .vft-checkbox-button__inner{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base)}
1
+ .vft-checkbox-button{--vft-checkbox-button-checked-bg-color:var(--vft-primary-color);--vft-checkbox-button-checked-text-color:var(--vft-color-white);--vft-checkbox-button-checked-border-color:var(--vft-primary-color)}.vft-checkbox-button{display:inline-block;position:relative}.vft-checkbox-button--large .vft-checkbox-button__inner{padding:12px 19px;border-radius:0;font-size:var(--vft-font-size-base)}.vft-checkbox-button--large .vft-checkbox-button__inner.is-round{padding:12px 19px}.vft-checkbox-button--small .vft-checkbox-button__inner{padding:5px 11px;border-radius:0;font-size:12px}.vft-checkbox-button--small .vft-checkbox-button__inner.is-round{padding:5px 11px}.vft-checkbox-button__inner{display:inline-block;position:relative;box-sizing:border-box;margin:0;transition:var(--vft-transition-all);border:var(--vft-border);border-left:0;outline:0;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));color:var(--vft-button-text-color,var(--vft-text-regular-color));font-weight:var(--vft-checkbox-font-weight);line-height:1;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;padding:8px 15px;border-radius:0;font-size:var(--vft-font-size-base)}.vft-checkbox-button__inner.is-round{padding:8px 15px}.vft-checkbox-button__inner:hover{color:var(--vft-primary-color)}.vft-checkbox-button__inner [class*=vft-icon-]{line-height:.9}.vft-checkbox-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-checkbox-button__original{position:absolute;z-index:-1;margin:0;outline:0;opacity:0}.vft-checkbox-button.is-checked .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color);background-color:var(--vft-checkbox-button-checked-bg-color);box-shadow:-1px 0 0 0 var(--vft-primary-color-light-7);color:var(--vft-checkbox-button-checked-text-color)}.vft-checkbox-button.is-checked:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button.is-disabled .vft-checkbox-button__inner{border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));background-image:none;box-shadow:none;color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-checkbox-button.is-disabled:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light))}.vft-checkbox-button:first-child .vft-checkbox-button__inner{border-left:var(--vft-border);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base);box-shadow:none!important}.vft-checkbox-button.is-focus .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button:last-child .vft-checkbox-button__inner{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base)}
package/theme-style/vft-radio-button.css CHANGED
@@ -1 +1 @@
1
- .vft-radio-button{--vft-radio-button-checked-bg-color:var(--vft-primary-color);--vft-radio-button-checked-text-color:var(--vft-color-white);--vft-radio-button-checked-border-color:var(--vft-primary-color);--vft-radio-button-disabled-checked-fill:var(--vft-border-color-extra-light)}.vft-radio-button{position:relative;display:inline-block;outline:0}.vft-radio-button--large .vft-radio-button__inner{padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:0}.vft-radio-button--large .vft-radio-button__inner.is-round{padding:12px 19px}.vft-radio-button--small .vft-radio-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.vft-radio-button--small .vft-radio-button__inner.is-round{padding:5px 11px}.vft-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));border:var(--vft-border);font-weight:var(--vft-button-font-weight,var(--vft-font-weight-primary));border-left:0;color:var(--vft-button-text-color,var(--vft-text-regular-color));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:var(--vft-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:0}.vft-radio-button__inner.is-round{padding:8px 15px}.vft-radio-button__inner:hover{color:var(--vft-primary-color)}.vft-radio-button__inner [class*=vft-icon-]{line-height:.9}.vft-radio-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-radio-button__original-radio{opacity:0;outline:0;position:absolute;z-index:-1}.vft-radio-button__original-radio:checked+.vft-radio-button__inner{color:var(--vft-radio-button-checked-text-color,var(--vft-color-white));background-color:var(--vft-radio-button-checked-bg-color,var(--vft-primary-color));border-color:var(--vft-radio-button-checked-border-color,var(--vft-primary-color));box-shadow:-1px 0 0 0 var(--vft-radio-button-checked-border-color,var(--vft-primary-color))}.vft-radio-button__original-radio:focus-visible+.vft-radio-button__inner{border-left:var(--vft-border);border-left-color:var(--vft-radio-button-checked-border-color,var(--vft-primary-color));outline:2px solid var(--vft-radio-button-checked-border-color);outline-offset:1px;z-index:2;border-radius:var(--vft-border-radius-base);box-shadow:none}.vft-radio-button__original-radio:disabled+.vft-radio-button__inner{color:var(--vft-text-disabled-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));box-shadow:none}.vft-radio-button__original-radio:disabled:checked+.vft-radio-button__inner{background-color:var(--vft-radio-button-disabled-checked-fill)}.vft-radio-button:first-child .vft-radio-button__inner{border-left:var(--vft-border);border-radius:var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);box-shadow:none!important}.vft-radio-button:last-child .vft-radio-button__inner{border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0}.vft-radio-button:first-child:last-child .vft-radio-button__inner{border-radius:var(--vft-border-radius-base)}
1
+ .vft-radio-button{--vft-radio-button-checked-bg-color:var(--vft-primary-color);--vft-radio-button-checked-text-color:var(--vft-color-white);--vft-radio-button-checked-border-color:var(--vft-primary-color);--vft-radio-button-disabled-checked-fill:var(--vft-border-color-extra-light)}.vft-radio-button{position:relative;display:inline-block;outline:0}.vft-radio-button--large .vft-radio-button__inner{padding:12px 19px;border-radius:0;font-size:var(--vft-font-size-base)}.vft-radio-button--large .vft-radio-button__inner.is-round{padding:12px 19px}.vft-radio-button--small .vft-radio-button__inner{padding:5px 11px;border-radius:0;font-size:12px}.vft-radio-button--small .vft-radio-button__inner.is-round{padding:5px 11px}.vft-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));border:var(--vft-border);font-weight:var(--vft-button-font-weight,var(--vft-font-weight-primary));border-left:0;color:var(--vft-button-text-color,var(--vft-text-regular-color));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:var(--vft-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 15px;border-radius:0;font-size:var(--vft-font-size-base)}.vft-radio-button__inner.is-round{padding:8px 15px}.vft-radio-button__inner:hover{color:var(--vft-primary-color)}.vft-radio-button__inner [class*=vft-icon-]{line-height:.9}.vft-radio-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-radio-button__original-radio{opacity:0;outline:0;position:absolute;z-index:-1}.vft-radio-button__original-radio:checked+.vft-radio-button__inner{color:var(--vft-radio-button-checked-text-color,var(--vft-color-white));background-color:var(--vft-radio-button-checked-bg-color,var(--vft-primary-color));border-color:var(--vft-radio-button-checked-border-color,var(--vft-primary-color));box-shadow:-1px 0 0 0 var(--vft-radio-button-checked-border-color,var(--vft-primary-color))}.vft-radio-button__original-radio:focus-visible+.vft-radio-button__inner{border-left:var(--vft-border);border-left-color:var(--vft-radio-button-checked-border-color,var(--vft-primary-color));outline:2px solid var(--vft-radio-button-checked-border-color);outline-offset:1px;z-index:2;border-radius:var(--vft-border-radius-base);box-shadow:none}.vft-radio-button__original-radio:disabled+.vft-radio-button__inner{color:var(--vft-text-disabled-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));box-shadow:none}.vft-radio-button__original-radio:disabled:checked+.vft-radio-button__inner{background-color:var(--vft-radio-button-disabled-checked-fill)}.vft-radio-button:first-child .vft-radio-button__inner{border-left:var(--vft-border);border-radius:var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);box-shadow:none!important}.vft-radio-button:last-child .vft-radio-button__inner{border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0}.vft-radio-button:first-child:last-child .vft-radio-button__inner{border-radius:var(--vft-border-radius-base)}
package/theme-style/vft-super-form.css CHANGED
@@ -1 +1 @@
1
- .vft-super-form__container{width:100%;display:flex}.vft-super-form__content{flex:1;line-height:1}.vft-super-form__item .sub-label{font-size:12px;color:var(--vft-text-placeholder-color)}.vft-super-form.is-suffix--suffix{display:inline-flex;align-items:center;padding-left:6px;line-height:1}.vft-super-form .is-comp-full-width .vft-select{width:100%}.vft-super-form .submit-block{width:100%}
1
+ .vft-super-form__container{display:flex;width:100%}.vft-super-form__content{flex:1;line-height:1}.vft-super-form__item .sub-label{color:var(--vft-text-placeholder-color);font-size:12px}.vft-super-form.is-suffix--suffix{display:inline-flex;align-items:center;padding-left:6px;line-height:1}.vft-super-form .is-comp-full-width .vft-select{width:100%}.vft-super-form .submit-block{width:100%}
package/theme-style/vft-tabs.css CHANGED
@@ -1 +1 @@
1
- .vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0 solid #eee;--vft-tabs-item-active-border:0 solid #eee;--vft-tabs-item-hover-border:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{position:relative;padding:var(--vft-tabs-header-padding)}.vft-tabs__item{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:flex-start;max-width:var(--vft-tabs-item-max-width);height:var(--vft-tabs-header-height);margin-right:var(--vft-tabs-item-distance);padding:var(--vft-tabs-item-padding);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);border:var(--vft-tabs-item-border);border-radius:var(--vft-tabs-item-border-radius);background-color:var(--vft-tabs-item-bg-color);color:var(--vft-tabs-item-color);font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);line-height:1;list-style:none}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active{border:var(--vft-tabs-item-active-border);background-color:var(--vft-tabs-item-active-bg-color);color:var(--vft-tabs-item-active-color);font-weight:var(--vft-tabs-font-weight-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{border:var(--vft-tabs-item-hover-border);background-color:var(--vft-tabs-item-hover-bg-color);color:var(--vft-tabs-item-hover-color);cursor:pointer}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--vft-primary-color) inset}.vft-tabs__item .is-icon-close{display:flex;align-items:center;justify-content:center;width:var(--vft-tabs-active-distance);height:var(--vft-tabs-active-distance);margin-left:var(--vft-tabs-close-icon-left);transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;z-index:1;bottom:0;left:0;height:2px;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);background-color:var(--vft-primary-color);list-style:none}.vft-tabs__new-tab{display:inline-flex;position:absolute;right:auto;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left);transition:all .15s;cursor:pointer}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{position:relative;margin-bottom:-1px;overflow:hidden}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:var(--vft-tabs-scroll-padding)}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-wrap::after{content:"";display:var(--vft-tabs-show-border-bottom);position:absolute;z-index:2;bottom:0;left:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs__nav-next,.vft-tabs__nav-prev{display:inline-flex;position:absolute;align-items:center;height:100%;cursor:pointer}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;position:relative;z-index:calc(var(--vft-z-index-normal) + 1);float:left;transition:transform var(--vft-transition-duration);white-space:nowrap}.vft-tabs__nav.is-stretch{display:flex;min-width:100%}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{transform:translateY(calc(0 - var(--vft-tabs-header-height)));background-color:#eceff3}.vft-tabs__content{position:relative;overflow:hidden}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-top:10px;margin-bottom:0}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{width:100%;height:30px;line-height:30px;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{top:0;left:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{top:0;bottom:auto;width:2px;height:100%}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{flex-direction:column}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-left{justify-content:flex-end}.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-right{justify-content:flex-start}.vft-tabs--left .vft-tabs__header.is-left{margin-right:10px;margin-bottom:0;float:left}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{right:0;left:auto}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-top:1px solid var(--vft-border-color-light);border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-top:none;border-right:1px solid var(--vft-border-color-light)}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;border-right-color:#fff}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-right:none;border-bottom:1px solid var(--vft-border-color-light);border-radius:4px 0 0 4px}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{margin:-1px 0 -1px -1px;border:1px solid transparent}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs--right .vft-tabs__header.is-right{margin-bottom:0;margin-left:10px;float:right}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{right:auto;left:0}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-top:1px solid var(--vft-border-color-light);border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-top:none;border-left:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-right:none;border-bottom:none;border-left-color:#fff}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-bottom:1px solid var(--vft-border-color-light);border-left:none;border-radius:0 4px 4px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{margin:-1px -1px -1px 0;border:1px solid transparent}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs .nav-right{position:absolute;top:-50%;right:0;transform:translateY(50%)}.vft-tabs .icon-plus{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .vft-tabs__header .vft-tabs__nav{box-sizing:border-box;border-radius:4px 4px 0 0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;right:0;left:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;right:0;left:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInRight-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes slideInLeft-enter{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInLeft-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}
1
+ .vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0 solid #eee;--vft-tabs-item-active-border:0 solid #eee;--vft-tabs-item-hover-border:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{position:relative;padding:var(--vft-tabs-header-padding)}.vft-tabs__item{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:flex-start;max-width:var(--vft-tabs-item-max-width);height:var(--vft-tabs-header-height);margin-right:var(--vft-tabs-item-distance);padding:var(--vft-tabs-item-padding);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);border:var(--vft-tabs-item-border);border-radius:var(--vft-tabs-item-border-radius);background-color:var(--vft-tabs-item-bg-color);color:var(--vft-tabs-item-color);font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);line-height:1;list-style:none}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active{border:var(--vft-tabs-item-active-border);background-color:var(--vft-tabs-item-active-bg-color);color:var(--vft-tabs-item-active-color);font-weight:var(--vft-tabs-font-weight-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{border:var(--vft-tabs-item-hover-border);background-color:var(--vft-tabs-item-hover-bg-color);color:var(--vft-tabs-item-hover-color);cursor:pointer}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--vft-primary-color) inset}.vft-tabs__item .is-icon-close{display:flex;align-items:center;justify-content:center;width:var(--vft-tabs-active-distance);height:var(--vft-tabs-active-distance);margin-left:var(--vft-tabs-close-icon-left);transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;z-index:1;bottom:0;left:0;height:2px;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);background-color:var(--vft-primary-color);list-style:none}.vft-tabs__new-tab{display:inline-flex;position:absolute;right:auto;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left);transition:all .15s;cursor:pointer}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{position:relative;margin-bottom:-1px;overflow:hidden}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:var(--vft-tabs-scroll-padding)}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-wrap::after{content:"";display:var(--vft-tabs-show-border-bottom);position:absolute;z-index:1;bottom:0;left:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs__nav-next,.vft-tabs__nav-prev{display:inline-flex;position:absolute;align-items:center;height:100%;cursor:pointer}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;position:relative;z-index:calc(var(--vft-z-index-normal) + 1);float:left;transition:transform var(--vft-transition-duration);white-space:nowrap}.vft-tabs__nav.is-stretch{display:flex;min-width:100%}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{transform:translateY(calc(0 - var(--vft-tabs-header-height)));background-color:#eceff3}.vft-tabs__content{position:relative;overflow:hidden}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-top:10px;margin-bottom:0}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{width:100%;height:30px;line-height:30px;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{top:0;left:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{top:0;bottom:auto;width:2px;height:100%}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{flex-direction:column}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-left{justify-content:flex-end}.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-right{justify-content:flex-start}.vft-tabs--left .vft-tabs__header.is-left{margin-right:10px;margin-bottom:0;float:left}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{right:0;left:auto}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-top:1px solid var(--vft-border-color-light);border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-top:none;border-right:1px solid var(--vft-border-color-light)}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;border-right-color:#fff}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-right:none;border-bottom:1px solid var(--vft-border-color-light);border-radius:4px 0 0 4px}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{margin:-1px 0 -1px -1px;border:1px solid transparent}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs--right .vft-tabs__header.is-right{margin-bottom:0;margin-left:10px;float:right}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{right:auto;left:0}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-top:1px solid var(--vft-border-color-light);border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-top:none;border-left:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-right:none;border-bottom:none;border-left-color:#fff}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-bottom:1px solid var(--vft-border-color-light);border-left:none;border-radius:0 4px 4px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{margin:-1px -1px -1px 0;border:1px solid transparent}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs .nav-right{position:absolute;top:-50%;right:0;transform:translateY(50%)}.vft-tabs .icon-plus{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .vft-tabs__header .vft-tabs__nav{box-sizing:border-box;border-radius:4px 4px 0 0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;right:0;left:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;right:0;left:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInRight-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes slideInLeft-enter{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInLeft-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}