vft 0.0.128 → 0.0.129

package/theme-style/src/side-menu.scss

@@ -78,6 +78,10 @@ $name: side-menu;
       box-shadow: getCssVar('box-shadow');
     }
   }
+
+  .icon-sidebar-collapse {
+    @include icon-common($icon-sidebar-collapse)
+  }
 }
 
 @include e(popper) {

package/theme-style/src/skeleton-item.scss

@@ -20,6 +20,7 @@
     width: 100%;
   }
 
+
   @include e(circle) {
     border-radius: 50%;
 
@@ -80,4 +81,8 @@
       height: 22%;
     }
   }
+
+  .icon-picture-filled {
+    @include icon-common($icon-picture-filled)
+  }
 }

package/theme-style/src/switch.scss

@@ -296,4 +296,8 @@ $switch-content-padding: map.merge(
       }
     }
   }
+
+  .icon-loading {
+    @include icon-common($icon-loading)
+  }
 }

package/theme-style/src/tabs.scss

@@ -183,6 +183,13 @@ $name: tabs;
     }
   }
 
+  .icon-plus {
+    @include icon-common($icon-plus)
+  }
+  @include icon-close;
+  @include icon-arrow-left;
+  @include icon-arrow-right;
+
   //.#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
   //  content: none;
   //}

package/theme-style/src/tag.scss

@@ -108,6 +108,8 @@ $tag-icon-span-gap: map-merge(
 
   @include set-css-var-value('icon-size', 14px);
 
+  @include icon-close;
+
   $svg-margin-size: 1px;
   .#{$namespace}-icon {
     cursor: pointer;

package/theme-style/src/tree.scss

@@ -38,6 +38,13 @@
     height: 1px;
     background-color: getCssVar('primary-color');
   }
+
+  .icon-caret-right {
+    @include icon-common($icon-caret-right)
+  }
+  .icon-loading {
+    @include icon-common($icon-loading)
+  }
 }
 
 @include b(tree-node) {

package/theme-style/src/upload.scss

@@ -84,11 +84,30 @@
       border-color: getCssVar('primary-color');
     }
   }
