vft 0.0.442 → 0.0.445

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

@@ -145,8 +145,10 @@ $border-color-hover: getCssVar('text', 'disabled-color') !default;
 $border-radius: () !default;
 $border-radius: map.merge(
   (
-    'base': 4px,
     'small': 2px,
+    'base': 4px,
+    'medium': 10px,
+    'large': 15px,
     'round': 20px,
     'circle': 100%,
   ),
@@ -601,11 +603,9 @@ $icon-text: map.merge(
 $message: () !default;
 $message: map.merge(
   (
-    'border-radius': 2px,
-    'border-width': 2px,
-    'border-color': red,
-    'padding': 15px 19px,
-    'bg-color': getCssVar('color', 'info', 'light-9'),
+    'border-radius': 10px,
+    'padding': 16px,
+    'bg-color': #fff,
   ),
   $message
 );
@@ -838,7 +838,7 @@ $input: map.merge(
     'focus-border': getCssVar('primary-color'),
     'transparent-border': 0 0 0 1px transparent inset,
     'border-color': getCssVar('border-color'),
-    'border-radius': getCssVar('border-radius-base'),
+    'border-radius': getCssVar('border-radius-large'),
     'bg-color': getCssVar('fill-color', 'blank'),
     'icon-color': getCssVar('text-placeholder-color'),
     'placeholder-color': getCssVar('text-placeholder-color'),

package/theme-style/src/dark/css-vars.scss

@@ -24,7 +24,8 @@ html.dark {
   // Fill --el-fill-color-#{$type}
   @include set-component-css-var('fill-color', $fill-color);
   @include set-component-css-var('mask-color', $mask-color);
-  @include set-css-var-value('reverse-color', '#fff');
+  @include set-css-var-value('reverse-color', #fff);
+  @include css-color-rgb('reverse-color-rgb', #fff);
 
   --vxe-ui-font-color: #a0a3a7;
   --vxe-ui-font-tinge-color: #33353b;
@@ -101,3 +102,8 @@ html.dark {
 @include dark(context-menu) {
   background-color: black;
 }
+
+@include dark(message) {
+  background: #303032;
+  color: #fff;
+}

package/theme-style/src/icon.scss

@@ -11,6 +11,7 @@ $name: icon;
 
 @include b($name) {
   display: inline-block;
+  transition: color getCssVar('transition-duration');
   animation: getCompCssVar('animation');
   color: getCompCssVar(color);
   font-size: getCompCssVar('size');

package/theme-style/src/md-container.scss

@@ -65,7 +65,7 @@ $name: md-container;
     min-width: 300px;
     max-width: getCompCssVar('content-max-width');
     padding: 20px 0;
-    background: getCssVar('bg-color');
+    background: inherit;
     // 标题
     @include e(title) {
       padding-top: 10px !important;

package/theme-style/src/message.scss

@@ -24,13 +24,14 @@ $name: message;
     opacity getCssVar('transition-duration'),
     transform 0.4s,
     top 0.4s;
-  border-width: getCompCssVar('border-width');
-  border-style: solid;
   border-radius: getCompCssVar('border-radius');
-  border-color: getCompCssVar('border-color');
   background-color: getCompCssVar('bg-color');
+  box-shadow:
+    0 0 5px 0 #00000005,
+    0 2px 10px 0 #0000000f,
+    0 0 1px 0 #0000004d;
 
-  @each $type in (success, info, warning, error) {
+  @each $type in (success, warning, error) {
     @include m($type) {
       @include css-var-from-global(
         ('message', 'bg-color'),
@@ -85,7 +86,7 @@ $name: message;
 
   @include e(content) {
     padding: 0;
-    font-size: 14px;
+    font-size: 16px;
     line-height: 1;
 
     &:focus {
@@ -105,19 +106,12 @@ $name: message;
 
   & .#{$namespace}-message__closeBtn {
     position: absolute;
-    top: 50%;
     right: 19px;
-    transform: translateY(-50%);
-    color: getCssVar('message', 'close-icon-color');
-    font-size: getCssVar('message', 'close-size');
+    color: rgba(getCssVar('reverse-color-rgb'), 0.6);
     cursor: pointer;
 
-    &:focus {
-      outline-width: 0;
-    }
-
     &:hover {
-      color: getCssVar('message', 'close-hover-color');
+      color: getCssVar('reverse-color-rgb');
     }
   }
 

package/theme-style/src/mixins/_var.scss

@@ -96,3 +96,12 @@
 
   #{$varName}: var(#{$gVarName});
 }
+
+@mixin css-color-rgb($name, $color) {
+  @include set-css-var-value(
+    $name,
+    #{color.channel($color, 'red'),
+    color.channel($color, 'green'),
+    color.channel($color, 'blue')}
+  );
+}

package/theme-style/src/var.scss

@@ -8,11 +8,12 @@
   @each $type in (primary, success, warning, danger, error, info) {
     @include set-css-color-rgb($type);
   }
+
   // set white and black css vars
   @include set-css-var-value('color-white', $color-white);
   @include set-css-var-value('color-black', $color-black);
+  @include css-color-rgb('reverse-color-rgb', $color-black);
   @include set-css-var-value('reverse-color', $color-black);
-
   // Typography
   @include set-component-css-var('font-size', $font-size);
   @include set-component-css-var('font-family', $font-family);

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{position:relative;box-sizing:border-box;width:32px;height:30px;padding:4px 0;text-align:center;cursor:pointer}.vft-date-table td .vft-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:24px;height:24px;margin:0 auto;transform:translateX(-50%);border-radius:50%;line-height:24px}.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{background-color:var(--vft-datepicker-active-color);color:#fff}.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{opacity:1;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-date-table td.selected .vft-date-table-cell{margin-right:5px;margin-left:5px;border-radius:15px}.vft-date-table td.selected .vft-date-table-cell__text{border-radius:15px;background-color:var(--vft-datepicker-active-color);color:#fff}.vft-date-table td.week{color:var(--vft-datepicker-off-text-color);font-size:80%;cursor:default}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;border-bottom:solid 1px var(--vft-border-color-lighter);color:var(--vft-datepicker-header-text-color);font-weight:400}.vft-date-table th.vft-date-table__week-header{width:24px;padding:0}.vft-month-table{margin:-1px;border-collapse:collapse;font-size:12px}.vft-month-table td{position:relative;width:68px;padding:8px 0;text-align:center;cursor:pointer}.vft-month-table td .vft-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.vft-month-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .vft-date-table-cell__text,.vft-month-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-month-table td.disabled .vft-date-table-cell__text{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-month-table td.disabled .vft-date-table-cell__text:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:54px;height:36px;margin:0 auto;transform:translateX(-50%);border-radius:18px;color:var(--vft-datepicker-text-color);line-height:36px}.vft-month-table td .vft-date-table-cell__text:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date .vft-date-table-cell,.vft-month-table td.start-date .vft-date-table-cell{color:#fff}.vft-month-table td.end-date .vft-date-table-cell__text,.vft-month-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-month-table td.start-date .vft-date-table-cell{margin-left:3px;border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date .vft-date-table-cell{margin-right:3px;border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .vft-date-table-cell{margin-right:3px;margin-left:3px;border-radius:24px}.vft-month-table td.current:not(.disabled) .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-year-table{margin:-1px;border-collapse:collapse;font-size:12px}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{position:relative;width:68px;padding:8px 0;text-align:center;cursor:pointer}.vft-year-table td .vft-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.vft-year-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.today.end-date .vft-date-table-cell__text,.vft-year-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-year-table td.disabled .vft-date-table-cell__text{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-year-table td.disabled .vft-date-table-cell__text:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:60px;height:36px;margin:0 auto;transform:translateX(-50%);border-radius:18px;color:var(--vft-datepicker-text-color);line-height:36px}.vft-year-table td .vft-date-table-cell__text:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-year-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-year-table td.end-date .vft-date-table-cell,.vft-year-table td.start-date .vft-date-table-cell{color:#fff}.vft-year-table td.end-date .vft-date-table-cell__text,.vft-year-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-year-table td.start-date .vft-date-table-cell{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-year-table td.end-date .vft-date-table-cell{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-year-table td.current:not(.disabled) .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{display:inline-block;position:relative;width:50%;max-height:192px;overflow:auto;vertical-align:top}.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;overflow:hidden;text-align:center}.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{position:absolute;z-index:var(--vft-z-index-normal);left:0;width:100%;height:30px;color:var(--vft-text-secondary-color);font-size:12px;line-height:30px;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{margin:0;padding: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;color:var(--vft-text-regular-color);font-size:12px;line-height:32px}.vft-time-spinner__item:hover:not(.is-disabled,.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}.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{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.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{transform:translateY(-30px);opacity:0}.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{border:1px solid var(--vft-datepicker-border-color);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.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-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.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;text-align:left;vertical-align:middle}.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{height:inherit;float:left;color:var(--vft-text-placeholder-color);font-size:14px}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{display:inline-block;width:39%;height:30px;margin:0;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:30px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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{display:inline-flex;flex:1;align-items:center;justify-content:center;height:100%;margin:0;padding:0 5px;color:var(--vft-text-primary-color);font-size:14px;overflow-wrap:break-word}.vft-date-editor .vft-range__close-icon{width:unset;height:inherit;color:var(--vft-text-placeholder-color);font-size:14px;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{visibility:hidden;opacity:0}.vft-date-editor .icon-clock{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-editor .icon-calendar{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 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="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-editor .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px;vertical-align:middle}.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{font-size:14px;line-height:40px}.vft-range-editor--large .vft-range-input{height:38px;font-size:14px;line-height:38px}.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{font-size:12px;line-height:24px}.vft-range-editor--small .vft-range-input{height:22px;font-size:12px;line-height:22px}.vft-range-editor.is-disabled{border-color:var(--vft-disabled-border-color);background-color:var(--vft-disabled-bg-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-range-editor .icon-clock{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-range-editor .icon-calendar{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 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="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel{border-radius:var(--vft-border-radius-base);background:var(--vft-bg-color-overlay);color:var(--vft-text-regular-color);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{position:relative;padding:4px 12px;border-top:1px solid var(--vft-datepicker-inner-border-color);background-color:var(--vft-bg-color-overlay);font-size:0;text-align:right}.vft-picker-panel__shortcut{display:block;width:100%;padding-left:12px;border:0;outline:0;background-color:transparent;color:var(--vft-datepicker-text-color);font-size:14px;line-height:28px;text-align:left;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{padding:0 20px;border:1px solid var(--vft-fill-color-darker);border-radius:2px;outline:0;background-color:transparent;color:var(--vft-text-primary-color);font-size:12px;line-height:24px;cursor:pointer}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{margin-top:8px;border:0;outline:0;background:0 0;color:var(--vft-datepicker-icon-color);font-size:12px;line-height:1.15;cursor:pointer}.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: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 .vft-icon{font-size:inherit;cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel .icon-d-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-picker-panel .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel .icon-d-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;box-sizing:border-box;width:110px;padding-top:6px;overflow:auto;border-right:1px solid var(--vft-datepicker-inner-border-color)}.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{width:100%;table-layout:fixed}.vft-date-picker__editor-wrap{display:table-cell;position:relative;padding:0 5px}.vft-date-picker__time-header{display:table;position:relative;box-sizing:border-box;width:100%;padding:8px 5px 5px;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px}.vft-date-picker__header{padding:12px 12px 0;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{padding:0 5px;color:var(--vft-text-regular-color);font-size:16px;font-weight:500;line-height:22px;text-align:center;cursor:pointer}.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{margin-left:10px;float:left;line-height:30px;cursor:pointer}.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{width:100%;table-layout:fixed}.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;height:28px;text-align:center}.vft-date-range-picker__header [class*=arrow-left]{float:left}.vft-date-range-picker__header [class*=arrow-right]{float:right}.vft-date-range-picker__header div{margin-right:50px;font-size:16px;font-weight:500}.vft-date-range-picker__header-label{padding:0 5px;color:var(--vft-text-regular-color);font-size:16px;font-weight:500;line-height:22px;text-align:center;cursor:pointer}.vft-date-range-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-range-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-range-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-range-picker__content{box-sizing:border-box;width:50%;margin:0;padding:16px;float:left}.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-right:50px;margin-left:50px}.vft-date-range-picker__editors-wrap{display:table-cell;box-sizing:border-box}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{display:table;position:relative;box-sizing:border-box;width:100%;padding:8px 5px 5px;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px}.vft-date-range-picker__time-header>.vft-icon-arrow-right{display:table-cell;color:var(--vft-datepicker-icon-color);font-size:20px;vertical-align:middle}.vft-date-range-picker__time-picker-wrap{display:table-cell;position:relative;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;z-index:1;top:13px;right:0;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;z-index:1;padding:10px;text-align:center}.vft-time-range-picker__cell{display:inline-block;box-sizing:border-box;width:50%;margin:0;padding:4px 7px 7px}.vft-time-range-picker__header{margin-bottom:5px;font-size:14px;text-align:center}.vft-time-range-picker__body{border:1px solid var(--vft-datepicker-border-color);border-radius:2px}.vft-time-panel{position:relative;z-index:var(--vft-z-index-top);left:0;box-sizing:content-box;width:180px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-time-panel__content{position:relative;overflow:hidden;font-size:0}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";position:absolute;z-index:-1;top:50%;right:0;left:0;box-sizing:border-box;height:32px;margin-top:-16px;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-right:12%;margin-left:12%}.vft-time-panel__content::before{margin-right:12%;margin-left:12%;padding-left:50%;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{box-sizing:border-box;height:36px;padding:4px;border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));line-height:25px;text-align:right}.vft-time-panel__btn{margin:0 5px;padding:0 5px;border:none;outline:0;background-color:transparent;color:var(--vft-text-primary-color);font-size:12px;line-height:28px;cursor:pointer}.vft-time-panel__btn.confirm{color:var(--vft-timepicker-active-color,var(--vft-primary-color));font-weight:800}.vft-time-panel .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-time-panel .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-time-panel .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}
+.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{position:relative;box-sizing:border-box;width:32px;height:30px;padding:4px 0;text-align:center;cursor:pointer}.vft-date-table td .vft-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:24px;height:24px;margin:0 auto;transform:translateX(-50%);border-radius:50%;line-height:24px}.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{background-color:var(--vft-datepicker-active-color);color:#fff}.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{opacity:1;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-date-table td.selected .vft-date-table-cell{margin-right:5px;margin-left:5px;border-radius:15px}.vft-date-table td.selected .vft-date-table-cell__text{border-radius:15px;background-color:var(--vft-datepicker-active-color);color:#fff}.vft-date-table td.week{color:var(--vft-datepicker-off-text-color);font-size:80%;cursor:default}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;border-bottom:solid 1px var(--vft-border-color-lighter);color:var(--vft-datepicker-header-text-color);font-weight:400}.vft-date-table th.vft-date-table__week-header{width:24px;padding:0}.vft-month-table{margin:-1px;border-collapse:collapse;font-size:12px}.vft-month-table td{position:relative;width:68px;padding:8px 0;text-align:center;cursor:pointer}.vft-month-table td .vft-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.vft-month-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .vft-date-table-cell__text,.vft-month-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-month-table td.disabled .vft-date-table-cell__text{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-month-table td.disabled .vft-date-table-cell__text:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:54px;height:36px;margin:0 auto;transform:translateX(-50%);border-radius:18px;color:var(--vft-datepicker-text-color);line-height:36px}.vft-month-table td .vft-date-table-cell__text:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date .vft-date-table-cell,.vft-month-table td.start-date .vft-date-table-cell{color:#fff}.vft-month-table td.end-date .vft-date-table-cell__text,.vft-month-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-month-table td.start-date .vft-date-table-cell{margin-left:3px;border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date .vft-date-table-cell{margin-right:3px;border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .vft-date-table-cell{margin-right:3px;margin-left:3px;border-radius:24px}.vft-month-table td.current:not(.disabled) .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-year-table{margin:-1px;border-collapse:collapse;font-size:12px}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{position:relative;width:68px;padding:8px 0;text-align:center;cursor:pointer}.vft-year-table td .vft-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.vft-year-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.today.end-date .vft-date-table-cell__text,.vft-year-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-year-table td.disabled .vft-date-table-cell__text{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-year-table td.disabled .vft-date-table-cell__text:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .vft-date-table-cell__text{display:block;position:absolute;left:50%;width:60px;height:36px;margin:0 auto;transform:translateX(-50%);border-radius:18px;color:var(--vft-datepicker-text-color);line-height:36px}.vft-year-table td .vft-date-table-cell__text:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-year-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-year-table td.end-date .vft-date-table-cell,.vft-year-table td.start-date .vft-date-table-cell{color:#fff}.vft-year-table td.end-date .vft-date-table-cell__text,.vft-year-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-year-table td.start-date .vft-date-table-cell{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-year-table td.end-date .vft-date-table-cell{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-year-table td.current:not(.disabled) .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{display:inline-block;position:relative;width:50%;max-height:192px;overflow:auto;vertical-align:top}.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;overflow:hidden;text-align:center}.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{position:absolute;z-index:var(--vft-z-index-normal);left:0;width:100%;height:30px;color:var(--vft-text-secondary-color);font-size:12px;line-height:30px;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{margin:0;padding: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;color:var(--vft-text-regular-color);font-size:12px;line-height:32px}.vft-time-spinner__item:hover:not(.is-disabled,.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}.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{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.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{transform:translateY(-30px);opacity:0}.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{border:1px solid var(--vft-datepicker-border-color);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.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-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.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-large);--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;text-align:left;vertical-align:middle}.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{height:inherit;float:left;color:var(--vft-text-placeholder-color);font-size:14px}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{display:inline-block;width:39%;height:30px;margin:0;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:30px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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{display:inline-flex;flex:1;align-items:center;justify-content:center;height:100%;margin:0;padding:0 5px;color:var(--vft-text-primary-color);font-size:14px;overflow-wrap:break-word}.vft-date-editor .vft-range__close-icon{width:unset;height:inherit;color:var(--vft-text-placeholder-color);font-size:14px;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{visibility:hidden;opacity:0}.vft-date-editor .icon-clock{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-editor .icon-calendar{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 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="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-editor .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px;vertical-align:middle}.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{font-size:14px;line-height:40px}.vft-range-editor--large .vft-range-input{height:38px;font-size:14px;line-height:38px}.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{font-size:12px;line-height:24px}.vft-range-editor--small .vft-range-input{height:22px;font-size:12px;line-height:22px}.vft-range-editor.is-disabled{border-color:var(--vft-disabled-border-color);background-color:var(--vft-disabled-bg-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-range-editor .icon-clock{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"%2F%3E%3Cpath fill="currentColor" d="M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-range-editor .icon-calendar{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 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="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0v32zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64zm0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel{border-radius:var(--vft-border-radius-base);background:var(--vft-bg-color-overlay);color:var(--vft-text-regular-color);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{position:relative;padding:4px 12px;border-top:1px solid var(--vft-datepicker-inner-border-color);background-color:var(--vft-bg-color-overlay);font-size:0;text-align:right}.vft-picker-panel__shortcut{display:block;width:100%;padding-left:12px;border:0;outline:0;background-color:transparent;color:var(--vft-datepicker-text-color);font-size:14px;line-height:28px;text-align:left;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{padding:0 20px;border:1px solid var(--vft-fill-color-darker);border-radius:2px;outline:0;background-color:transparent;color:var(--vft-text-primary-color);font-size:12px;line-height:24px;cursor:pointer}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{margin-top:8px;border:0;outline:0;background:0 0;color:var(--vft-datepicker-icon-color);font-size:12px;line-height:1.15;cursor:pointer}.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: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 .vft-icon{font-size:inherit;cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel .icon-d-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-picker-panel .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-picker-panel .icon-d-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;box-sizing:border-box;width:110px;padding-top:6px;overflow:auto;border-right:1px solid var(--vft-datepicker-inner-border-color)}.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{width:100%;table-layout:fixed}.vft-date-picker__editor-wrap{display:table-cell;position:relative;padding:0 5px}.vft-date-picker__time-header{display:table;position:relative;box-sizing:border-box;width:100%;padding:8px 5px 5px;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px}.vft-date-picker__header{padding:12px 12px 0;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{padding:0 5px;color:var(--vft-text-regular-color);font-size:16px;font-weight:500;line-height:22px;text-align:center;cursor:pointer}.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{margin-left:10px;float:left;line-height:30px;cursor:pointer}.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{width:100%;table-layout:fixed}.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;height:28px;text-align:center}.vft-date-range-picker__header [class*=arrow-left]{float:left}.vft-date-range-picker__header [class*=arrow-right]{float:right}.vft-date-range-picker__header div{margin-right:50px;font-size:16px;font-weight:500}.vft-date-range-picker__header-label{padding:0 5px;color:var(--vft-text-regular-color);font-size:16px;font-weight:500;line-height:22px;text-align:center;cursor:pointer}.vft-date-range-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-range-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-range-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-range-picker__content{box-sizing:border-box;width:50%;margin:0;padding:16px;float:left}.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-right:50px;margin-left:50px}.vft-date-range-picker__editors-wrap{display:table-cell;box-sizing:border-box}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{display:table;position:relative;box-sizing:border-box;width:100%;padding:8px 5px 5px;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px}.vft-date-range-picker__time-header>.vft-icon-arrow-right{display:table-cell;color:var(--vft-datepicker-icon-color);font-size:20px;vertical-align:middle}.vft-date-range-picker__time-picker-wrap{display:table-cell;position:relative;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;z-index:1;top:13px;right:0;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;z-index:1;padding:10px;text-align:center}.vft-time-range-picker__cell{display:inline-block;box-sizing:border-box;width:50%;margin:0;padding:4px 7px 7px}.vft-time-range-picker__header{margin-bottom:5px;font-size:14px;text-align:center}.vft-time-range-picker__body{border:1px solid var(--vft-datepicker-border-color);border-radius:2px}.vft-time-panel{position:relative;z-index:var(--vft-z-index-top);left:0;box-sizing:content-box;width:180px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-time-panel__content{position:relative;overflow:hidden;font-size:0}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";position:absolute;z-index:-1;top:50%;right:0;left:0;box-sizing:border-box;height:32px;margin-top:-16px;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-right:12%;margin-left:12%}.vft-time-panel__content::before{margin-right:12%;margin-left:12%;padding-left:50%;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{box-sizing:border-box;height:36px;padding:4px;border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));line-height:25px;text-align:right}.vft-time-panel__btn{margin:0 5px;padding:0 5px;border:none;outline:0;background-color:transparent;color:var(--vft-text-primary-color);font-size:12px;line-height:28px;cursor:pointer}.vft-time-panel__btn.confirm{color:var(--vft-timepicker-active-color,var(--vft-primary-color));font-weight:800}.vft-time-panel .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-time-panel .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-time-panel .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}

package/theme-style/vft-icon.css

@@ -1 +1 @@
-:root{--vft-icon-size:14px;--vft-icon-color:inherit;--vft-icon-cursor:initial;--vft-icon-animation:none}.vft-icon{display:inline-block;animation:var(--vft-icon-animation);color:var(--vft-icon-color);font-size:var(--vft-icon-size);cursor:var(--vft-icon-cursor)}.vft-icon:hover{color:var(--vft-icon-hover-color,var(--vft-icon-color))}.vft-icon__image{display:inline-block;width:1em;height:1em;-o-object-fit:contain;object-fit:contain;font-size:var(--vft-icon-size)}
+:root{--vft-icon-size:14px;--vft-icon-color:inherit;--vft-icon-cursor:initial;--vft-icon-animation:none}.vft-icon{display:inline-block;transition:color var(--vft-transition-duration);animation:var(--vft-icon-animation);color:var(--vft-icon-color);font-size:var(--vft-icon-size);cursor:var(--vft-icon-cursor)}.vft-icon:hover{color:var(--vft-icon-hover-color,var(--vft-icon-color))}.vft-icon__image{display:inline-block;width:1em;height:1em;-o-object-fit:contain;object-fit:contain;font-size:var(--vft-icon-size)}

package/theme-style/vft-input.css

@@ -1 +1 @@
-:root{--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)}.vft-input{--vft-input-height:var(--vft-component-size);display:inline-flex;position:relative;box-sizing:border-box;width:var(--vft-input-width);transition:width .2s ease;font-size:var(--vft-font-size-base);line-height:var(--vft-input-height);vertical-align:middle;--vft-input-height:var(--vft-component-size)}.vft-input__prefix{display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;transition:all var(--vft-transition-duration);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));text-align:center;white-space:nowrap;pointer-events:none}.vft-input__prefix-inner{display:inline-flex;align-items:center;justify-content:center;pointer-events:all}.vft-input__prefix-inner>:last-child{margin-right:8px}.vft-input__prefix-inner>:first-child,.vft-input__prefix-inner>:first-child.vft-input__icon{margin-left:0}.vft-input__suffix{display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;transition:all var(--vft-transition-duration);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));text-align:center;white-space:nowrap;pointer-events:none}.vft-input__suffix-inner{display:inline-flex;align-items:center;justify-content:center;pointer-events:all}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input--large{font-size:14px;--vft-input-height:var(--vft-component-size-large)}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{font-size:12px;--vft-input-height:var(--vft-component-size-small)}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;transition:var(--vft-transition-all);border:1px solid var(--vft-input-border-color);border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px solid var(--vft-input-focus-border-color)}.vft-input__inner{box-sizing:border-box;flex-grow:1;width:100%;height:var(--vft-input-inner-height);padding:0;border:none;outline:0;background:0 0;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;line-height:var(--vft-input-inner-height);-webkit-appearance:none;--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px)}.vft-input__inner:focus{outline:0}.vft-input__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner[type=password]::-ms-reveal{display:none}.vft-input__inner[type=number]{line-height:1px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{border:1px solid var(--vft-input-disable-color);background-color:var(--vft-disabled-bg-color)}.vft-input.is-disabled .vft-input__inner{color:var(--vft-disabled-text-color);-webkit-text-fill-color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input.is-disabled .vft-input__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__icon{cursor:not-allowed}.vft-input.is-exceed .vft-input__wrapper{border:1px solid var(--vft-input-danger-color)}.vft-input.is-exceed .vft-input__suffix .vft-input__count{color:var(--vft-danger-color)}.vft-input .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .vft-input__clear,.vft-input .vft-input__password{z-index:1;color:var(--vft-input-icon-color);font-size:14px;cursor:pointer}.vft-input .vft-input__clear:hover,.vft-input .vft-input__password:hover{color:var(--vft-input-clear-hover-color)}.vft-input .vft-input__count{display:inline-flex;align-items:center;height:100%;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{display:inline-block;padding-left:8px;background:var(--vft-fill-color-blank);line-height:initial}.vft-input .vft-input__icon{margin-left:8px;transition:all var(--vft-transition-duration)}.vft-input .icon-search{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" 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 704z"%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 704z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-hide{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%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="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-view{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%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 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-loading{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-circle-check{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-input-group{display:inline-flex;align-items:stretch;width:100%}.vft-input-group__append,.vft-input-group__prepend{display:inline-flex;position:relative;align-items:center;justify-content:center;min-height:100%;padding:0 20px;border-radius:var(--vft-input-border-radius);background-color:var(--vft-fill-color-light);color:var(--vft-info-color);white-space:nowrap}.vft-input-group__append:focus,.vft-input-group__prepend:focus{outline:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.vft-input-group__append button.vft-button,.vft-input-group__append button.vft-button:hover,.vft-input-group__append div.vft-select .vft-input__wrapper,.vft-input-group__append div.vft-select:hover .vft-input__wrapper,.vft-input-group__prepend button.vft-button,.vft-input-group__prepend button.vft-button:hover,.vft-input-group__prepend div.vft-select .vft-input__wrapper,.vft-input-group__prepend div.vft-select:hover .vft-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.vft-input-group__append .vft-button,.vft-input-group__append .vft-input,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-input{font-size:inherit}.vft-input-group__prepend{border:1px solid var(--vft-input-border-color);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group__append{border:1px solid var(--vft-input-border-color);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__wrapper{border:1px solid var(--vft-input-border-color);border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{z-index:2;border:1px solid var(--vft-input-focus-border-color);outline:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--prepend>.vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__wrapper{border:1px solid var(--vft-input-border-color);border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vft-textarea{display:inline-block;position:relative;width:100%;font-size:var(--vft-font-size-base);vertical-align:bottom}.vft-textarea__inner{display:block;position:relative;box-sizing:border-box;width:100%;padding:5px 11px;transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color);border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));line-height:1.5;resize:vertical;-webkit-appearance:none}.vft-textarea__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{border:1px solid var(--vft-input-focus-border-color);outline:0}.vft-textarea.is-disabled .vft-textarea__inner{border-color:var(--vft-disabled-border-color);background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-textarea.is-disabled .vft-textarea__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-disabled .vft-textarea__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-exceed .vft-textarea__inner{border-color:var(--vft-danger-color)}.vft-textarea.is-exceed .vft-input__count{color:var(--vft-danger-color)}.vft-textarea .vft-input__count{position:absolute;right:10px;bottom:5px;background:var(--vft-fill-color-blank);color:var(--vft-info-color);font-size:12px;line-height:14px}.vft-input--gradient-border{position:relative}.vft-input--gradient-border::before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:1;border:2px dashed #4a9eff;border-radius:12px;pointer-events:none}.vft-input--gradient-border::after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;border-radius:10px;background:linear-gradient(90deg,#4ade80,#60a5fa)}.vft-input--gradient-border .vft-input__wrapper{position:relative;z-index:2;background-color:#3a3a3a;border:none;border-radius:8px}.vft-input--gradient-border .vft-input__inner{background-color:transparent;color:#fff;caret-color:#4ade80}.vft-input--gradient-border .vft-input__inner::-moz-placeholder{color:#9ca3af}.vft-input--gradient-border .vft-input__inner::placeholder{color:#9ca3af}.vft-input--gradient-border .vft-input__inner:focus{box-shadow:0 0 0 2px rgba(74,222,128,.3)}.vft-input--gradient-border:focus-within .vft-input__wrapper{box-shadow:0 0 0 2px rgba(74,222,128,.3)}
+:root{--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-large);--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)}.vft-input{--vft-input-height:var(--vft-component-size);display:inline-flex;position:relative;box-sizing:border-box;width:var(--vft-input-width);transition:width .2s ease;font-size:var(--vft-font-size-base);line-height:var(--vft-input-height);vertical-align:middle;--vft-input-height:var(--vft-component-size)}.vft-input__prefix{display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;transition:all var(--vft-transition-duration);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));text-align:center;white-space:nowrap;pointer-events:none}.vft-input__prefix-inner{display:inline-flex;align-items:center;justify-content:center;pointer-events:all}.vft-input__prefix-inner>:last-child{margin-right:8px}.vft-input__prefix-inner>:first-child,.vft-input__prefix-inner>:first-child.vft-input__icon{margin-left:0}.vft-input__suffix{display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;transition:all var(--vft-transition-duration);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));text-align:center;white-space:nowrap;pointer-events:none}.vft-input__suffix-inner{display:inline-flex;align-items:center;justify-content:center;pointer-events:all}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input--large{font-size:14px;--vft-input-height:var(--vft-component-size-large)}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{font-size:12px;--vft-input-height:var(--vft-component-size-small)}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;transition:var(--vft-transition-all);border:1px solid var(--vft-input-border-color);border-radius:var(--vft-input-border-radius,var(--vft-border-radius-large));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px solid var(--vft-input-focus-border-color)}.vft-input__inner{box-sizing:border-box;flex-grow:1;width:100%;height:var(--vft-input-inner-height);padding:0;border:none;outline:0;background:0 0;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;line-height:var(--vft-input-inner-height);-webkit-appearance:none;--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px)}.vft-input__inner:focus{outline:0}.vft-input__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner[type=password]::-ms-reveal{display:none}.vft-input__inner[type=number]{line-height:1px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{border:1px solid var(--vft-input-disable-color);background-color:var(--vft-disabled-bg-color)}.vft-input.is-disabled .vft-input__inner{color:var(--vft-disabled-text-color);-webkit-text-fill-color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input.is-disabled .vft-input__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__icon{cursor:not-allowed}.vft-input.is-exceed .vft-input__wrapper{border:1px solid var(--vft-input-danger-color)}.vft-input.is-exceed .vft-input__suffix .vft-input__count{color:var(--vft-danger-color)}.vft-input .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .vft-input__clear,.vft-input .vft-input__password{z-index:1;color:var(--vft-input-icon-color);font-size:14px;cursor:pointer}.vft-input .vft-input__clear:hover,.vft-input .vft-input__password:hover{color:var(--vft-input-clear-hover-color)}.vft-input .vft-input__count{display:inline-flex;align-items:center;height:100%;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{display:inline-block;padding-left:8px;background:var(--vft-fill-color-blank);line-height:initial}.vft-input .vft-input__icon{margin-left:8px;transition:all var(--vft-transition-duration)}.vft-input .icon-search{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" 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 704z"%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 704z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-hide{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%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="M876.8 156.8c0-9.6-3.2-16-9.6-22.4c-6.4-6.4-12.8-9.6-22.4-9.6c-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4c0 9.6 3.2 16 9.6 22.4c6.4 6.4 12.8 9.6 22.4 9.6c9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8c28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8c0-44.8 16-83.2 48-112c32-28.8 67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6c-28.8 48-80 105.6-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2c-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8c160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"%2F%3E%3Cpath fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112c-32 28.8-67.2 48-112 48Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-view{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%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 160c320 0 512 352 512 352S832 864 512 864S0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288c52.608 79.872 211.456 288 436.8 288c225.28 0 384.128-208.064 436.8-288c-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448a224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160s-71.744-160-160-160z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-loading{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-circle-check{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="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%}.vft-input-group{display:inline-flex;align-items:stretch;width:100%}.vft-input-group__append,.vft-input-group__prepend{display:inline-flex;position:relative;align-items:center;justify-content:center;min-height:100%;padding:0 20px;border-radius:var(--vft-input-border-radius);background-color:var(--vft-fill-color-light);color:var(--vft-info-color);white-space:nowrap}.vft-input-group__append:focus,.vft-input-group__prepend:focus{outline:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.vft-input-group__append button.vft-button,.vft-input-group__append button.vft-button:hover,.vft-input-group__append div.vft-select .vft-input__wrapper,.vft-input-group__append div.vft-select:hover .vft-input__wrapper,.vft-input-group__prepend button.vft-button,.vft-input-group__prepend button.vft-button:hover,.vft-input-group__prepend div.vft-select .vft-input__wrapper,.vft-input-group__prepend div.vft-select:hover .vft-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.vft-input-group__append .vft-button,.vft-input-group__append .vft-input,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-input{font-size:inherit}.vft-input-group__prepend{border:1px solid var(--vft-input-border-color);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group__append{border:1px solid var(--vft-input-border-color);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__wrapper{border:1px solid var(--vft-input-border-color);border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{z-index:2;border:1px solid var(--vft-input-focus-border-color);outline:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--prepend>.vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__wrapper{border:1px solid var(--vft-input-border-color);border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vft-textarea{display:inline-block;position:relative;width:100%;font-size:var(--vft-font-size-base);vertical-align:bottom}.vft-textarea__inner{display:block;position:relative;box-sizing:border-box;width:100%;padding:5px 11px;transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color);border-radius:var(--vft-input-border-radius,var(--vft-border-radius-large));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));line-height:1.5;resize:vertical;-webkit-appearance:none}.vft-textarea__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{border:1px solid var(--vft-input-focus-border-color);outline:0}.vft-textarea.is-disabled .vft-textarea__inner{border-color:var(--vft-disabled-border-color);background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-textarea.is-disabled .vft-textarea__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-disabled .vft-textarea__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-exceed .vft-textarea__inner{border-color:var(--vft-danger-color)}.vft-textarea.is-exceed .vft-input__count{color:var(--vft-danger-color)}.vft-textarea .vft-input__count{position:absolute;right:10px;bottom:5px;background:var(--vft-fill-color-blank);color:var(--vft-info-color);font-size:12px;line-height:14px}.vft-input--gradient-border{position:relative}.vft-input--gradient-border::before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:1;border:2px dashed #4a9eff;border-radius:12px;pointer-events:none}.vft-input--gradient-border::after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;border-radius:10px;background:linear-gradient(90deg,#4ade80,#60a5fa)}.vft-input--gradient-border .vft-input__wrapper{position:relative;z-index:2;background-color:#3a3a3a;border:none;border-radius:8px}.vft-input--gradient-border .vft-input__inner{background-color:transparent;color:#fff;caret-color:#4ade80}.vft-input--gradient-border .vft-input__inner::-moz-placeholder{color:#9ca3af}.vft-input--gradient-border .vft-input__inner::placeholder{color:#9ca3af}.vft-input--gradient-border .vft-input__inner:focus{box-shadow:0 0 0 2px rgba(74,222,128,.3)}.vft-input--gradient-border:focus-within .vft-input__wrapper{box-shadow:0 0 0 2px rgba(74,222,128,.3)}