vft 0.0.405 → 0.0.408

package/theme-style/src/common/icon.scss

@@ -58,3 +58,10 @@ $icon-warning: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%
 $icon-warning-filled: '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 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E';
 $icon-success-filled: '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 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E';
 $icon-error-filled: '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 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"%2F%3E%3C%2Fsvg%3E';
+$icon-not-found: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="%23000" fill-rule="evenodd" clip-rule="evenodd"%3E%3Cpath d="M22.197 12.735a.35.35 0 0 0-.407.02a.4.4 0 0 0-.093.11a.36.36 0 0 0 .12.5a2.56 2.56 0 0 1 1.09 3.317a4.8 4.8 0 0 1-2.798 2.668a26 26 0 0 1-7.774 1.258a21.4 21.4 0 0 1-7.723-1.179a9.2 9.2 0 0 1-2.338-1.148a3.8 3.8 0 0 1-1.09-1.2a2.55 2.55 0 0 1 .18-2.737a3.78 3.78 0 0 1 2.519-1.589a.34.34 0 0 0 .28-.37a.33.33 0 0 0-.37-.28c-.451.062-.89.193-1.3.39a3.83 3.83 0 0 1-.499-2.248a3.05 3.05 0 0 1 1-2.118c.346-.32.754-.568 1.198-.73q.669-.27 1.38-.399c.404-.09.823-.09 1.228 0a8 8 0 0 1 1.859.83a.37.37 0 1 0 .38-.63l-.78-.51a.3.3 0 0 0 .05-.13a3 3 0 0 1 1.678-2.477a4.6 4.6 0 0 1 2.928-.69a3 3 0 0 1 1.369.53c.418.289.778.655 1.059 1.079c.447.588.751 1.272.889 1.998a1.5 1.5 0 0 1-.25 1.21a.37.37 0 0 0 0 .519a.38.38 0 0 0 .53 0a2.3 2.3 0 0 0 .6-1.789a7.4 7.4 0 0 1 1.468-.12a3.4 3.4 0 0 1 1.399.36c.49.25.931.589 1.299 1c.392.398.728.849.999 1.338c.577.982.762 2.145.52 3.257a.37.37 0 0 0 .699.23a5.25 5.25 0 0 0-.17-3.997a5.7 5.7 0 0 0-1.149-1.698c-.5-.496-1.1-.881-1.759-1.13a4.3 4.3 0 0 0-1.468-.239a6.8 6.8 0 0 0-1.999.37a7.3 7.3 0 0 0-.699-1.849a5 5 0 0 0-1.269-1.538a4.05 4.05 0 0 0-1.998-.76a5 5 0 0 0-1.999.19a5.9 5.9 0 0 0-1.698.89A3.84 3.84 0 0 0 7.669 6.36q-.295-.166-.61-.29a3.9 3.9 0 0 0-1.628-.19a7.5 7.5 0 0 0-2.108.51a4.3 4.3 0 0 0-1.279.849a4.13 4.13 0 0 0-1.099 2.997c.061.942.41 1.841 1 2.578a4.2 4.2 0 0 0-1.22 1.08a3.41 3.41 0 0 0-.37 3.616a4.7 4.7 0 0 0 1.3 1.569a10.3 10.3 0 0 0 2.547 1.409a21.7 21.7 0 0 0 8.153 1.368a25.6 25.6 0 0 0 8.103-1.528a5.65 5.65 0 0 0 3.517-4.287a3.25 3.25 0 0 0-1.778-3.307"%2F%3E%3Cpath d="m6.24 13.655l1.27-1.999a.3.3 0 0 0 .059-.111q.018-.061.012-.125a.322.322 0 0 0-.571-.174l-1.67 1.75c-.17.2-.37.37-.51.54a1.4 1.4 0 0 0-.349.739c0 .38.07.83.75 1.229l.749.29l.77.14h.109v.999a.38.38 0 0 0 .35.4a.37.37 0 0 0 .41-.34c.07-.36.16-.73.24-1.1h.709a.37.37 0 0 0 .32-.6a.36.36 0 0 0-.25-.129l-.6-.17c0-.17.07-.33.09-.5s.06-.499.07-.749v-1.768a.33.33 0 1 0-.65-.09c-.17.57-.38 1.109-.52 1.699q-.087.365-.129.739v.5l-.51-.17c-.919-.45-.769-.08-.15-1m10.183.089l.999-2.188a.32.32 0 0 0-.11-.45a.34.34 0 0 0-.45.11l-1.408 1.999c-.15.21-.32.41-.44.6a1.43 1.43 0 0 0-.25.769c0 .39.18.819.91 1.129l.789.19h.88c0 .33.099.669.159.999a.37.37 0 0 0 .74-.05c0-.38.06-.75.09-1.13l.699-.11a.37.37 0 0 0 0-.739h-.6v-1.248c0-.6-.17-1.17-.25-1.759a.33.33 0 1 0-.65 0c-.099.58-.229 1.149-.289 1.749v1.248l-.52-.1c-1.018-.38-.799-.01-.3-1.019m-3.196-1.149c-.75-.53-1.22-.43-2.079 0a2.9 2.9 0 0 0-.839.7a2.74 2.74 0 0 0-.44 2.817a1.94 1.94 0 0 0 1.869 1.08a2.43 2.43 0 0 0 1.998-1.3a2.9 2.9 0 0 0 .25-2.257a2.3 2.3 0 0 0-.76-1.04m-.48 2.678a1.31 1.31 0 0 1-1 .67a.87.87 0 0 1-.918-.63a1.84 1.84 0 0 1 .19-1.499q.178-.293.43-.53a1 1 0 0 1 1.278 0c.191.172.33.393.4.64c.053.482-.083.966-.38 1.35"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E';
+$icon-delete: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E';
+$icon-no-search: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3C6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5C11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"%2f%3E%3Cpath fill="%23000" d="M6.47 10.82L4 13.29l-2.47-2.47l-.71.71L3.29 14L.82 16.47l.71.71L4 14.71l2.47 2.47l.71-.71L4.71 14l2.47-2.47z"%2f%3E%3C%2fsvg%3E';
+$icon-no-filter: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 36 36"%3E%3Cpath fill="%23000" d="M34 6.4c0-.8-.7-1.4-1.5-1.4H10.3l2 2H32v.6l-9.6 9.6l1.4 1.4L33.4 9c.4-.4.6-.9.6-1.4z" class="clr-i-outline clr-i-outline-path-1"%2f%3E%3Cpath fill="%23000" d="m2.7 3l2 2h-1c-.8-.1-1.6.5-1.7 1.3v1.1c0 .5.2 1 .6 1.4L14 20.2v10.3l1.9.8V19.4L4 7.5V7h2.7L20 20.3v12.9l2 .8V22.3l10.1 10.1l1.4-1.4L4.1 1.6z" class="clr-i-outline clr-i-outline-path-2"%2f%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2f%3E%3C%2fsvg%3E';
+$icon-page-error: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="%23000" d="M3.05 32h25.9V7.62h-1.52V6.1h-1.52V4.57h-1.53V3.05h-1.52V1.52h-1.53V0H3.05ZM4.57 1.52h15.24v7.62h7.62v21.34H4.57Z"%2f%3E%3Cpath fill="%23000" d="M7.62 19.81v1.52h10.67v3.05h1.52v-3.05h3.05v3.05h1.52v-4.57zm15.24-7.62h-1.53v1.52h-1.52v1.53h1.52v1.52h1.53v-1.52h1.52v-1.53h-1.52zm-3.05 12.19h3.05v1.52h-3.05ZM9.14 16.76h1.53v-1.52h1.52v-1.53h-1.52v-1.52H9.14v1.52H7.62v1.53h1.52z"%2f%3E%3C%2fsvg%3E';
+$icon-network-disconnect: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 18.51l.01-.011M2 7c6-4.5 14-4.5 20 0M5 11c4-3 10-3 14 0M8.5 14.5c2.25-1.4 4.75-1.4 7 0m1.621 6.864l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 17.12m2.122 2.122l2.121 2.121"%2f%3E%3C%2fsvg%3E';
+$icon-no-data: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0"%2f%3E%3C%2fsvg%3E';