+
+  .icon-document {
+    @include icon-common($icon-document)
+  }
+  .icon-circle-check {
+    @include icon-common($icon-circle-check)
+  }
+  .icon-check {
+    @include icon-common($icon-check)
+  }
+
+  @include icon-close;
+
+  .icon-zoom-in {
+    @include icon-common($icon-zoom-in)
+  }
+
+  .icon-delete {
+    @include icon-common($icon-delete)
+  }
 }
 
 @include b(upload-dragger) {
-  padding: getCssVar('upload-dragger-padding-horizontal')
-    getCssVar('upload-dragger-padding-vertical');
+  padding: getCssVar('upload-dragger-padding-horizontal') getCssVar('upload-dragger-padding-vertical');
   background-color: getCssVar('fill-color', 'blank');
   border: 1px dashed getCssVar('border-color');
   border-radius: 6px;
@@ -131,8 +150,7 @@
   }
 
   @include when(dragover) {
-    padding: calc(#{getCssVar('upload-dragger-padding-horizontal')} - 1px)
-      calc(#{getCssVar('upload-dragger-padding-vertical')} - 1px);
+    padding: calc(#{getCssVar('upload-dragger-padding-horizontal')} - 1px) calc(#{getCssVar('upload-dragger-padding-vertical')} - 1px);
     background-color: getCssVar('primary-color', 'light-9');
     border: 2px dashed getCssVar('primary-color');
   }
@@ -245,6 +263,7 @@
       &:active {
         /* click时 */
         outline-width: 0;
+
         .#{bem('icon', '', 'close-tip')} {
           display: none;
         }
@@ -339,6 +358,7 @@
       .#{bem('icon', '', 'close')} {
         display: none;
       }
+
       &:hover {
         .#{bem('upload-list', 'item-status-label')} {
           opacity: 0;
@@ -403,6 +423,7 @@
 
       &:hover {
         opacity: 1;
+
         span {
           display: inline-flex;
         }

package/theme-style/vft-backtop.css

@@ -1 +1 @@
-.vft-backtop{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-text-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:var(--vft-z-index-backtop)}.vft-backtop:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-backtop__icon{font-size:20px}
+.vft-backtop{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-text-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:var(--vft-z-index-backtop)}.vft-backtop:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-backtop__icon{font-size:20px}.vft-backtop .icon-back-top{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M6 4h12v2H6zm.707 11.707L11 11.414V20h2v-8.586l4.293 4.293l1.414-1.414L12 7.586l-6.707 6.707z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M6 4h12v2H6zm.707 11.707L11 11.414V20h2v-8.586l4.293 4.293l1.414-1.414L12 7.586l-6.707 6.707z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}

package/theme-style/vft-button.css

@@ -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: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.is-round{padding:8px 15px}.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.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):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.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__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:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.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: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--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{--vft-button-size:40px;height:var(--vft-button-size);padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--small{--vft-button-size:24px;height:var(--vft-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}
+.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: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.is-round{padding:8px 15px}.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.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):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.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__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:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.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: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--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{--vft-button-size:40px;height:var(--vft-button-size);padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--small{--vft-button-size:24px;height:var(--vft-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}.vft-button .icon-loading{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}

package/theme-style/vft-color-picker.css

@@ -1 +1 @@
-.vft-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.vft-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.vft-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.vft-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.vft-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--vft-primary-color)}.vft-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.vft-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.vft-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.vft-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.vft-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-svpanel{position:relative;width:280px;height:180px}.vft-color-svpanel__black,.vft-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.vft-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vft-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.vft-color-svpanel__cursor{position:absolute}.vft-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.vft-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--vft-bg-color) 100%);height:100%}.vft-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-alpha-slider.is-vertical{width:20px;height:180px}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-dropdown{width:300px}.vft-color-dropdown__main-wrapper{margin-bottom:6px}.vft-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.vft-color-dropdown__btns{margin-top:12px;text-align:right}.vft-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.vft-color-picker{display:inline-block;position:relative;line-height:normal;outline:0}.vft-color-picker:hover:not(.is-disabled) .vft-color-picker__trigger{border:1px solid var(--vft-border-color-hover)}.vft-color-picker:focus-visible:not(.is-disabled) .vft-color-picker__trigger{outline:2px solid var(--vft-primary-color);outline-offset:1px}.vft-color-picker.is-disabled .vft-color-picker__trigger{cursor:not-allowed}.vft-color-picker--large{height:40px}.vft-color-picker--large .vft-color-picker__trigger{height:40px;width:40px}.vft-color-picker--large .vft-color-picker__mask{height:38px;width:38px}.vft-color-picker--small{height:24px}.vft-color-picker--small .vft-color-picker__trigger{height:24px;width:24px}.vft-color-picker--small .vft-color-picker__mask{height:22px;width:22px}.vft-color-picker--small .vft-color-picker__empty,.vft-color-picker--small .vft-color-picker__icon{transform:scale(.8)}.vft-color-picker__mask{height:30px;width:30px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.vft-color-picker__trigger{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:32px;width:32px;padding:4px;border:1px solid var(--vft-border-color);border-radius:4px;font-size:0;position:relative;cursor:pointer}.vft-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--vft-text-secondary-color);border-radius:var(--vft-border-radius-small);width:100%;height:100%;text-align:center}.vft-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-picker__color-inner{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%}.vft-color-picker .vft-color-picker__empty{font-size:12px;color:var(--vft-text-secondary-color)}.vft-color-picker .vft-color-picker__icon{display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.vft-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--vft-border-radius-base);box-shadow:var(--vft-box-shadow-light)}.vft-color-picker__panel.vft-popper{border:1px solid var(--vft-border-color-lighter)}.vft-color-picker,.vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#ccc;--vft-color-picker-alpha-bg-b:transparent}.dark .vft-color-picker,.dark .vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#333333}
+.vft-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.vft-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.vft-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.vft-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.vft-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--vft-primary-color)}.vft-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.vft-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.vft-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.vft-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.vft-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-svpanel{position:relative;width:280px;height:180px}.vft-color-svpanel__black,.vft-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.vft-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vft-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.vft-color-svpanel__cursor{position:absolute}.vft-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.vft-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--vft-bg-color) 100%);height:100%}.vft-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-alpha-slider.is-vertical{width:20px;height:180px}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-dropdown{width:300px}.vft-color-dropdown__main-wrapper{margin-bottom:6px}.vft-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.vft-color-dropdown__btns{margin-top:12px;text-align:right}.vft-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.vft-color-picker{display:inline-block;position:relative;line-height:normal;outline:0}.vft-color-picker:hover:not(.is-disabled) .vft-color-picker__trigger{border:1px solid var(--vft-border-color-hover)}.vft-color-picker:focus-visible:not(.is-disabled) .vft-color-picker__trigger{outline:2px solid var(--vft-primary-color);outline-offset:1px}.vft-color-picker.is-disabled .vft-color-picker__trigger{cursor:not-allowed}.vft-color-picker--large{height:40px}.vft-color-picker--large .vft-color-picker__trigger{height:40px;width:40px}.vft-color-picker--large .vft-color-picker__mask{height:38px;width:38px}.vft-color-picker--small{height:24px}.vft-color-picker--small .vft-color-picker__trigger{height:24px;width:24px}.vft-color-picker--small .vft-color-picker__mask{height:22px;width:22px}.vft-color-picker--small .vft-color-picker__empty,.vft-color-picker--small .vft-color-picker__icon{transform:scale(.8)}.vft-color-picker__mask{height:30px;width:30px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.vft-color-picker__trigger{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:32px;width:32px;padding:4px;border:1px solid var(--vft-border-color);border-radius:4px;font-size:0;position:relative;cursor:pointer}.vft-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--vft-text-secondary-color);border-radius:var(--vft-border-radius-small);width:100%;height:100%;text-align:center}.vft-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-picker__color-inner{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%}.vft-color-picker .vft-color-picker__empty{font-size:12px;color:var(--vft-text-secondary-color)}.vft-color-picker .vft-color-picker__icon{display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.vft-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--vft-border-radius-base);box-shadow:var(--vft-box-shadow-light)}.vft-color-picker__panel.vft-popper{border:1px solid var(--vft-border-color-lighter)}.vft-color-picker .icon-arrow-down{-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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-color-picker .icon-circle-close{-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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-color-picker,.vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#ccc;--vft-color-picker-alpha-bg-b:transparent}.dark .vft-color-picker,.dark .vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#333333}

package/theme-style/vft-date-picker.css

@@ -1 +1 @@
-.vft-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-date-table.is-week-mode .vft-date-table__row:hover .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td.available:hover{color:var(--vft-datepicker-text-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td:first-child .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row:hover td:last-child .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row.current .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.vft-date-table td .vft-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.vft-date-table td.next-month,.vft-date-table td.prev-month{color:var(--vft-datepicker-off-text-color)}.vft-date-table td.today{position:relative}.vft-date-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-date-table td.today.end-date .vft-date-table-cell__text,.vft-date-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-date-table td.available:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.current:not(.disabled) .vft-date-table-cell__text{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-date-table td.current:not(.disabled):focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-date-table td.end-date .vft-date-table-cell,.vft-date-table td.start-date .vft-date-table-cell{color:#fff}.vft-date-table td.end-date .vft-date-table-cell__text,.vft-date-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color)}.vft-date-table td.start-date .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table td.end-date .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table td.disabled .vft-date-table-cell{background-color:var(--vft-fill-color-light);opacity:1;cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-date-table td.selected .vft-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--vft-datepicker-inrange-bg-color);border-radius:15px}.vft-date-table td.selected .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.selected .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff;border-radius:15px}.vft-date-table td.week{font-size:80%;color:var(--vft-datepicker-header-text-color)}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;color:var(--vft-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-month-table td{text-align:center;padding:8px 0;cursor:pointer}.vft-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.vft-month-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .cell,.vft-month-table td.today.start-date .cell{color:#fff}.vft-month-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-month-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);margin:0 auto;border-radius:18px}.vft-month-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range div{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range div:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date div,.vft-month-table td.start-date div{color:#fff}.vft-month-table td.end-date .cell,.vft-month-table td.start-date .cell{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.vft-year-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-year-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .cell{width:48px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);border-radius:18px;margin:0 auto}.vft-year-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__arrow{font-size:16px;color:var(--vft-text-secondary-color);position:absolute;left:0;width:100%;z-index:var(--vft-z-index-normal);text-align:center;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-regular-color)}.vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-primary-color);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.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{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.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{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.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)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-regular-color)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker .vft-time-panel{position:absolute}.vft-date-range-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-range-picker{width:646px}.vft-date-range-picker.has-sidebar{width:756px}.vft-date-range-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-range-picker table{table-layout:fixed;width:100%}.vft-date-range-picker .vft-picker-panel__body{min-width:513px}.vft-date-range-picker .vft-picker-panel__content{margin:0}.vft-date-range-picker__header{position:relative;text-align:center;height:28px}.vft-date-range-picker__header button[class*=arrow-left]{float:left}.vft-date-range-picker__header button[class*=arrow-right]{float:right}.vft-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.vft-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.vft-date-range-picker__content.is-left{border-right:1px solid var(--vft-datepicker-inner-border-color)}.vft-date-range-picker__content .vft-date-range-picker__header div{margin-left:50px;margin-right:50px}.vft-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-range-picker__time-header>.vft-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--vft-datepicker-icon-color)}.vft-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.vft-date-range-picker__time-picker-wrap .vft-time-panel{position:absolute}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-z-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-primary-color)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}
+.vft-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-date-table.is-week-mode .vft-date-table__row:hover .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td.available:hover{color:var(--vft-datepicker-text-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td:first-child .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row:hover td:last-child .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row.current .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.vft-date-table td .vft-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.vft-date-table td.next-month,.vft-date-table td.prev-month{color:var(--vft-datepicker-off-text-color)}.vft-date-table td.today{position:relative}.vft-date-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-date-table td.today.end-date .vft-date-table-cell__text,.vft-date-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-date-table td.available:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.current:not(.disabled) .vft-date-table-cell__text{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-date-table td.current:not(.disabled):focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-date-table td.end-date .vft-date-table-cell,.vft-date-table td.start-date .vft-date-table-cell{color:#fff}.vft-date-table td.end-date .vft-date-table-cell__text,.vft-date-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color)}.vft-date-table td.start-date .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table td.end-date .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table td.disabled .vft-date-table-cell{background-color:var(--vft-fill-color-light);opacity:1;cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-date-table td.selected .vft-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--vft-datepicker-inrange-bg-color);border-radius:15px}.vft-date-table td.selected .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.selected .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff;border-radius:15px}.vft-date-table td.week{font-size:80%;color:var(--vft-datepicker-header-text-color)}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;color:var(--vft-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-month-table td{text-align:center;padding:8px 0;cursor:pointer}.vft-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.vft-month-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .cell,.vft-month-table td.today.start-date .cell{color:#fff}.vft-month-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-month-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);margin:0 auto;border-radius:18px}.vft-month-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range div{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range div:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date div,.vft-month-table td.start-date div{color:#fff}.vft-month-table td.end-date .cell,.vft-month-table td.start-date .cell{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.vft-year-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-year-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .cell{width:48px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);border-radius:18px;margin:0 auto}.vft-year-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__arrow{font-size:16px;color:var(--vft-text-secondary-color);position:absolute;left:0;width:100%;z-index:var(--vft-z-index-normal);text-align:center;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-regular-color)}.vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-primary-color);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.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{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.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{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.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)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-regular-color)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker .vft-time-panel{position:absolute}.vft-date-picker .icon-d-arrow-left{-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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-arrow-left{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-arrow-right{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-d-arrow-right{-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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-range-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-range-picker{width:646px}.vft-date-range-picker.has-sidebar{width:756px}.vft-date-range-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-range-picker table{table-layout:fixed;width:100%}.vft-date-range-picker .vft-picker-panel__body{min-width:513px}.vft-date-range-picker .vft-picker-panel__content{margin:0}.vft-date-range-picker__header{position:relative;text-align:center;height:28px}.vft-date-range-picker__header button[class*=arrow-left]{float:left}.vft-date-range-picker__header button[class*=arrow-right]{float:right}.vft-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.vft-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.vft-date-range-picker__content.is-left{border-right:1px solid var(--vft-datepicker-inner-border-color)}.vft-date-range-picker__content .vft-date-range-picker__header div{margin-left:50px;margin-right:50px}.vft-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-range-picker__time-header>.vft-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--vft-datepicker-icon-color)}.vft-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.vft-date-range-picker__time-picker-wrap .vft-time-panel{position:absolute}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-z-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-primary-color)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}.vft-time-panel .icon-arrow-up{-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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-time-panel .icon-arrow-down{-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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-time-panel .icon-circle-close{-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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}

package/theme-style/vft-date-time-select.css

@@ -1 +1 @@
-.vft-date-time-select{display:inline-block;cursor:pointer}.vft-date-time-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;padding:1px 11px;background-color:#fff;border-radius:5px;height:40px;min-width:200px;transition:var(--vft-transition-all);box-shadow:0 0 0 1px var(--vft-border-color) inset!important;font-size:15px}.vft-date-time-select__trigger:focus,.vft-date-time-select__trigger:hover{box-shadow:0 0 0 1px var(--vft-primary-color) inset!important}.vft-date-time-select__trigger .placeholder{color:var(--vft-text-placeholder-color)}.vft-date-time-select__trigger .text{color:var(--vft-text-primary-color)}.vft-date-time-select__trigger i{margin-left:5px;transition:var(--vft-transition-all);color:var(--vft-text-placeholder-color)}.vft-date-time-select__content{display:flex;padding:5px 0;min-height:190px;max-height:350px;min-width:200px;max-width:800px;box-shadow:var(--vft-box-shadow)}.vft-date-time-select__item-container{width:100%;display:flex;flex-direction:column}.vft-date-time-select__item{display:flex;justify-content:space-between;color:var(--vft-text-primary-color);width:100%;padding:9px 16px;transition:var(--vft-transition-all);font-size:13px;line-height:1;position:relative}.vft-date-time-select__item:hover{color:var(--vft-primary-color);background-color:var(--vft-primary-color-light-9)}.vft-date-time-select__item.is-active{color:var(--vft-primary-color)}.vft-date-time-select__delete{transition:var(--vft-transition-all);display:flex;justify-content:center;align-items:center;height:20px;width:20px;border-radius:50%}.vft-date-time-select__delete:hover{background-color:#dfdfdf}.vft-date-time-select .vft-scrollbar{overflow:visible}
+.vft-date-time-select{display:inline-block;cursor:pointer}.vft-date-time-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;padding:1px 11px;background-color:#fff;border-radius:5px;height:40px;min-width:200px;transition:var(--vft-transition-all);box-shadow:0 0 0 1px var(--vft-border-color) inset!important;font-size:15px}.vft-date-time-select__trigger:focus,.vft-date-time-select__trigger:hover{box-shadow:0 0 0 1px var(--vft-primary-color) inset!important}.vft-date-time-select__trigger .placeholder{color:var(--vft-text-placeholder-color)}.vft-date-time-select__trigger .text{color:var(--vft-text-primary-color)}.vft-date-time-select__trigger i{margin-left:5px;transition:var(--vft-transition-all);color:var(--vft-text-placeholder-color)}.vft-date-time-select__content{display:flex;padding:5px 0;min-height:190px;max-height:350px;min-width:200px;max-width:800px;box-shadow:var(--vft-box-shadow)}.vft-date-time-select__item-container{width:100%;display:flex;flex-direction:column}.vft-date-time-select__item{display:flex;justify-content:space-between;color:var(--vft-text-primary-color);width:100%;padding:9px 16px;transition:var(--vft-transition-all);font-size:13px;line-height:1;position:relative}.vft-date-time-select__item:hover{color:var(--vft-primary-color);background-color:var(--vft-primary-color-light-9)}.vft-date-time-select__item.is-active{color:var(--vft-primary-color)}.vft-date-time-select__delete{transition:var(--vft-transition-all);display:flex;justify-content:center;align-items:center;height:20px;width:20px;border-radius:50%}.vft-date-time-select__delete:hover{background-color:#dfdfdf}.vft-date-time-select .vft-scrollbar{overflow:visible}.vft-date-time-select .icon-check{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-time-select .icon-arrow-down{-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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-time-select .icon-circle-close{-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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%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%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}

package/theme-style/vft-dialog.css

@@ -1 +1 @@
-.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:20px;--vft-dialog-border-radius:var(--vft-border-radius-small);position:relative;margin:var(--vft-dialog-margin-top,15vh) auto 50px;background:var(--vft-dialog-bg-color);border-radius:var(--vft-dialog-border-radius);box-shadow:var(--vft-dialog-box-shadow);box-sizing:border-box;width:var(--vft-dialog-width,50%)}.vft-dialog:focus{outline:0!important}.vft-dialog.is-align-center{margin:auto}.vft-dialog.is-fullscreen{--vft-dialog-width:100%;--vft-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.vft-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.vft-dialog.is-draggable .vft-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-dialog__header{padding:var(--vft-dialog-padding-primary) var(--vft-dialog-padding-primary) 10px;margin-right:16px}.vft-dialog__headerbtn{position:absolute;top:6px;right:0;padding:0;width:54px;height:54px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--vft-message-close-size,20px)}.vft-dialog__headerbtn .vft-dialog__close{color:var(--vft-info-color);font-size:inherit}.vft-dialog__headerbtn:focus .vft-dialog__close,.vft-dialog__headerbtn:hover .vft-dialog__close{color:var(--vft-primary-color)}.vft-dialog__title{line-height:var(--vft-dialog-font-line-height);font-size:var(--vft-dialog-title-font-size);color:var(--vft-text-primary-color)}.vft-dialog__body{padding:calc(var(--vft-dialog-padding-primary) + 10px) var(--vft-dialog-padding-primary);color:var(--vft-text-regular-color);font-size:var(--vft-dialog-content-font-size)}.vft-dialog__footer{padding:10px var(--vft-dialog-padding-primary) var(--vft-dialog-padding-primary);text-align:right;box-sizing:border-box}.vft-dialog--center{text-align:center}.vft-dialog--center .vft-dialog__body{text-align:initial;padding:25px calc(var(--vft-dialog-padding-primary) + 5px) 30px}.vft-dialog--center .vft-dialog__footer{text-align:inherit}.vft-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--vft-transition-duration)}.dialog-fade-enter-active .vft-overlay-dialog{animation:dialog-fade-in var(--vft-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--vft-transition-duration)}.dialog-fade-leave-active .vft-overlay-dialog{animation:dialog-fade-out var(--vft-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}
+.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:20px;--vft-dialog-border-radius:var(--vft-border-radius-small);position:relative;margin:var(--vft-dialog-margin-top,15vh) auto 50px;background:var(--vft-dialog-bg-color);border-radius:var(--vft-dialog-border-radius);box-shadow:var(--vft-dialog-box-shadow);box-sizing:border-box;width:var(--vft-dialog-width,50%)}.vft-dialog:focus{outline:0!important}.vft-dialog.is-align-center{margin:auto}.vft-dialog.is-fullscreen{--vft-dialog-width:100%;--vft-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.vft-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.vft-dialog.is-draggable .vft-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-dialog__header{padding:var(--vft-dialog-padding-primary) var(--vft-dialog-padding-primary) 10px;margin-right:16px}.vft-dialog__headerbtn{position:absolute;top:6px;right:0;padding:0;width:54px;height:54px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--vft-message-close-size,20px)}.vft-dialog__headerbtn .vft-dialog__close{color:var(--vft-info-color);font-size:inherit}.vft-dialog__headerbtn:focus .vft-dialog__close,.vft-dialog__headerbtn:hover .vft-dialog__close{color:var(--vft-primary-color)}.vft-dialog__title{line-height:var(--vft-dialog-font-line-height);font-size:var(--vft-dialog-title-font-size);color:var(--vft-text-primary-color)}.vft-dialog__body{padding:calc(var(--vft-dialog-padding-primary) + 10px) var(--vft-dialog-padding-primary);color:var(--vft-text-regular-color);font-size:var(--vft-dialog-content-font-size)}.vft-dialog__footer{padding:10px var(--vft-dialog-padding-primary) var(--vft-dialog-padding-primary);text-align:right;box-sizing:border-box}.vft-dialog--center{text-align:center}.vft-dialog--center .vft-dialog__body{text-align:initial;padding:25px calc(var(--vft-dialog-padding-primary) + 5px) 30px}.vft-dialog--center .vft-dialog__footer{text-align:inherit}.vft-dialog .icon-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--vft-transition-duration)}.dialog-fade-enter-active .vft-overlay-dialog{animation:dialog-fade-in var(--vft-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--vft-transition-duration)}.dialog-fade-leave-active .vft-overlay-dialog{animation:dialog-fade-out var(--vft-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}

package/theme-style/vft-drawer.css

@@ -1 +1 @@
-.vft-drawer{--vft-drawer-bg-color:var(--vft-dialog-bg-color, var(--vft-bg-color));--vft-drawer-padding-primary:var(--vft-dialog-padding-primary, 20px)}.vft-drawer{position:absolute;box-sizing:border-box;background-color:var(--vft-drawer-bg-color);display:flex;flex-direction:column;box-shadow:var(--vft-box-shadow-dark);overflow:hidden;transition:all var(--vft-transition-duration)}.vft-drawer .rtl{transform:translate(0,0)}.vft-drawer .ltr{transform:translate(0,0)}.vft-drawer .ttb{transform:translate(0,0)}.vft-drawer .btt{transform:translate(0,0)}.vft-drawer__sr-focus:focus{outline:0!important}.vft-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--vft-drawer-padding-primary);padding-bottom:0}.vft-drawer__header>:first-child{flex:1}.vft-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.vft-drawer__footer{padding:var(--vft-drawer-padding-primary);padding-top:10px;text-align:right}.vft-drawer__close-btn{display:inline-flex}.vft-drawer__close-btn:focus i,.vft-drawer__close-btn:hover i{font-size:var(--vft-font-size-extra-large);color:var(--vft-primary-color)}.vft-drawer__body{flex:1;padding:var(--vft-drawer-padding-primary);overflow:auto}.vft-drawer__body>*{box-sizing:border-box}.vft-drawer.ltr,.vft-drawer.rtl{height:100%;top:0;bottom:0}.vft-drawer.btt,.vft-drawer.ttb{width:100%;left:0;right:0}.vft-drawer.ltr{left:0}.vft-drawer.rtl{right:0}.vft-drawer.ttb{top:0}.vft-drawer.btt{bottom:0}.vft-drawer-fade-enter-active,.vft-drawer-fade-leave-active{transition:all var(--vft-transition-duration)}.vft-drawer-fade-enter-active,.vft-drawer-fade-enter-from,.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-active,.vft-drawer-fade-leave-from,.vft-drawer-fade-leave-to{overflow:hidden!important}.vft-drawer-fade-enter-from,.vft-drawer-fade-leave-to{opacity:0}.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-from{opacity:1}.vft-drawer-fade-enter-from .rtl,.vft-drawer-fade-leave-to .rtl{transform:translateX(100%)}.vft-drawer-fade-enter-from .ltr,.vft-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.vft-drawer-fade-enter-from .ttb,.vft-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.vft-drawer-fade-enter-from .btt,.vft-drawer-fade-leave-to .btt{transform:translateY(100%)}
+.vft-drawer{--vft-drawer-bg-color:var(--vft-dialog-bg-color, var(--vft-bg-color));--vft-drawer-padding-primary:var(--vft-dialog-padding-primary, 20px)}.vft-drawer{position:absolute;box-sizing:border-box;background-color:var(--vft-drawer-bg-color);display:flex;flex-direction:column;box-shadow:var(--vft-box-shadow-dark);overflow:hidden;transition:all var(--vft-transition-duration)}.vft-drawer .rtl{transform:translate(0,0)}.vft-drawer .ltr{transform:translate(0,0)}.vft-drawer .ttb{transform:translate(0,0)}.vft-drawer .btt{transform:translate(0,0)}.vft-drawer__sr-focus:focus{outline:0!important}.vft-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--vft-drawer-padding-primary);padding-bottom:0}.vft-drawer__header>:first-child{flex:1}.vft-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.vft-drawer__footer{padding:var(--vft-drawer-padding-primary);padding-top:10px;text-align:right}.vft-drawer__close-btn{display:inline-flex}.vft-drawer__close-btn:focus i,.vft-drawer__close-btn:hover i{font-size:var(--vft-font-size-extra-large);color:var(--vft-primary-color)}.vft-drawer__body{flex:1;padding:var(--vft-drawer-padding-primary);overflow:auto}.vft-drawer__body>*{box-sizing:border-box}.vft-drawer.ltr,.vft-drawer.rtl{height:100%;top:0;bottom:0}.vft-drawer.btt,.vft-drawer.ttb{width:100%;left:0;right:0}.vft-drawer.ltr{left:0}.vft-drawer.rtl{right:0}.vft-drawer.ttb{top:0}.vft-drawer.btt{bottom:0}.vft-drawer .icon-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-drawer-fade-enter-active,.vft-drawer-fade-leave-active{transition:all var(--vft-transition-duration)}.vft-drawer-fade-enter-active,.vft-drawer-fade-enter-from,.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-active,.vft-drawer-fade-leave-from,.vft-drawer-fade-leave-to{overflow:hidden!important}.vft-drawer-fade-enter-from,.vft-drawer-fade-leave-to{opacity:0}.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-from{opacity:1}.vft-drawer-fade-enter-from .rtl,.vft-drawer-fade-leave-to .rtl{transform:translateX(100%)}.vft-drawer-fade-enter-from .ltr,.vft-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.vft-drawer-fade-enter-from .ttb,.vft-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.vft-drawer-fade-enter-from .btt,.vft-drawer-fade-leave-to .btt{transform:translateY(100%)}

package/theme-style/vft-dropdown.css

@@ -1 +1 @@
-.vft-dropdown{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10;display:inline-flex;position:relative;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:1;vertical-align:top}.vft-dropdown.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-dropdown__popper{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10}.vft-dropdown__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-dropdown-menu-box-shadow)}.vft-dropdown__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-dropdown__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-dropdown__popper .vft-dropdown-menu{border:none}.vft-dropdown__popper .vft-dropdown__popper-selfdefine{outline:0}.vft-dropdown__popper .vft-scrollbar__bar{z-index:calc(var(--vft-dropdown-menu-index) + 1)}.vft-dropdown__popper .vft-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.vft-dropdown .vft-dropdown__caret-button{padding-left:0;padding-right:0;display:inline-flex;justify-content:center;align-items:center;width:32px;border-left:none}.vft-dropdown .vft-dropdown__caret-button>span{display:inline-flex}.vft-dropdown .vft-dropdown__caret-button::before{content:"";position:absolute;display:block;width:1px;top:-1px;bottom:-1px;left:0;background:var(--vft-overlay-color-lighter)}.vft-dropdown .vft-dropdown__caret-button.vft-button::before{background:var(--vft-border-color);opacity:.5}.vft-dropdown .vft-dropdown__caret-button .vft-dropdown__icon{font-size:inherit;padding-left:0}.vft-dropdown .vft-dropdown-selfdefine{outline:0}.vft-dropdown--large .vft-dropdown__caret-button{width:40px}.vft-dropdown--small .vft-dropdown__caret-button{width:24px}.vft-dropdown-menu{position:relative;top:0;left:0;z-index:var(--vft-dropdown-menu-index);padding:5px 0;margin:0;background-color:var(--vft-bg-color-overlay);border:none;border-radius:var(--vft-border-radius-base);box-shadow:none;list-style:none}.vft-dropdown-menu__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);cursor:pointer;outline:0}.vft-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--vft-dropdown-menuItem-hover-fill);color:var(--vft-dropdown-menuItem-hover-color)}.vft-dropdown-menu__item i{margin-right:5px}.vft-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--vft-border-color-lighter)}.vft-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--vft-text-disabled-color)}.vft-dropdown-menu--large{padding:7px 0}.vft-dropdown-menu--large .vft-dropdown-menu__item{padding:7px 20px;line-height:22px;font-size:14px}.vft-dropdown-menu--large .vft-dropdown-menu__item--divided{margin:8px 0}.vft-dropdown-menu--small{padding:3px 0}.vft-dropdown-menu--small .vft-dropdown-menu__item{padding:2px 12px;line-height:20px;font-size:12px}.vft-dropdown-menu--small .vft-dropdown-menu__item--divided{margin:4px 0}
+.vft-dropdown{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10;display:inline-flex;position:relative;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:1;vertical-align:top}.vft-dropdown.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-dropdown__popper{--vft-dropdown-menu-box-shadow:var(--vft-box-shadow-light);--vft-dropdown-menuItem-hover-fill:var(--vft-primary-color-light-9);--vft-dropdown-menuItem-hover-color:var(--vft-primary-color);--vft-dropdown-menu-index:10}.vft-dropdown__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-dropdown-menu-box-shadow)}.vft-dropdown__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-dropdown__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-dropdown__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-dropdown__popper .vft-dropdown-menu{border:none}.vft-dropdown__popper .vft-dropdown__popper-selfdefine{outline:0}.vft-dropdown__popper .vft-scrollbar__bar{z-index:calc(var(--vft-dropdown-menu-index) + 1)}.vft-dropdown__popper .vft-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.vft-dropdown .vft-dropdown__caret-button{padding-left:0;padding-right:0;display:inline-flex;justify-content:center;align-items:center;width:32px;border-left:none}.vft-dropdown .vft-dropdown__caret-button>span{display:inline-flex}.vft-dropdown .vft-dropdown__caret-button::before{content:"";position:absolute;display:block;width:1px;top:-1px;bottom:-1px;left:0;background:var(--vft-overlay-color-lighter)}.vft-dropdown .vft-dropdown__caret-button.vft-button::before{background:var(--vft-border-color);opacity:.5}.vft-dropdown .vft-dropdown__caret-button .vft-dropdown__icon{font-size:inherit;padding-left:0}.vft-dropdown .vft-dropdown-selfdefine{outline:0}.vft-dropdown--large .vft-dropdown__caret-button{width:40px}.vft-dropdown--small .vft-dropdown__caret-button{width:24px}.vft-dropdown .icon-arrow-down{-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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-dropdown-menu{position:relative;top:0;left:0;z-index:var(--vft-dropdown-menu-index);padding:5px 0;margin:0;background-color:var(--vft-bg-color-overlay);border:none;border-radius:var(--vft-border-radius-base);box-shadow:none;list-style:none}.vft-dropdown-menu__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);cursor:pointer;outline:0}.vft-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--vft-dropdown-menuItem-hover-fill);color:var(--vft-dropdown-menuItem-hover-color)}.vft-dropdown-menu__item i{margin-right:5px}.vft-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--vft-border-color-lighter)}.vft-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--vft-text-disabled-color)}.vft-dropdown-menu--large{padding:7px 0}.vft-dropdown-menu--large .vft-dropdown-menu__item{padding:7px 20px;line-height:22px;font-size:14px}.vft-dropdown-menu--large .vft-dropdown-menu__item--divided{margin:8px 0}.vft-dropdown-menu--small{padding:3px 0}.vft-dropdown-menu--small .vft-dropdown-menu__item{padding:2px 12px;line-height:20px;font-size:12px}.vft-dropdown-menu--small .vft-dropdown-menu__item--divided{margin:4px 0}