package/theme-style/src/empty.scss

@@ -17,26 +17,6 @@ $name: empty;
   justify-content: center;
   padding: 10px 0;
 
-  @each $size in (large, small) {
-    @include m($size) {
-      @include e(image) {
-        width: getCompCssVar('img-size', $size);
-        height: getCompCssVar('img-size', $size);
-      }
-    }
-  }
-
-  @include e(image) {
-    width: getCompCssVar('img-size');
-    height: getCompCssVar('img-size');
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
   @include e(desc) {
     margin-top: getCompCssVar('desc-top');
     color: getCompCssVar('desc-color');
@@ -46,4 +26,32 @@ $name: empty;
   @include e(bottom) {
     margin-top: 5px;
   }
+
+  .icon-not-found {
+    @include icon-common($icon-not-found);
+  }
+
+  .icon-delete {
+    @include icon-common($icon-delete);
+  }
+
+  .icon-no-data {
+    @include icon-common($icon-no-data);
+  }
+
+  .icon-no-filter {
+    @include icon-common($icon-no-filter);
+  }
+
+  .icon-no-search {
+    @include icon-common($icon-no-search);
+  }
+
+  .icon-page-error {
+    @include icon-common($icon-page-error);
+  }
+
+  .icon-network-disconnect {
+    @include icon-common($icon-network-disconnect);
+  }
 }

package/theme-style/vft-empty.css

@@ -1 +1 @@
-:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}.vft-empty--large .vft-empty__image{width:var(--vft-empty-img-size-large);height:var(--vft-empty-img-size-large)}.vft-empty--small .vft-empty__image{width:var(--vft-empty-img-size-small);height:var(--vft-empty-img-size-small)}.vft-empty__image{width:var(--vft-empty-img-size);height:var(--vft-empty-img-size)}.vft-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}
+:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}.vft-empty .icon-not-found{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="%23000" fill-rule="evenodd" clip-rule="evenodd"%3E%3Cpath d="M22.197 12.735a.35.35 0 0 0-.407.02a.4.4 0 0 0-.093.11a.36.36 0 0 0 .12.5a2.56 2.56 0 0 1 1.09 3.317a4.8 4.8 0 0 1-2.798 2.668a26 26 0 0 1-7.774 1.258a21.4 21.4 0 0 1-7.723-1.179a9.2 9.2 0 0 1-2.338-1.148a3.8 3.8 0 0 1-1.09-1.2a2.55 2.55 0 0 1 .18-2.737a3.78 3.78 0 0 1 2.519-1.589a.34.34 0 0 0 .28-.37a.33.33 0 0 0-.37-.28c-.451.062-.89.193-1.3.39a3.83 3.83 0 0 1-.499-2.248a3.05 3.05 0 0 1 1-2.118c.346-.32.754-.568 1.198-.73q.669-.27 1.38-.399c.404-.09.823-.09 1.228 0a8 8 0 0 1 1.859.83a.37.37 0 1 0 .38-.63l-.78-.51a.3.3 0 0 0 .05-.13a3 3 0 0 1 1.678-2.477a4.6 4.6 0 0 1 2.928-.69a3 3 0 0 1 1.369.53c.418.289.778.655 1.059 1.079c.447.588.751 1.272.889 1.998a1.5 1.5 0 0 1-.25 1.21a.37.37 0 0 0 0 .519a.38.38 0 0 0 .53 0a2.3 2.3 0 0 0 .6-1.789a7.4 7.4 0 0 1 1.468-.12a3.4 3.4 0 0 1 1.399.36c.49.25.931.589 1.299 1c.392.398.728.849.999 1.338c.577.982.762 2.145.52 3.257a.37.37 0 0 0 .699.23a5.25 5.25 0 0 0-.17-3.997a5.7 5.7 0 0 0-1.149-1.698c-.5-.496-1.1-.881-1.759-1.13a4.3 4.3 0 0 0-1.468-.239a6.8 6.8 0 0 0-1.999.37a7.3 7.3 0 0 0-.699-1.849a5 5 0 0 0-1.269-1.538a4.05 4.05 0 0 0-1.998-.76a5 5 0 0 0-1.999.19a5.9 5.9 0 0 0-1.698.89A3.84 3.84 0 0 0 7.669 6.36q-.295-.166-.61-.29a3.9 3.9 0 0 0-1.628-.19a7.5 7.5 0 0 0-2.108.51a4.3 4.3 0 0 0-1.279.849a4.13 4.13 0 0 0-1.099 2.997c.061.942.41 1.841 1 2.578a4.2 4.2 0 0 0-1.22 1.08a3.41 3.41 0 0 0-.37 3.616a4.7 4.7 0 0 0 1.3 1.569a10.3 10.3 0 0 0 2.547 1.409a21.7 21.7 0 0 0 8.153 1.368a25.6 25.6 0 0 0 8.103-1.528a5.65 5.65 0 0 0 3.517-4.287a3.25 3.25 0 0 0-1.778-3.307"%2F%3E%3Cpath d="m6.24 13.655l1.27-1.999a.3.3 0 0 0 .059-.111q.018-.061.012-.125a.322.322 0 0 0-.571-.174l-1.67 1.75c-.17.2-.37.37-.51.54a1.4 1.4 0 0 0-.349.739c0 .38.07.83.75 1.229l.749.29l.77.14h.109v.999a.38.38 0 0 0 .35.4a.37.37 0 0 0 .41-.34c.07-.36.16-.73.24-1.1h.709a.37.37 0 0 0 .32-.6a.36.36 0 0 0-.25-.129l-.6-.17c0-.17.07-.33.09-.5s.06-.499.07-.749v-1.768a.33.33 0 1 0-.65-.09c-.17.57-.38 1.109-.52 1.699q-.087.365-.129.739v.5l-.51-.17c-.919-.45-.769-.08-.15-1m10.183.089l.999-2.188a.32.32 0 0 0-.11-.45a.34.34 0 0 0-.45.11l-1.408 1.999c-.15.21-.32.41-.44.6a1.43 1.43 0 0 0-.25.769c0 .39.18.819.91 1.129l.789.19h.88c0 .33.099.669.159.999a.37.37 0 0 0 .74-.05c0-.38.06-.75.09-1.13l.699-.11a.37.37 0 0 0 0-.739h-.6v-1.248c0-.6-.17-1.17-.25-1.759a.33.33 0 1 0-.65 0c-.099.58-.229 1.149-.289 1.749v1.248l-.52-.1c-1.018-.38-.799-.01-.3-1.019m-3.196-1.149c-.75-.53-1.22-.43-2.079 0a2.9 2.9 0 0 0-.839.7a2.74 2.74 0 0 0-.44 2.817a1.94 1.94 0 0 0 1.869 1.08a2.43 2.43 0 0 0 1.998-1.3a2.9 2.9 0 0 0 .25-2.257a2.3 2.3 0 0 0-.76-1.04m-.48 2.678a1.31 1.31 0 0 1-1 .67a.87.87 0 0 1-.918-.63a1.84 1.84 0 0 1 .19-1.499q.178-.293.43-.53a1 1 0 0 1 1.278 0c.191.172.33.393.4.64c.053.482-.083.966-.38 1.35"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="%23000" fill-rule="evenodd" clip-rule="evenodd"%3E%3Cpath d="M22.197 12.735a.35.35 0 0 0-.407.02a.4.4 0 0 0-.093.11a.36.36 0 0 0 .12.5a2.56 2.56 0 0 1 1.09 3.317a4.8 4.8 0 0 1-2.798 2.668a26 26 0 0 1-7.774 1.258a21.4 21.4 0 0 1-7.723-1.179a9.2 9.2 0 0 1-2.338-1.148a3.8 3.8 0 0 1-1.09-1.2a2.55 2.55 0 0 1 .18-2.737a3.78 3.78 0 0 1 2.519-1.589a.34.34 0 0 0 .28-.37a.33.33 0 0 0-.37-.28c-.451.062-.89.193-1.3.39a3.83 3.83 0 0 1-.499-2.248a3.05 3.05 0 0 1 1-2.118c.346-.32.754-.568 1.198-.73q.669-.27 1.38-.399c.404-.09.823-.09 1.228 0a8 8 0 0 1 1.859.83a.37.37 0 1 0 .38-.63l-.78-.51a.3.3 0 0 0 .05-.13a3 3 0 0 1 1.678-2.477a4.6 4.6 0 0 1 2.928-.69a3 3 0 0 1 1.369.53c.418.289.778.655 1.059 1.079c.447.588.751 1.272.889 1.998a1.5 1.5 0 0 1-.25 1.21a.37.37 0 0 0 0 .519a.38.38 0 0 0 .53 0a2.3 2.3 0 0 0 .6-1.789a7.4 7.4 0 0 1 1.468-.12a3.4 3.4 0 0 1 1.399.36c.49.25.931.589 1.299 1c.392.398.728.849.999 1.338c.577.982.762 2.145.52 3.257a.37.37 0 0 0 .699.23a5.25 5.25 0 0 0-.17-3.997a5.7 5.7 0 0 0-1.149-1.698c-.5-.496-1.1-.881-1.759-1.13a4.3 4.3 0 0 0-1.468-.239a6.8 6.8 0 0 0-1.999.37a7.3 7.3 0 0 0-.699-1.849a5 5 0 0 0-1.269-1.538a4.05 4.05 0 0 0-1.998-.76a5 5 0 0 0-1.999.19a5.9 5.9 0 0 0-1.698.89A3.84 3.84 0 0 0 7.669 6.36q-.295-.166-.61-.29a3.9 3.9 0 0 0-1.628-.19a7.5 7.5 0 0 0-2.108.51a4.3 4.3 0 0 0-1.279.849a4.13 4.13 0 0 0-1.099 2.997c.061.942.41 1.841 1 2.578a4.2 4.2 0 0 0-1.22 1.08a3.41 3.41 0 0 0-.37 3.616a4.7 4.7 0 0 0 1.3 1.569a10.3 10.3 0 0 0 2.547 1.409a21.7 21.7 0 0 0 8.153 1.368a25.6 25.6 0 0 0 8.103-1.528a5.65 5.65 0 0 0 3.517-4.287a3.25 3.25 0 0 0-1.778-3.307"%2F%3E%3Cpath d="m6.24 13.655l1.27-1.999a.3.3 0 0 0 .059-.111q.018-.061.012-.125a.322.322 0 0 0-.571-.174l-1.67 1.75c-.17.2-.37.37-.51.54a1.4 1.4 0 0 0-.349.739c0 .38.07.83.75 1.229l.749.29l.77.14h.109v.999a.38.38 0 0 0 .35.4a.37.37 0 0 0 .41-.34c.07-.36.16-.73.24-1.1h.709a.37.37 0 0 0 .32-.6a.36.36 0 0 0-.25-.129l-.6-.17c0-.17.07-.33.09-.5s.06-.499.07-.749v-1.768a.33.33 0 1 0-.65-.09c-.17.57-.38 1.109-.52 1.699q-.087.365-.129.739v.5l-.51-.17c-.919-.45-.769-.08-.15-1m10.183.089l.999-2.188a.32.32 0 0 0-.11-.45a.34.34 0 0 0-.45.11l-1.408 1.999c-.15.21-.32.41-.44.6a1.43 1.43 0 0 0-.25.769c0 .39.18.819.91 1.129l.789.19h.88c0 .33.099.669.159.999a.37.37 0 0 0 .74-.05c0-.38.06-.75.09-1.13l.699-.11a.37.37 0 0 0 0-.739h-.6v-1.248c0-.6-.17-1.17-.25-1.759a.33.33 0 1 0-.65 0c-.099.58-.229 1.149-.289 1.749v1.248l-.52-.1c-1.018-.38-.799-.01-.3-1.019m-3.196-1.149c-.75-.53-1.22-.43-2.079 0a2.9 2.9 0 0 0-.839.7a2.74 2.74 0 0 0-.44 2.817a1.94 1.94 0 0 0 1.869 1.08a2.43 2.43 0 0 0 1.998-1.3a2.9 2.9 0 0 0 .25-2.257a2.3 2.3 0 0 0-.76-1.04m-.48 2.678a1.31 1.31 0 0 1-1 .67a.87.87 0 0 1-.918-.63a1.84 1.84 0 0 1 .19-1.499q.178-.293.43-.53a1 1 0 0 1 1.278 0c.191.172.33.393.4.64c.053.482-.083.966-.38 1.35"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-delete{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-no-data{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-no-filter{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 36 36"%3E%3Cpath fill="%23000" d="M34 6.4c0-.8-.7-1.4-1.5-1.4H10.3l2 2H32v.6l-9.6 9.6l1.4 1.4L33.4 9c.4-.4.6-.9.6-1.4z" class="clr-i-outline clr-i-outline-path-1"%2f%3E%3Cpath fill="%23000" d="m2.7 3l2 2h-1c-.8-.1-1.6.5-1.7 1.3v1.1c0 .5.2 1 .6 1.4L14 20.2v10.3l1.9.8V19.4L4 7.5V7h2.7L20 20.3v12.9l2 .8V22.3l10.1 10.1l1.4-1.4L4.1 1.6z" class="clr-i-outline clr-i-outline-path-2"%2f%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 36 36"%3E%3Cpath fill="%23000" d="M34 6.4c0-.8-.7-1.4-1.5-1.4H10.3l2 2H32v.6l-9.6 9.6l1.4 1.4L33.4 9c.4-.4.6-.9.6-1.4z" class="clr-i-outline clr-i-outline-path-1"%2f%3E%3Cpath fill="%23000" d="m2.7 3l2 2h-1c-.8-.1-1.6.5-1.7 1.3v1.1c0 .5.2 1 .6 1.4L14 20.2v10.3l1.9.8V19.4L4 7.5V7h2.7L20 20.3v12.9l2 .8V22.3l10.1 10.1l1.4-1.4L4.1 1.6z" class="clr-i-outline clr-i-outline-path-2"%2f%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-no-search{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3C6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5C11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"%2f%3E%3Cpath fill="%23000" d="M6.47 10.82L4 13.29l-2.47-2.47l-.71.71L3.29 14L.82 16.47l.71.71L4 14.71l2.47 2.47l.71-.71L4.71 14l2.47-2.47z"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3C6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5C11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"%2f%3E%3Cpath fill="%23000" d="M6.47 10.82L4 13.29l-2.47-2.47l-.71.71L3.29 14L.82 16.47l.71.71L4 14.71l2.47 2.47l.71-.71L4.71 14l2.47-2.47z"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-page-error{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="%23000" d="M3.05 32h25.9V7.62h-1.52V6.1h-1.52V4.57h-1.53V3.05h-1.52V1.52h-1.53V0H3.05ZM4.57 1.52h15.24v7.62h7.62v21.34H4.57Z"%2f%3E%3Cpath fill="%23000" d="M7.62 19.81v1.52h10.67v3.05h1.52v-3.05h3.05v3.05h1.52v-4.57zm15.24-7.62h-1.53v1.52h-1.52v1.53h1.52v1.52h1.53v-1.52h1.52v-1.53h-1.52zm-3.05 12.19h3.05v1.52h-3.05ZM9.14 16.76h1.53v-1.52h1.52v-1.53h-1.52v-1.52H9.14v1.52H7.62v1.53h1.52z"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="%23000" d="M3.05 32h25.9V7.62h-1.52V6.1h-1.52V4.57h-1.53V3.05h-1.52V1.52h-1.53V0H3.05ZM4.57 1.52h15.24v7.62h7.62v21.34H4.57Z"%2f%3E%3Cpath fill="%23000" d="M7.62 19.81v1.52h10.67v3.05h1.52v-3.05h3.05v3.05h1.52v-4.57zm15.24-7.62h-1.53v1.52h-1.52v1.53h1.52v1.52h1.53v-1.52h1.52v-1.53h-1.52zm-3.05 12.19h3.05v1.52h-3.05ZM9.14 16.76h1.53v-1.52h1.52v-1.53h-1.52v-1.52H9.14v1.52H7.62v1.53h1.52z"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-empty .icon-network-disconnect{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 18.51l.01-.011M2 7c6-4.5 14-4.5 20 0M5 11c4-3 10-3 14 0M8.5 14.5c2.25-1.4 4.75-1.4 7 0m1.621 6.864l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 17.12m2.122 2.122l2.121 2.121"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2f2000%2fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 18.51l.01-.011M2 7c6-4.5 14-4.5 20 0M5 11c4-3 10-3 14 0M8.5 14.5c2.25-1.4 4.75-1.4 7 0m1.621 6.864l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 17.12m2.122 2.122l2.121 2.121"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}

package/theme-style/vft-upload.css

@@ -1 +1 @@
-@charset "UTF-8";.vft-upload{--vft-upload-dragger-padding-horizontal:40px;--vft-upload-dragger-padding-vertical:10px}.vft-upload{outline:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.vft-upload__input{display:none}.vft-upload__tip{margin-top:7px;color:var(--vft-text-regular-color);font-size:12px}.vft-upload--picture-card{box-sizing:border-box;width:var(--vft-upload-picture-card-size);height:var(--vft-upload-picture-card-size);border:1px dashed var(--vft-border-color-darker);border-radius:6px;background-color:var(--vft-fill-color-lighter);vertical-align:top;cursor:pointer;--vft-upload-picture-card-size:148px;display:inline-flex;align-items:center;justify-content:center}.vft-upload--picture-card i{color:var(--vft-text-secondary-color);font-size:28px}.vft-upload--picture-card:hover{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload.is-drag{display:block}.vft-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.vft-upload:focus{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload:focus .vft-upload-dragger{border-color:var(--vft-primary-color)}.vft-upload .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-upload .icon-document{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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-circle-check{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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-check{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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-zoom-in{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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-delete{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="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%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="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-dragger{position:relative;box-sizing:border-box;padding:var(--vft-upload-dragger-padding-horizontal) var(--vft-upload-dragger-padding-vertical);overflow:hidden;border:1px dashed var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank);text-align:center;cursor:pointer}.vft-upload-dragger.is-dragover{padding:calc(var(--vft-upload-dragger-padding-horizontal) - 1px) calc(var(--vft-upload-dragger-padding-vertical) - 1px);border:2px dashed var(--vft-primary-color);background-color:var(--vft-primary-color-light-9)}.vft-upload-dragger .vft-icon--upload{margin-bottom:16px;color:var(--vft-text-placeholder-color);font-size:67px;line-height:50px}.vft-upload-dragger+.vft-upload__tip{text-align:center}.vft-upload-dragger~.vft-upload__files{margin-top:7px;padding-top:5px;border-top:var(--vft-border)}.vft-upload-dragger .vft-upload__text{color:var(--vft-text-regular-color);font-size:14px;text-align:center}.vft-upload-dragger .vft-upload__text em{color:var(--vft-primary-color);font-style:normal}.vft-upload-dragger:hover{border-color:var(--vft-primary-color)}.vft-upload-dragger .icon-arrow-upload{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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list{position:relative;margin:10px 0 0;padding:0;list-style:none}.vft-upload-list__item{position:relative;box-sizing:border-box;width:100%;margin-bottom:5px;transition:all .5s cubic-bezier(.55,0,.1,1);border-radius:4px;color:var(--vft-text-regular-color);font-size:14px}.vft-upload-list__item.is-success .vft-upload-list__item-status-label{display:inline-flex}.vft-upload-list__item.is-success .vft-upload-list__item-name:focus,.vft-upload-list__item.is-success .vft-upload-list__item-name:hover{color:var(--vft-primary-color);cursor:pointer}.vft-upload-list__item.is-success:focus:not(:hover) .vft-icon--close-tip{display:inline-block}.vft-upload-list__item.is-success:active,.vft-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.vft-upload-list__item.is-success:active .vft-icon--close-tip,.vft-upload-list__item.is-success:not(.focusing):focus .vft-icon--close-tip{display:none}.vft-upload-list__item.is-success:focus .vft-upload-list__item-status-label,.vft-upload-list__item.is-success:hover .vft-upload-list__item-status-label{display:none;opacity:0}.vft-upload-list__item .vft-progress{position:absolute;top:20px;width:100%}.vft-upload-list__item .vft-progress__text{position:absolute;top:-13px;right:0}.vft-upload-list__item .vft-progress-bar{margin-right:0;padding-right:0}.vft-upload-list__item .vft-icon--upload-success{color:var(--vft-success-color)}.vft-upload-list__item .vft-icon--close{display:none;position:absolute;top:50%;right:5px;transform:translateY(-50%);transition:opacity var(--vft-transition-duration);opacity:.75;color:var(--vft-text-regular-color);cursor:pointer}.vft-upload-list__item .vft-icon--close:hover{opacity:1;color:var(--vft-primary-color)}.vft-upload-list__item .vft-icon--close-tip{display:none;position:absolute;top:1px;right:5px;opacity:1;color:var(--vft-primary-color);font-size:12px;font-style:normal;cursor:pointer}.vft-upload-list__item:hover{background-color:var(--vft-fill-color-light)}.vft-upload-list__item:hover .vft-icon--close{display:inline-flex}.vft-upload-list__item:hover .vft-progress__text{display:none}.vft-upload-list__item .vft-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;width:calc(100% - 30px);margin-left:4px;line-height:normal}.vft-upload-list__item-name{display:inline-flex;align-items:center;padding:0 4px;transition:color var(--vft-transition-duration);color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);text-align:center}.vft-upload-list__item-name .vft-icon{margin-right:6px;color:var(--vft-text-secondary-color)}.vft-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vft-upload-list__item-status-label{display:none;position:absolute;top:0;right:5px;align-items:center;justify-content:center;height:100%;transition:opacity var(--vft-transition-duration);line-height:inherit}.vft-upload-list__item-delete{display:none;position:absolute;top:0;right:10px;color:var(--vft-text-regular-color);font-size:12px}.vft-upload-list__item-delete:hover{color:var(--vft-primary-color)}.vft-upload-list--picture-card{display:inline-flex;flex-wrap:wrap;margin:0;--vft-upload-list-picture-card-size:148px}.vft-upload-list--picture-card .vft-upload-list__item{display:inline-flex;box-sizing:border-box;width:var(--vft-upload-list-picture-card-size);height:var(--vft-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;overflow:hidden;border:1px solid var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank)}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--close{display:none}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-upload-list__item-status-label{display:block;opacity:0}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture-card .vft-upload-list__item .vft-upload-list__item-name{display:none}.vft-upload-list--picture-card .vft-upload-list__item-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture-card .vft-upload-list__item-status-label{top:-6px;right:-15px;width:40px;height:24px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-list--picture-card .vft-upload-list__item-status-label i{margin-top:11px;transform:rotate(-45deg);font-size:12px}.vft-upload-list--picture-card .vft-upload-list__item-actions{display:inline-flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity var(--vft-transition-duration);opacity:0;background-color:var(--vft-overlay-color-lighter);color:#fff;font-size:20px;cursor:default}.vft-upload-list--picture-card .vft-upload-list__item-actions span{display:none;cursor:pointer}.vft-upload-list--picture-card .vft-upload-list__item-actions span+span{margin-left:1rem}.vft-upload-list--picture-card .vft-upload-list__item-actions .vft-upload-list__item-delete{position:static;color:inherit;font-size:inherit}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover{opacity:1}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover span{display:inline-flex}.vft-upload-list--picture-card .vft-progress{top:50%;bottom:auto;left:50%;width:126px;transform:translate(-50%,-50%)}.vft-upload-list--picture-card .vft-progress .vft-progress__text{top:50%}.vft-upload-list--picture .vft-upload-list__item{display:flex;z-index:0;box-sizing:border-box;align-items:center;margin-top:10px;padding:10px;overflow:hidden;border:1px solid var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank)}.vft-upload-list--picture .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture .vft-upload-list__item:hover .vft-upload-list__item-status-label{display:inline-flex;opacity:0}.vft-upload-list--picture .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture .vft-upload-list__item.is-success .vft-upload-list__item-name i{display:none}.vft-upload-list--picture .vft-upload-list__item .vft-icon--close{top:5px;transform:translateY(0)}.vft-upload-list--picture .vft-upload-list__item-thumbnail{display:inline-flex;position:relative;z-index:1;align-items:center;justify-content:center;width:70px;height:70px;background-color:var(--vft-color-white);-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture .vft-upload-list__item-status-label{position:absolute;top:-7px;right:-17px;width:46px;height:26px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-list--picture .vft-upload-list__item-status-label i{margin-top:12px;transform:rotate(-45deg);font-size:12px}.vft-upload-list--picture .vft-progress{position:relative;top:-7px}.vft-upload-list .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-upload-list .icon-document{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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-circle-check{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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-check{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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-zoom-in{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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-delete{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="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%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="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-cover{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:default}.vft-upload-cover::after{content:"";display:inline-block;height:100%;vertical-align:middle}.vft-upload-cover__label{top:-6px;right:-15px;width:40px;height:24px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-cover__label i{margin-top:11px;transform:rotate(-45deg);color:#fff;font-size:12px}.vft-upload-cover__progress{display:inline-block;position:static;width:243px;vertical-align:middle}.vft-upload-cover__progress+.vft-upload__inner{opacity:0}.vft-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.vft-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--vft-overlay-color-light);text-align:center}.vft-upload-cover__interact .btn{display:inline-block;margin-top:60px;transition:var(--vft-transition-md-fade);color:#fff;font-size:14px;vertical-align:middle;cursor:pointer}.vft-upload-cover__interact .btn i{margin-top:0}.vft-upload-cover__interact .btn span{transition:opacity .15s linear;opacity:0}.vft-upload-cover__interact .btn:not(:first-child){margin-left:35px}.vft-upload-cover__interact .btn:hover{transform:translateY(-13px)}.vft-upload-cover__interact .btn:hover span{opacity:1}.vft-upload-cover__interact .btn i{display:block;margin:0 auto 5px;color:#fff;font-size:24px;line-height:inherit}.vft-upload-cover__title{position:absolute;bottom:0;left:0;width:100%;height:36px;margin:0;padding:0 10px;overflow:hidden;background-color:#fff;color:var(--vft-text-primary-color);font-size:14px;font-weight:400;line-height:36px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.vft-upload-cover img{display:block;width:100%;height:100%}.vft-upload-cover+.vft-upload__inner{position:relative;z-index:1;opacity:0}
+@charset "UTF-8";.vft-upload{--vft-upload-dragger-padding-horizontal:40px;--vft-upload-dragger-padding-vertical:10px}.vft-upload{outline:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.vft-upload__input{display:none}.vft-upload__tip{margin-top:7px;color:var(--vft-text-regular-color);font-size:12px}.vft-upload--picture-card{box-sizing:border-box;width:var(--vft-upload-picture-card-size);height:var(--vft-upload-picture-card-size);border:1px dashed var(--vft-border-color-darker);border-radius:6px;background-color:var(--vft-fill-color-lighter);vertical-align:top;cursor:pointer;--vft-upload-picture-card-size:148px;display:inline-flex;align-items:center;justify-content:center}.vft-upload--picture-card i{color:var(--vft-text-secondary-color);font-size:28px}.vft-upload--picture-card:hover{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload.is-drag{display:block}.vft-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.vft-upload:focus{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload:focus .vft-upload-dragger{border-color:var(--vft-primary-color)}.vft-upload .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-upload .icon-document{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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-circle-check{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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-check{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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-zoom-in{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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload .icon-delete{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-dragger{position:relative;box-sizing:border-box;padding:var(--vft-upload-dragger-padding-horizontal) var(--vft-upload-dragger-padding-vertical);overflow:hidden;border:1px dashed var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank);text-align:center;cursor:pointer}.vft-upload-dragger.is-dragover{padding:calc(var(--vft-upload-dragger-padding-horizontal) - 1px) calc(var(--vft-upload-dragger-padding-vertical) - 1px);border:2px dashed var(--vft-primary-color);background-color:var(--vft-primary-color-light-9)}.vft-upload-dragger .vft-icon--upload{margin-bottom:16px;color:var(--vft-text-placeholder-color);font-size:67px;line-height:50px}.vft-upload-dragger+.vft-upload__tip{text-align:center}.vft-upload-dragger~.vft-upload__files{margin-top:7px;padding-top:5px;border-top:var(--vft-border)}.vft-upload-dragger .vft-upload__text{color:var(--vft-text-regular-color);font-size:14px;text-align:center}.vft-upload-dragger .vft-upload__text em{color:var(--vft-primary-color);font-style:normal}.vft-upload-dragger:hover{border-color:var(--vft-primary-color)}.vft-upload-dragger .icon-arrow-upload{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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list{position:relative;margin:10px 0 0;padding:0;list-style:none}.vft-upload-list__item{position:relative;box-sizing:border-box;width:100%;margin-bottom:5px;transition:all .5s cubic-bezier(.55,0,.1,1);border-radius:4px;color:var(--vft-text-regular-color);font-size:14px}.vft-upload-list__item.is-success .vft-upload-list__item-status-label{display:inline-flex}.vft-upload-list__item.is-success .vft-upload-list__item-name:focus,.vft-upload-list__item.is-success .vft-upload-list__item-name:hover{color:var(--vft-primary-color);cursor:pointer}.vft-upload-list__item.is-success:focus:not(:hover) .vft-icon--close-tip{display:inline-block}.vft-upload-list__item.is-success:active,.vft-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.vft-upload-list__item.is-success:active .vft-icon--close-tip,.vft-upload-list__item.is-success:not(.focusing):focus .vft-icon--close-tip{display:none}.vft-upload-list__item.is-success:focus .vft-upload-list__item-status-label,.vft-upload-list__item.is-success:hover .vft-upload-list__item-status-label{display:none;opacity:0}.vft-upload-list__item .vft-progress{position:absolute;top:20px;width:100%}.vft-upload-list__item .vft-progress__text{position:absolute;top:-13px;right:0}.vft-upload-list__item .vft-progress-bar{margin-right:0;padding-right:0}.vft-upload-list__item .vft-icon--upload-success{color:var(--vft-success-color)}.vft-upload-list__item .vft-icon--close{display:none;position:absolute;top:50%;right:5px;transform:translateY(-50%);transition:opacity var(--vft-transition-duration);opacity:.75;color:var(--vft-text-regular-color);cursor:pointer}.vft-upload-list__item .vft-icon--close:hover{opacity:1;color:var(--vft-primary-color)}.vft-upload-list__item .vft-icon--close-tip{display:none;position:absolute;top:1px;right:5px;opacity:1;color:var(--vft-primary-color);font-size:12px;font-style:normal;cursor:pointer}.vft-upload-list__item:hover{background-color:var(--vft-fill-color-light)}.vft-upload-list__item:hover .vft-icon--close{display:inline-flex}.vft-upload-list__item:hover .vft-progress__text{display:none}.vft-upload-list__item .vft-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;width:calc(100% - 30px);margin-left:4px;line-height:normal}.vft-upload-list__item-name{display:inline-flex;align-items:center;padding:0 4px;transition:color var(--vft-transition-duration);color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);text-align:center}.vft-upload-list__item-name .vft-icon{margin-right:6px;color:var(--vft-text-secondary-color)}.vft-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vft-upload-list__item-status-label{display:none;position:absolute;top:0;right:5px;align-items:center;justify-content:center;height:100%;transition:opacity var(--vft-transition-duration);line-height:inherit}.vft-upload-list__item-delete{display:none;position:absolute;top:0;right:10px;color:var(--vft-text-regular-color);font-size:12px}.vft-upload-list__item-delete:hover{color:var(--vft-primary-color)}.vft-upload-list--picture-card{display:inline-flex;flex-wrap:wrap;margin:0;--vft-upload-list-picture-card-size:148px}.vft-upload-list--picture-card .vft-upload-list__item{display:inline-flex;box-sizing:border-box;width:var(--vft-upload-list-picture-card-size);height:var(--vft-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;overflow:hidden;border:1px solid var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank)}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--close{display:none}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-upload-list__item-status-label{display:block;opacity:0}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture-card .vft-upload-list__item .vft-upload-list__item-name{display:none}.vft-upload-list--picture-card .vft-upload-list__item-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture-card .vft-upload-list__item-status-label{top:-6px;right:-15px;width:40px;height:24px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-list--picture-card .vft-upload-list__item-status-label i{margin-top:11px;transform:rotate(-45deg);font-size:12px}.vft-upload-list--picture-card .vft-upload-list__item-actions{display:inline-flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity var(--vft-transition-duration);opacity:0;background-color:var(--vft-overlay-color-lighter);color:#fff;font-size:20px;cursor:default}.vft-upload-list--picture-card .vft-upload-list__item-actions span{display:none;cursor:pointer}.vft-upload-list--picture-card .vft-upload-list__item-actions span+span{margin-left:1rem}.vft-upload-list--picture-card .vft-upload-list__item-actions .vft-upload-list__item-delete{position:static;color:inherit;font-size:inherit}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover{opacity:1}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover span{display:inline-flex}.vft-upload-list--picture-card .vft-progress{top:50%;bottom:auto;left:50%;width:126px;transform:translate(-50%,-50%)}.vft-upload-list--picture-card .vft-progress .vft-progress__text{top:50%}.vft-upload-list--picture .vft-upload-list__item{display:flex;z-index:0;box-sizing:border-box;align-items:center;margin-top:10px;padding:10px;overflow:hidden;border:1px solid var(--vft-border-color);border-radius:6px;background-color:var(--vft-fill-color-blank)}.vft-upload-list--picture .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture .vft-upload-list__item:hover .vft-upload-list__item-status-label{display:inline-flex;opacity:0}.vft-upload-list--picture .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture .vft-upload-list__item.is-success .vft-upload-list__item-name i{display:none}.vft-upload-list--picture .vft-upload-list__item .vft-icon--close{top:5px;transform:translateY(0)}.vft-upload-list--picture .vft-upload-list__item-thumbnail{display:inline-flex;position:relative;z-index:1;align-items:center;justify-content:center;width:70px;height:70px;background-color:var(--vft-color-white);-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture .vft-upload-list__item-status-label{position:absolute;top:-7px;right:-17px;width:46px;height:26px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-list--picture .vft-upload-list__item-status-label i{margin-top:12px;transform:rotate(-45deg);font-size:12px}.vft-upload-list--picture .vft-progress{position:relative;top:-7px}.vft-upload-list .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-upload-list .icon-document{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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%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="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-circle-check{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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%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 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-check{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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%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="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-zoom-in{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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%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="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-list .icon-delete{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 14 14"%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5h12m-10.5 0h9v9a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 0V3a2.5 2.5 0 1 1 5 0v.5m-4 3.001v4.002m3-4.002v4.002" stroke-width="1"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-upload-cover{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:default}.vft-upload-cover::after{content:"";display:inline-block;height:100%;vertical-align:middle}.vft-upload-cover__label{top:-6px;right:-15px;width:40px;height:24px;transform:rotate(45deg);background:var(--vft-success-color);text-align:center}.vft-upload-cover__label i{margin-top:11px;transform:rotate(-45deg);color:#fff;font-size:12px}.vft-upload-cover__progress{display:inline-block;position:static;width:243px;vertical-align:middle}.vft-upload-cover__progress+.vft-upload__inner{opacity:0}.vft-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.vft-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--vft-overlay-color-light);text-align:center}.vft-upload-cover__interact .btn{display:inline-block;margin-top:60px;transition:var(--vft-transition-md-fade);color:#fff;font-size:14px;vertical-align:middle;cursor:pointer}.vft-upload-cover__interact .btn i{margin-top:0}.vft-upload-cover__interact .btn span{transition:opacity .15s linear;opacity:0}.vft-upload-cover__interact .btn:not(:first-child){margin-left:35px}.vft-upload-cover__interact .btn:hover{transform:translateY(-13px)}.vft-upload-cover__interact .btn:hover span{opacity:1}.vft-upload-cover__interact .btn i{display:block;margin:0 auto 5px;color:#fff;font-size:24px;line-height:inherit}.vft-upload-cover__title{position:absolute;bottom:0;left:0;width:100%;height:36px;margin:0;padding:0 10px;overflow:hidden;background-color:#fff;color:var(--vft-text-primary-color);font-size:14px;font-weight:400;line-height:36px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.vft-upload-cover img{display:block;width:100%;height:100%}.vft-upload-cover+.vft-upload__inner{position:relative;z-index:1;opacity:0}