package/theme-style/vft-full-screen.css

@@ -1 +1 @@
-:root{--vft-full-screen-color:var(--vft-text-primary-color);--vft-full-screen-hover-color:var(--vft-primary-color);--vft-full-screen-font-size:12px}.vft-full-screen{color:var(--vft-full-screen-color);font-size:var(--vft-full-screen-font-size);transition:var(--vft-transition-color);display:flex;align-items:center}.vft-full-screen .vft-icon{margin-right:2px}.vft-full-screen:hover{color:var(--vft-full-screen-hover-color)}
+:root{--vft-full-screen-color:var(--vft-text-primary-color);--vft-full-screen-hover-color:var(--vft-primary-color);--vft-full-screen-font-size:12px}.vft-full-screen{color:var(--vft-full-screen-color);font-size:var(--vft-full-screen-font-size);transition:var(--vft-transition-color);display:flex;align-items:center}.vft-full-screen .vft-icon{margin-right:2px}.vft-full-screen:hover{color:var(--vft-full-screen-hover-color)}.vft-full-screen .icon-full-screen{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-full-screen .icon-exit-full-screen{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}

package/theme-style/vft-icon-text.css

@@ -1 +1 @@
-:root{--vft-icon-text-color:inherit;--vft-icon-text-font-size:12px;--vft-icon-text-cursor:initial}.vft-icon-text{display:flex;align-items:center;font-size:var(--vft-icon-text-font-size);cursor:var(--vft-icon-text-cursor);line-height:1;width:-moz-fit-content;width:fit-content;color:var(--vft-icon-text-color);transition:var(--vft-transition-color)}.vft-icon-text:hover{color:var(--vft-icon-text-hover-color)}.vft-icon-text:hover i{color:var(--vft-icon-hover-color,var(--vft-icon-text-color))}
+:root{--vft-icon-text-color:inherit;--vft-icon-text-font-size:12px;--vft-icon-text-cursor:initial}.vft-icon-text{display:flex;align-items:center;font-size:var(--vft-icon-text-font-size);cursor:var(--vft-icon-text-cursor);line-height:1;width:-moz-fit-content;width:fit-content;color:var(--vft-icon-text-color);transition:var(--vft-transition-color)}.vft-icon-text:hover{color:var(--vft-icon-text-hover-color)}.vft-icon-text:hover i{color:var(--vft-icon-hover-color,var(--vft-icon-text-color))}.vft-icon-text.is-col{flex-direction:column}

package/theme-style/vft-image-viewer.css

@@ -1 +1 @@
-.vft-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.vft-image-viewer__wrapper i{font-size:inherit!important;cursor:pointer}.vft-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-image-viewer__btn .vft-icon{font-size:inherit;cursor:pointer}.vft-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.vft-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--vft-text-regular-color);border-color:#fff;border-radius:22px}.vft-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.vft-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in var(--vft-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--vft-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
+.vft-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.vft-image-viewer__wrapper i{font-size:inherit!important;cursor:pointer}.vft-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-image-viewer__btn .vft-icon{font-size:inherit;cursor:pointer}.vft-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.vft-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--vft-text-regular-color);border-color:#fff;border-radius:22px}.vft-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.vft-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--vft-text-regular-color);border-color:#fff}.vft-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.vft-image-viewer .icon-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-arrow-left{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-zoom-out{-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 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-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="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 704zM352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-zoom-in{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-scale-to-original{-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="M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"%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="M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zM512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412zM512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-refresh-left{-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="M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88a384 384 0 0 1-383.936 384a384 384 0 0 1-384-384h64a320 320 0 1 0 640 0a320 320 0 0 0-555.712-216.448z"%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="M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88a384 384 0 0 1-383.936 384a384 384 0 0 1-384-384h64a320 320 0 1 0 640 0a320 320 0 0 0-555.712-216.448z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-image-viewer .icon-refresh-right{-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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.viewer-fade-enter-active{animation:viewer-fade-in var(--vft-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--vft-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}

package/theme-style/vft-input-number.css

@@ -1 +1 @@
-.vft-input-number{position:relative;display:inline-flex;width:150px;line-height:30px}.vft-input-number .vft-input__wrapper{padding-left:42px;padding-right:42px}.vft-input-number .vft-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.vft-input-number .vft-input__inner::-webkit-inner-spin-button,.vft-input-number .vft-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.vft-input-number__decrease,.vft-input-number__increase{display:flex;justify-content:center;align-items:center;height:auto;position:absolute;z-index:1;top:1px;bottom:1px;width:32px;background:var(--vft-fill-color-light);color:var(--vft-text-regular-color);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-number__decrease:hover,.vft-input-number__increase:hover{color:var(--vft-primary-color)}.vft-input-number__decrease:hover~.vft-input:not(.is-disabled) .vft-input_wrapper,.vft-input-number__increase:hover~.vft-input:not(.is-disabled) .vft-input_wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-input-number__decrease.is-disabled,.vft-input-number__increase.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input-number__increase{right:1px;border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0;border-left:var(--vft-border)}.vft-input-number__decrease{left:1px;border-radius:var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);border-right:var(--vft-border)}.vft-input-number.is-disabled .vft-input-number__decrease,.vft-input-number.is-disabled .vft-input-number__increase{border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-border-color)}.vft-input-number.is-disabled .vft-input-number__decrease:hover,.vft-input-number.is-disabled .vft-input-number__increase:hover{color:var(--vft-disabled-border-color);cursor:not-allowed}.vft-input-number--large{width:180px;line-height:38px}.vft-input-number--large .vft-input-number__decrease,.vft-input-number--large .vft-input-number__increase{width:40px;font-size:14px}.vft-input-number--large .vft-input__wrapper{padding-left:47px;padding-right:47px}.vft-input-number--small{width:120px;line-height:22px}.vft-input-number--small .vft-input-number__decrease,.vft-input-number--small .vft-input-number__increase{width:24px;font-size:12px}.vft-input-number--small .vft-input__wrapper{padding-left:31px;padding-right:31px}.vft-input-number--small .vft-input-number__decrease [class*=vft-icon],.vft-input-number--small .vft-input-number__increase [class*=vft-icon]{transform:scale(.9)}.vft-input-number.is-without-controls .vft-input__wrapper{padding-left:15px;padding-right:15px}.vft-input-number.is-controls-right .vft-input__wrapper{padding-left:15px;padding-right:42px}.vft-input-number.is-controls-right .vft-input-number__decrease,.vft-input-number.is-controls-right .vft-input-number__increase{--vft-input-number-controls-height:15px;height:var(--vft-input-number-controls-height);line-height:var(--vft-input-number-controls-height)}.vft-input-number.is-controls-right .vft-input-number__decrease [class*=vft-icon],.vft-input-number.is-controls-right .vft-input-number__increase [class*=vft-icon]{transform:scale(.8)}.vft-input-number.is-controls-right .vft-input-number__increase{bottom:auto;left:auto;border-radius:0 var(--vft-border-radius-base) 0 0;border-bottom:var(--vft-border)}.vft-input-number.is-controls-right .vft-input-number__decrease{right:1px;top:auto;left:auto;border-right:none;border-left:var(--vft-border);border-radius:0 0 var(--vft-border-radius-base) 0}.vft-input-number.is-controls-right[class*=large] [class*=decrease],.vft-input-number.is-controls-right[class*=large] [class*=increase]{--vft-input-number-controls-height:19px}.vft-input-number.is-controls-right[class*=small] [class*=decrease],.vft-input-number.is-controls-right[class*=small] [class*=increase]{--vft-input-number-controls-height:11px}
+.vft-input-number{position:relative;display:inline-flex;width:150px;line-height:30px}.vft-input-number .vft-input__wrapper{padding-left:42px;padding-right:42px}.vft-input-number .vft-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.vft-input-number .vft-input__inner::-webkit-inner-spin-button,.vft-input-number .vft-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.vft-input-number__decrease,.vft-input-number__increase{display:flex;justify-content:center;align-items:center;height:auto;position:absolute;z-index:1;top:1px;bottom:1px;width:32px;background:var(--vft-fill-color-light);color:var(--vft-text-regular-color);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-number__decrease:hover,.vft-input-number__increase:hover{color:var(--vft-primary-color)}.vft-input-number__decrease:hover~.vft-input:not(.is-disabled) .vft-input_wrapper,.vft-input-number__increase:hover~.vft-input:not(.is-disabled) .vft-input_wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-input-number__decrease.is-disabled,.vft-input-number__increase.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input-number__increase{right:1px;border-radius:0 var(--vft-border-radius-base) var(--vft-border-radius-base) 0;border-left:var(--vft-border)}.vft-input-number__decrease{left:1px;border-radius:var(--vft-border-radius-base) 0 0 var(--vft-border-radius-base);border-right:var(--vft-border)}.vft-input-number.is-disabled .vft-input-number__decrease,.vft-input-number.is-disabled .vft-input-number__increase{border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-border-color)}.vft-input-number.is-disabled .vft-input-number__decrease:hover,.vft-input-number.is-disabled .vft-input-number__increase:hover{color:var(--vft-disabled-border-color);cursor:not-allowed}.vft-input-number--large{width:180px;line-height:38px}.vft-input-number--large .vft-input-number__decrease,.vft-input-number--large .vft-input-number__increase{width:40px;font-size:14px}.vft-input-number--large .vft-input__wrapper{padding-left:47px;padding-right:47px}.vft-input-number--small{width:120px;line-height:22px}.vft-input-number--small .vft-input-number__decrease,.vft-input-number--small .vft-input-number__increase{width:24px;font-size:12px}.vft-input-number--small .vft-input__wrapper{padding-left:31px;padding-right:31px}.vft-input-number--small .vft-input-number__decrease [class*=vft-icon],.vft-input-number--small .vft-input-number__increase [class*=vft-icon]{transform:scale(.9)}.vft-input-number.is-without-controls .vft-input__wrapper{padding-left:15px;padding-right:15px}.vft-input-number.is-controls-right .vft-input__wrapper{padding-left:15px;padding-right:42px}.vft-input-number.is-controls-right .vft-input-number__decrease,.vft-input-number.is-controls-right .vft-input-number__increase{--vft-input-number-controls-height:15px;height:var(--vft-input-number-controls-height);line-height:var(--vft-input-number-controls-height)}.vft-input-number.is-controls-right .vft-input-number__decrease [class*=vft-icon],.vft-input-number.is-controls-right .vft-input-number__increase [class*=vft-icon]{transform:scale(.8)}.vft-input-number.is-controls-right .vft-input-number__increase{bottom:auto;left:auto;border-radius:0 var(--vft-border-radius-base) 0 0;border-bottom:var(--vft-border)}.vft-input-number.is-controls-right .vft-input-number__decrease{right:1px;top:auto;left:auto;border-right:none;border-left:var(--vft-border);border-radius:0 0 var(--vft-border-radius-base) 0}.vft-input-number.is-controls-right[class*=large] [class*=decrease],.vft-input-number.is-controls-right[class*=large] [class*=increase]{--vft-input-number-controls-height:19px}.vft-input-number.is-controls-right[class*=small] [class*=decrease],.vft-input-number.is-controls-right[class*=small] [class*=increase]{--vft-input-number-controls-height:11px}.vft-input-number .icon-minus{-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="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 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="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input-number .icon-plus{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input-number .icon-arrow-down{-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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-input-number .icon-arrow-up{-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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}