vft 0.0.146 → 0.0.148

package/theme-style/src/tag.scss

@@ -11,7 +11,6 @@ $name: tag;
 }
 
 $tag-border-width: 1px;
-
 $tag-icon-span-gap: () !default;
 $tag-icon-span-gap: map-merge(
   (
@@ -24,26 +23,15 @@ $tag-icon-span-gap: map-merge(
 
 @function returnVarList($var, $type: 'primary') {
   $list: ('fill-color', 'blank');
+
   @if $var != false {
     $list: ($type, 'color', $var);
   }
+
   @return $list;
 }
 // false mean --el-color-white
 @mixin genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight) {
-  @include css-var-from-global(
-    ('tag', 'bg-color'),
-    returnVarList($backgroundColorWeight)
-  );
-  @include css-var-from-global(
-    ('tag', 'border-color'),
-    returnVarList($borderColorWeight)
-  );
-  @include css-var-from-global(
-    ('tag', 'hover-color'),
-    returnVarList($hoverColorWeight)
-  );
-
   @each $type in $types {
     &.#{bem('tag', '', $type)} {
       @include css-var-from-global(
@@ -60,44 +48,66 @@ $tag-icon-span-gap: map-merge(
       );
     }
   }
+
+  @include css-var-from-global(
+    ('tag', 'bg-color'),
+    returnVarList($backgroundColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'border-color'),
+    returnVarList($borderColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'hover-color'),
+    returnVarList($hoverColorWeight)
+  );
 }
 
 @include b(tag) {
-  @include genTheme('light-9', 'light-8', '');
+  $svg-margin-size: 1px;
 
-  @include css-var-from-global(('tag', 'text-color'), ('primary', 'color'));
   @each $type in $types {
     &.#{bem('tag', '', $type)} {
       @include css-var-from-global(('tag', 'text-color'), ($type, 'color'));
     }
   }
 
-  @include when(hit) {
-    border-color: getCssVar('primary', 'color');
-  }
-  @include when(round) {
-    border-radius: getCssVar('tag', 'border-radius-rounded');
+  @each $size in (large, small) {
+    @include m($size) {
+      padding: 0 map-get($tag-padding, $size) - $tag-border-width;
+      height: map-get($tag-height, $size);
+
+      @include set-css-var-value(
+        'icon-size',
+        #{map-get($tag-icon-size, $size)}
+      );
+
+      .#{$namespace}-tag__close {
+        margin-left: map-get($tag-icon-span-gap, $size);
+      }
+
+      &.is-closable {
+        padding-right: map-get($tag-icon-span-gap, $size) - $border-width;
+      }
+    }
   }
 
-  .#{$namespace}-tag__close {
-    color: getCssVar('tag', 'text-color');
-    &:hover {
-      color: getCssVar('color-white');
-      background-color: getCssVar('tag-hover-color');
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include when(hit) {
+        border-color: getCssVar($type, 'color');
+      }
     }
   }
 
   background-color: getCssVar('tag-bg-color');
   border-color: getCssVar('tag-border-color');
   color: getCssVar('tag-text-color');
-
   display: inline-flex;
   justify-content: center;
   align-items: center;
-
   height: map-get($tag-height, 'default');
   padding: 0 map-get($tag-padding, 'default') - $border-width;
-
   font-size: getCssVar('tag-font-size');
   line-height: 1;
   border-width: $tag-border-width;
@@ -106,35 +116,30 @@ $tag-icon-span-gap: map-merge(
   box-sizing: border-box;
   white-space: nowrap;
 
-  @include set-css-var-value('icon-size', 14px);
-
-  @include icon-close;
+  @include genTheme('light-9', 'light-8', '');
+  @include css-var-from-global(('tag', 'text-color'), ('primary', 'color'));
 
-  $svg-margin-size: 1px;
-  .#{$namespace}-icon {
-    cursor: pointer;
-    color: inherit;
-    font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2});
+  @include when(hit) {
+    border-color: getCssVar('primary', 'color');
   }
 
-  .#{$namespace}-tag__close {
-    @include flex-center();
-    border-radius: 50%;
-    height: getCssVar('icon-size');
-    width: getCssVar('icon-size');
-    margin-left: map-get($tag-icon-span-gap, 'default');
+  @include when(round) {
+    border-radius: getCssVar('tag', 'border-radius-rounded');
   }
 
-  @include m(dark) {
-    @include genTheme('', '', 'light-3');
-    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+  @include set-css-var-value('icon-size', 14px);
+  @include icon-close;
 
-    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+  @include m(dark) {
     @each $type in $types {
       &.#{bem('tag', '', $type)} {
         @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
       }
     }
+
+    @include genTheme('', '', 'light-3');
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
   }
 
   @include m(plain) {
@@ -142,34 +147,11 @@ $tag-icon-span-gap: map-merge(
     @include css-var-from-global(('tag', 'bg-color'), ('fill-color', 'blank'));
   }
 
-  &.is-closable {
-    padding-right: map-get($tag-icon-span-gap, 'default') - $border-width;
-  }
-
   @include e(content) {
-    @include line-clamp(getCompCssVar('content-line-clamp-num'));
     max-width: getCompCssVar('content-max-width');
     white-space: break-spaces;
-  }
-
-  @each $size in (large, small) {
-    @include m($size) {
-      padding: 0 map-get($tag-padding, $size) - $tag-border-width;
-      height: map-get($tag-height, $size);
-
-      @include set-css-var-value(
-        'icon-size',
-        #{map-get($tag-icon-size, $size)}
-      );
 
-      .#{$namespace}-tag__close {
-        margin-left: map-get($tag-icon-span-gap, $size);
-      }
-
-      &.is-closable {
-        padding-right: map-get($tag-icon-span-gap, $size) - $border-width;
-      }
-    }
+    @include line-clamp(getCompCssVar('content-line-clamp-num'));
   }
 
   @include m(small) {
@@ -178,11 +160,30 @@ $tag-icon-span-gap: map-merge(
     }
   }
 
-  @each $type in $types {
-    &.#{bem('tag', '', $type)} {
-      @include when(hit) {
-        border-color: getCssVar($type, 'color');
-      }
+  .#{$namespace}-tag__close {
+    color: getCssVar('tag', 'text-color');
+
+    &:hover {
+      color: getCssVar('color-white');
+      background-color: getCssVar('tag-hover-color');
     }
   }
+  .#{$namespace}-icon {
+    cursor: pointer;
+    color: inherit;
+    font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2});
+  }
+
+  .#{$namespace}-tag__close {
+    border-radius: 50%;
+    height: getCssVar('icon-size');
+    width: getCssVar('icon-size');
+    margin-left: map-get($tag-icon-span-gap, 'default');
+
+    @include flex-center;
+  }
+
+  &.is-closable {
+    padding-right: map-get($tag-icon-span-gap, 'default') - $border-width;
+  }
 }

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

@@ -19,12 +19,14 @@
     border-left: 2px solid getCssVar('timeline-node-color');
   }
 
-  & .#{$namespace}-timeline-item__icon {
-    color: getCssVar('color-white');
-    font-size: getCssVar('font-size-small');
-  }
-
   @include e(node) {
+    @each $type in (primary, success, warning, danger, info) {
+      @include m($type) {
+        background-color: getCssVar('color', $type);
+        border-color: getCssVar('color', $type);
+      }
+    }
+
     position: absolute;
     background-color: getCssVar('timeline-node-color');
     border-color: getCssVar('timeline-node-color');
@@ -39,23 +41,18 @@
       width: getCssVar('timeline-node-size-normal');
       height: getCssVar('timeline-node-size-normal');
     }
+
     @include m(large) {
       left: -2px;
       width: getCssVar('timeline-node-size-large');
       height: getCssVar('timeline-node-size-large');
     }
+
     @include when(hollow) {
       background: getCssVar('color-white');
       border-style: solid;
       border-width: 2px;
     }
-
-    @each $type in (primary, success, warning, danger, info) {
-      @include m($type) {
-        background-color: getCssVar('color', $type);
-        border-color: getCssVar('color', $type);
-      }
-    }
   }
 
   @include e(dot) {
@@ -78,8 +75,14 @@
       margin-bottom: 8px;
       padding-top: 4px;
     }
+
     @include when(bottom) {
       margin-top: 8px;
     }
   }
+
+  & .#{$namespace}-timeline-item__icon {
+    color: getCssVar('color-white');
+    font-size: getCssVar('font-size-small');
+  }
 }

package/theme-style/src/transfer.scss

@@ -1,6 +1,5 @@
 @use 'sass:math';
 @use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
@@ -55,6 +54,7 @@
     border-bottom-left-radius: getCssVar('transfer-border-radius');
     border-bottom-right-radius: getCssVar('transfer-border-radius');
     overflow: hidden;
+
     @include when('with-footer') {
       border-bottom: none;
       border-bottom-left-radius: 0;
@@ -69,6 +69,7 @@
     height: getCssVar('transfer-panel-body-height');
     overflow: auto;
     box-sizing: border-box;
+
     @include when(filterable) {
       height: calc(100% - getCssVar('transfer-filter-height') - 30px);
       padding-top: 0;
@@ -95,11 +96,12 @@
 
     &.#{$namespace}-checkbox .#{$namespace}-checkbox__label {
       width: 100%;
-      @include line-clamp();
       display: block;
       box-sizing: border-box;
       padding-left: 22px;
       line-height: getCssVar('transfer-item-height');
+
+      @include line-clamp;
     }
 
     .#{$namespace}-checkbox__input {
@@ -172,6 +174,7 @@
     border: 1px solid getCssVar('transfer-border-color');
     border-bottom-left-radius: getCssVar('transfer-border-radius');
     border-bottom-right-radius: getCssVar('transfer-border-radius');
+
     @include utils-vertical-center;
 
     .#{$namespace}-checkbox {
@@ -197,6 +200,7 @@
     height: 14px;
     width: 14px;
     border-radius: 3px;
+
     &::after {
       height: 6px;
       width: 3px;

package/theme-style/src/var.scss

@@ -31,7 +31,6 @@
 
 // for light
 :root {
-
   // --vft-color-#{$type}
   // --vft-color-#{$type}-light-{$i}
   @each $type in (primary, success, warning, danger, error, info) {

package/theme-style/src/virtual-list.scss

@@ -10,24 +10,29 @@
 @include b(vl) {
   @include e(wrapper) {
     position: relative;
+
     &:hover {
-      @include showScrollbar();
+      @include showScrollbar;
     }
+
     &.always-on {
-      @include showScrollbar();
+      @include showScrollbar;
     }
   }
 }
 
 .#{$namespace}-vl__window {
   scrollbar-width: none;
+
   &::-webkit-scrollbar {
     display: none;
   }
 }
+
 @include b(virtual-scrollbar) {
   opacity: 0;
   transition: opacity 340ms ease-out;
+
   &.always-on {
     opacity: 1;
   }

package/theme-style/vft-autocomplete.css

@@ -1 +1 @@
-.vft-autocomplete{position:relative;display:inline-block}.vft-autocomplete__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-autocomplete__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-autocomplete__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-autocomplete-suggestion{border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.vft-autocomplete-suggestion__list{margin:0;padding:0}.vft-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-autocomplete-suggestion li:hover{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.highlighted{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--vft-color-black)}.vft-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.vft-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--vft-text-secondary-color)}.vft-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-autocomplete-suggestion.is-loading li:hover{background-color:var(--vft-bg-color-overlay)}.vft-autocomplete-suggestion.is-loading .vft-icon-loading{vertical-align:middle}
+.vft-autocomplete{position:relative;display:inline-block}.vft-autocomplete__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-autocomplete__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-autocomplete__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-autocomplete-suggestion{border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.vft-autocomplete-suggestion__list{margin:0;padding:0}.vft-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--vft-text-secondary-color)}.vft-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-autocomplete-suggestion.is-loading li:hover{background-color:var(--vft-bg-color-overlay)}.vft-autocomplete-suggestion.is-loading .vft-icon-loading{vertical-align:middle}.vft-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-autocomplete-suggestion li:hover{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.highlighted{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--vft-color-black)}.vft-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}

package/theme-style/vft-badge.css

@@ -1 +1 @@
-.vft-badge{--vft-badge-bg-color:var(--vft-danger-color);--vft-badge-radius:10px;--vft-badge-font-size:12px;--vft-badge-padding:6px;--vft-badge-size:18px;position:relative;vertical-align:middle;display:inline-block;width:-moz-fit-content;width:fit-content}.vft-badge__content{background-color:var(--vft-badge-bg-color);border-radius:var(--vft-badge-radius);color:var(--vft-color-white);display:inline-flex;justify-content:center;align-items:center;font-size:var(--vft-badge-font-size);height:var(--vft-badge-size);padding:0 var(--vft-badge-padding);white-space:nowrap;border:1px solid var(--vft-bg-color)}.vft-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--vft-badge-size)/ 2);transform:translateY(-50%) translateX(100%);z-index:var(--vft-index-normal)}.vft-badge__content.is-fixed.is-dot{right:5px}.vft-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.vft-badge__content--primary{background-color:var(--vft-color-primary)}.vft-badge__content--success{background-color:var(--vft-color-success)}.vft-badge__content--warning{background-color:var(--vft-color-warning)}.vft-badge__content--info{background-color:var(--vft-color-info)}.vft-badge__content--danger{background-color:var(--vft-color-danger)}
+.vft-badge{position:relative;vertical-align:middle;display:inline-block;width:-moz-fit-content;width:fit-content;--vft-badge-bg-color:var(--vft-danger-color);--vft-badge-radius:10px;--vft-badge-font-size:12px;--vft-badge-padding:6px;--vft-badge-size:18px}.vft-badge__content{background-color:var(--vft-badge-bg-color);border-radius:var(--vft-badge-radius);color:var(--vft-color-white);display:inline-flex;justify-content:center;align-items:center;font-size:var(--vft-badge-font-size);height:var(--vft-badge-size);padding:0 var(--vft-badge-padding);white-space:nowrap;border:1px solid var(--vft-bg-color)}.vft-badge__content--primary{background-color:var(--vft-color-primary)}.vft-badge__content--success{background-color:var(--vft-color-success)}.vft-badge__content--warning{background-color:var(--vft-color-warning)}.vft-badge__content--info{background-color:var(--vft-color-info)}.vft-badge__content--danger{background-color:var(--vft-color-danger)}.vft-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--vft-badge-size)/ 2);transform:translateY(-50%) translateX(100%);z-index:var(--vft-index-normal)}.vft-badge__content.is-fixed.is-dot{right:5px}.vft-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}

package/theme-style/vft-button-group.css

@@ -1 +1 @@
-.vft-button-group{display:inline-block;vertical-align:middle}.vft-button-group::after,.vft-button-group::before{display:table;content:""}.vft-button-group::after{clear:both}.vft-button-group>.vft-button{float:left;position:relative}.vft-button-group>.vft-button+.vft-button{margin-left:0}.vft-button-group>.vft-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.vft-button-group>.vft-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.vft-button-group>.vft-button:first-child:last-child{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base)}.vft-button-group>.vft-button:first-child:last-child.is-round{border-radius:var(--vft-border-radius-round)}.vft-button-group>.vft-button:first-child:last-child.is-circle{border-radius:50%}.vft-button-group>.vft-button:not(:first-child):not(:last-child){border-radius:0}.vft-button-group>.vft-button:not(:last-child){margin-right:-1px}.vft-button-group>.vft-button:active,.vft-button-group>.vft-button:focus,.vft-button-group>.vft-button:hover{z-index:1}.vft-button-group>.vft-button.is-active{z-index:1}.vft-button-group>.vft-dropdown>.vft-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--primary:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--primary:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--primary:not(:first-child):not(:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:not(:first-child):not(:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:not(:first-child):not(:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:not(:first-child):not(:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:not(:first-child):not(:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}
+.vft-button-group{display:inline-block;vertical-align:middle}.vft-button-group .vft-button--primary:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--primary:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--primary:not(:first-child,:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--success:not(:first-child,:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--warning:not(:first-child,:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--danger:not(:first-child,:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:first-child{border-right-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:last-child{border-left-color:var(--vft-button-divide-border-color)}.vft-button-group .vft-button--info:not(:first-child,:last-child){border-left-color:var(--vft-button-divide-border-color);border-right-color:var(--vft-button-divide-border-color)}.vft-button-group::after,.vft-button-group::before{display:table;content:""}.vft-button-group::after{clear:both}.vft-button-group>.vft-button{float:left;position:relative}.vft-button-group>.vft-button.is-active{z-index:1}.vft-button-group>.vft-button+.vft-button{margin-left:0}.vft-button-group>.vft-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.vft-button-group>.vft-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.vft-button-group>.vft-button:first-child:last-child{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base)}.vft-button-group>.vft-button:first-child:last-child.is-round{border-radius:var(--vft-border-radius-round)}.vft-button-group>.vft-button:first-child:last-child.is-circle{border-radius:50%}.vft-button-group>.vft-button:not(:first-child,:last-child){border-radius:0}.vft-button-group>.vft-button:not(:last-child){margin-right:-1px}.vft-button-group>.vft-button:active,.vft-button-group>.vft-button:focus,.vft-button-group>.vft-button:hover{z-index:1}.vft-button-group>.vft-dropdown>.vft-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--vft-button-divide-border-color)}

package/theme-style/vft-calendar.css

@@ -1 +1 @@
-.vft-calendar{--vft-calendar-border:var(--vft-table-border, 1px solid var(--vft-border-color-lighter));--vft-calendar-header-border-bottom:var(--vft-calendar-border);--vft-calendar-selected-bg-color:var(--vft-primary-color-light-9);--vft-calendar-cell-width:85px;background-color:var(--vft-fill-color-blank)}.vft-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--vft-calendar-header-border-bottom)}.vft-calendar__title{color:var(--vft-text-color);align-self:center}.vft-calendar__body{padding:12px 20px 35px}.vft-calendar-table{table-layout:fixed;width:100%}.vft-calendar-table thead th{padding:12px 0;color:var(--vft-text-regular-color);font-weight:400}.vft-calendar-table:not(.is-range) td.next,.vft-calendar-table:not(.is-range) td.prev{color:var(--vft-text-placeholder-color)}.vft-calendar-table td{border-bottom:var(--vft-calendar-border);border-right:var(--vft-calendar-border);vertical-align:top;transition:background-color var(--vft-transition-duration-fast) ease}.vft-calendar-table td.is-selected{background-color:var(--vft-calendar-selected-bg-color)}.vft-calendar-table td.is-today{color:var(--vft-primary-color)}.vft-calendar-table tr:first-child td{border-top:var(--vft-calendar-border)}.vft-calendar-table tr td:first-child{border-left:var(--vft-calendar-border)}.vft-calendar-table tr.vft-calendar-table__row--hide-border td{border-top:none}.vft-calendar-table .vft-calendar-day{box-sizing:border-box;padding:8px;height:var(--vft-calendar-cell-width)}.vft-calendar-table .vft-calendar-day:hover{cursor:pointer;background-color:var(--vft-calendar-selected-bg-color)}
+.vft-calendar{background-color:var(--vft-fill-color-blank);--vft-calendar-border:var(--vft-table-border, 1px solid var(--vft-border-color-lighter));--vft-calendar-header-border-bottom:var(--vft-calendar-border);--vft-calendar-selected-bg-color:var(--vft-primary-color-light-9);--vft-calendar-cell-width:85px}.vft-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--vft-calendar-header-border-bottom)}.vft-calendar__title{color:var(--vft-text-color);align-self:center}.vft-calendar__body{padding:12px 20px 35px}.vft-calendar-table{table-layout:fixed;width:100%}.vft-calendar-table .vft-calendar-day{box-sizing:border-box;padding:8px;height:var(--vft-calendar-cell-width)}.vft-calendar-table .vft-calendar-day:hover{cursor:pointer;background-color:var(--vft-calendar-selected-bg-color)}.vft-calendar-table thead th{padding:12px 0;color:var(--vft-text-regular-color);font-weight:400}.vft-calendar-table:not(.is-range) td.next,.vft-calendar-table:not(.is-range) td.prev{color:var(--vft-text-placeholder-color)}.vft-calendar-table td{border-bottom:var(--vft-calendar-border);border-right:var(--vft-calendar-border);vertical-align:top;transition:background-color var(--vft-transition-duration-fast) ease}.vft-calendar-table td.is-selected{background-color:var(--vft-calendar-selected-bg-color)}.vft-calendar-table td.is-today{color:var(--vft-primary-color)}.vft-calendar-table tr:first-child td{border-top:var(--vft-calendar-border)}.vft-calendar-table tr td:first-child{border-left:var(--vft-calendar-border)}.vft-calendar-table tr.vft-calendar-table__row--hide-border td{border-top:none}

package/theme-style/vft-carousel.css

@@ -1 +1 @@
-.vft-carousel{--vft-carousel-arrow-font-size:12px;--vft-carousel-arrow-size:36px;--vft-carousel-arrow-background:rgba(31, 45, 61, 0.11);--vft-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--vft-carousel-indicator-width:30px;--vft-carousel-indicator-height:2px;--vft-carousel-indicator-padding-horizontal:4px;--vft-carousel-indicator-padding-vertical:12px;--vft-carousel-indicator-out-color:var(--vft-border-color-hover);position:relative}.vft-carousel--horizontal{overflow-x:hidden}.vft-carousel--vertical{overflow-y:hidden}.vft-carousel__container{position:relative;height:300px}.vft-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--vft-carousel-arrow-size);width:var(--vft-carousel-arrow-size);cursor:pointer;transition:var(--vft-transition-duration);border-radius:50%;background-color:var(--vft-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--vft-carousel-arrow-font-size);display:inline-flex;align-items:center;justify-content:center}.vft-carousel__arrow--left{left:16px}.vft-carousel__arrow--right{right:16px}.vft-carousel__arrow:hover{background-color:var(--vft-carousel-arrow-hover-background)}.vft-carousel__arrow i{cursor:pointer}.vft-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.vft-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.vft-carousel__indicators--outside{bottom:calc(var(--vft-carousel-indicator-height) + var(--vft-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.vft-carousel__indicators--outside .vft-carousel__indicator:hover button{opacity:.64}.vft-carousel__indicators--outside button{background-color:var(--vft-carousel-indicator-out-color);opacity:.24}.vft-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.vft-carousel__indicators--labels .vft-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px;color:#000}.vft-carousel__indicators--labels .vft-carousel__indicator{padding:6px 4px}.vft-carousel__indicator{background-color:transparent;cursor:pointer}.vft-carousel__indicator:hover button{opacity:.72}.vft-carousel__indicator--horizontal{display:inline-block;padding:var(--vft-carousel-indicator-padding-vertical) var(--vft-carousel-indicator-padding-horizontal)}.vft-carousel__indicator--vertical{padding:var(--vft-carousel-indicator-padding-horizontal) var(--vft-carousel-indicator-padding-vertical)}.vft-carousel__indicator--vertical .vft-carousel__button{width:var(--vft-carousel-indicator-height);height:calc(var(--vft-carousel-indicator-width)/ 2)}.vft-carousel__indicator.is-active button{opacity:1}.vft-carousel__button{display:block;opacity:.48;width:var(--vft-carousel-indicator-width);height:var(--vft-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--vft-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}
+.vft-carousel{position:relative;--vft-carousel-arrow-font-size:12px;--vft-carousel-arrow-size:36px;--vft-carousel-arrow-background:rgba(31, 45, 61, 0.11);--vft-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--vft-carousel-indicator-width:30px;--vft-carousel-indicator-height:2px;--vft-carousel-indicator-padding-horizontal:4px;--vft-carousel-indicator-padding-vertical:12px;--vft-carousel-indicator-out-color:var(--vft-border-color-hover)}.vft-carousel--horizontal{overflow-x:hidden}.vft-carousel--vertical{overflow-y:hidden}.vft-carousel__container{position:relative;height:300px}.vft-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--vft-carousel-arrow-size);width:var(--vft-carousel-arrow-size);cursor:pointer;transition:var(--vft-transition-duration);border-radius:50%;background-color:var(--vft-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--vft-carousel-arrow-font-size);display:inline-flex;align-items:center;justify-content:center}.vft-carousel__arrow--left{left:16px}.vft-carousel__arrow--right{right:16px}.vft-carousel__arrow:hover{background-color:var(--vft-carousel-arrow-hover-background)}.vft-carousel__arrow i{cursor:pointer}.vft-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.vft-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.vft-carousel__indicators--outside{bottom:calc(var(--vft-carousel-indicator-height) + var(--vft-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.vft-carousel__indicators--outside .vft-carousel__indicator:hover button{opacity:.64}.vft-carousel__indicators--outside button{background-color:var(--vft-carousel-indicator-out-color);opacity:.24}.vft-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.vft-carousel__indicators--labels .vft-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px;color:#000}.vft-carousel__indicators--labels .vft-carousel__indicator{padding:6px 4px}.vft-carousel__indicator{background-color:transparent;cursor:pointer}.vft-carousel__indicator--horizontal{display:inline-block;padding:var(--vft-carousel-indicator-padding-vertical) var(--vft-carousel-indicator-padding-horizontal)}.vft-carousel__indicator--vertical{padding:var(--vft-carousel-indicator-padding-horizontal) var(--vft-carousel-indicator-padding-vertical)}.vft-carousel__indicator--vertical .vft-carousel__button{width:var(--vft-carousel-indicator-height);height:calc(var(--vft-carousel-indicator-width)/ 2)}.vft-carousel__indicator.is-active button{opacity:1}.vft-carousel__indicator:hover button{opacity:.72}.vft-carousel__button{display:block;opacity:.48;width:var(--vft-carousel-indicator-width);height:var(--vft-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--vft-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}

package/theme-style/vft-cascader-panel.css

@@ -1 +1 @@
-.vft-cascader-panel{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader-panel{display:flex;border-radius:var(--vft-cascader-menu-radius);font-size:var(--vft-cascader-menu-font-size)}.vft-cascader-panel.is-bordered{border:var(--vft-cascader-menu-border);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader-menu{min-width:180px;box-sizing:border-box;color:var(--vft-cascader-menu-text-color);border-right:var(--vft-cascader-menu-border)}.vft-cascader-menu:last-child{border-right:none}.vft-cascader-menu:last-child .vft-cascader-node{padding-right:20px}.vft-cascader-menu__wrap.vft-scrollbar__wrap{height:204px}.vft-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.vft-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vft-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;color:var(--vft-cascader-color-empty)}.vft-cascader-menu__empty-text .is-loading{margin-right:2px}.vft-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.vft-cascader-node.is-selectable.in-active-path{color:var(--vft-cascader-menu-text-color)}.vft-cascader-node.in-active-path,.vft-cascader-node.is-active,.vft-cascader-node.is-selectable.in-checked-path{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader-node:not(.is-disabled){cursor:pointer}.vft-cascader-node:not(.is-disabled):focus,.vft-cascader-node:not(.is-disabled):hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader-node.is-disabled{color:var(--vft-cascader-node-color-disabled);cursor:not-allowed}.vft-cascader-node__prefix{position:absolute;left:10px}.vft-cascader-node__postfix{position:absolute;right:10px}.vft-cascader-node__label{flex:1;text-align:left;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-cascader-node>.vft-checkbox{margin-right:0}.vft-cascader-node>.vft-radio{margin-right:0}.vft-cascader-node>.vft-radio .vft-radio__label{padding-left:0}
+.vft-cascader-panel{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader-panel{display:flex;border-radius:var(--vft-cascader-menu-radius);font-size:var(--vft-cascader-menu-font-size)}.vft-cascader-panel.is-bordered{border:var(--vft-cascader-menu-border);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader-menu{min-width:180px;box-sizing:border-box;color:var(--vft-cascader-menu-text-color);border-right:var(--vft-cascader-menu-border)}.vft-cascader-menu__wrap.vft-scrollbar__wrap{height:204px}.vft-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.vft-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vft-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;color:var(--vft-cascader-color-empty)}.vft-cascader-menu__empty-text .is-loading{margin-right:2px}.vft-cascader-menu:last-child{border-right:none}.vft-cascader-menu:last-child .vft-cascader-node{padding-right:20px}.vft-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.vft-cascader-node.is-disabled{color:var(--vft-cascader-node-color-disabled);cursor:not-allowed}.vft-cascader-node__prefix{position:absolute;left:10px}.vft-cascader-node__postfix{position:absolute;right:10px}.vft-cascader-node__label{flex:1;text-align:left;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-cascader-node.is-selectable.in-active-path{color:var(--vft-cascader-menu-text-color)}.vft-cascader-node.in-active-path,.vft-cascader-node.is-active,.vft-cascader-node.is-selectable.in-checked-path{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader-node:not(.is-disabled){cursor:pointer}.vft-cascader-node:not(.is-disabled):focus,.vft-cascader-node:not(.is-disabled):hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader-node>.vft-checkbox{margin-right:0}.vft-cascader-node>.vft-radio{margin-right:0}.vft-cascader-node>.vft-radio .vft-radio__label{padding-left:0}

package/theme-style/vft-cascader.css

@@ -1 +1 @@
-.vft-cascader{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color);display:inline-block;vertical-align:middle;position:relative;font-size:var(--vft-font-size-base);line-height:32px;outline:0}.vft-cascader:not(.is-disabled):hover .vft-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-cascader .vft-input{display:flex;cursor:pointer}.vft-cascader .vft-input .vft-input__inner{text-overflow:ellipsis;cursor:pointer}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon{height:calc(100% - 2px)}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon svg{vertical-align:middle}.vft-cascader .vft-input .icon-arrow-down{transition:transform var(--vft-transition-duration);font-size:14px}.vft-cascader .vft-input .icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.vft-cascader .vft-input .icon-circle-close:hover{color:var(--vft-input-clear-hover-color,var(--vft-text-secondary-color))}.vft-cascader .vft-input.is-focus .vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-cascader--large{font-size:14px;line-height:40px}.vft-cascader--small{font-size:12px;line-height:24px}.vft-cascader.is-disabled .vft-cascader__label{z-index:calc(var(--vft-index-normal) + 1);color:var(--vft-disabled-text-color)}.vft-cascader__dropdown{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader__dropdown{font-size:var(--vft-cascader-menu-font-size);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__dropdown.vft-popper{background:var(--vft-cascader-menu-fill);border:var(--vft-cascader-menu-border);box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__dropdown.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-cascader__dropdown.vft-popper .vft-popper__arrow::before{border:var(--vft-cascader-menu-border)}.vft-cascader__dropdown.vft-popper{box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.vft-cascader__tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-cascader-tag-background)}.vft-cascader__tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__collapse-tags{white-space:normal;z-index:var(--vft-z-index-normal)}.vft-cascader__collapse-tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-fill-color)}.vft-cascader__collapse-tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__collapse-tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__collapse-tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__collapse-tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__suggestion-panel{border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--vft-font-size-base);color:var(--vft-cascader-menu-text-color);text-align:center}.vft-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.vft-cascader__suggestion-item:focus,.vft-cascader__suggestion-item:hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader__suggestion-item.is-checked{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader__suggestion-item>span{margin-right:10px}.vft-cascader__empty-text{margin:10px 0;color:var(--vft-cascader-color-empty)}.vft-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 11px;padding:0;color:var(--vft-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box;background:0 0}.vft-cascader__search-input::-moz-placeholder{color:transparent}.vft-cascader__search-input::placeholder{color:transparent}
+.vft-cascader{display:inline-block;vertical-align:middle;position:relative;font-size:var(--vft-font-size-base);line-height:32px;outline:0;--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader--large{font-size:14px;line-height:40px}.vft-cascader--small{font-size:12px;line-height:24px}.vft-cascader.is-disabled .vft-cascader__label{z-index:calc(var(--vft-index-normal) + 1);color:var(--vft-disabled-text-color)}.vft-cascader__dropdown{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader__dropdown{font-size:var(--vft-cascader-menu-font-size);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__dropdown.vft-popper{background:var(--vft-cascader-menu-fill);border:var(--vft-cascader-menu-border);box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__dropdown.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-cascader__dropdown.vft-popper .vft-popper__arrow::before{border:var(--vft-cascader-menu-border)}.vft-cascader__dropdown.vft-popper{box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.vft-cascader__tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-cascader-tag-background)}.vft-cascader__tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__collapse-tags{white-space:normal;z-index:var(--vft-z-index-normal)}.vft-cascader__collapse-tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-fill-color)}.vft-cascader__collapse-tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__collapse-tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__collapse-tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__collapse-tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__suggestion-panel{border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--vft-font-size-base);color:var(--vft-cascader-menu-text-color);text-align:center}.vft-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.vft-cascader__suggestion-item:focus,.vft-cascader__suggestion-item:hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader__suggestion-item.is-checked{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader__suggestion-item>span{margin-right:10px}.vft-cascader__empty-text{margin:10px 0;color:var(--vft-cascader-color-empty)}.vft-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 11px;padding:0;color:var(--vft-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box;background:0 0}.vft-cascader__search-input::-moz-placeholder{color:transparent}.vft-cascader__search-input::placeholder{color:transparent}.vft-cascader:not(.is-disabled):hover .vft-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-cascader .vft-input{display:flex;cursor:pointer}.vft-cascader .vft-input.is-focus .vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-cascader .vft-input .vft-input__inner{text-overflow:ellipsis;cursor:pointer}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon{height:calc(100% - 2px)}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon svg{vertical-align:middle}.vft-cascader .vft-input .icon-arrow-down{transition:transform var(--vft-transition-duration);font-size:14px}.vft-cascader .vft-input .icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.vft-cascader .vft-input .icon-circle-close:hover{color:var(--vft-input-clear-hover-color,var(--vft-text-secondary-color))}

package/theme-style/vft-check-tag.css

@@ -1 +1 @@
-.vft-check-tag{background-color:var(--vft-color-info-light-9);border-radius:var(--vft-border-radius-base);color:var(--vft-color-info);cursor:pointer;display:inline-block;font-size:var(--vft-font-size-base);line-height:var(--vft-font-size-base);padding:7px 15px;transition:var(--vft-transition-all);font-weight:700}.vft-check-tag:hover{background-color:var(--vft-color-info-light-7)}.vft-check-tag.is-checked{background-color:var(--vft-primary-color-light-8);color:var(--vft-primary-color)}.vft-check-tag.is-checked:hover{background-color:var(--vft-primary-color-light-7)}
+.vft-check-tag{background-color:var(--vft-color-info-light-9);border-radius:var(--vft-border-radius-base);color:var(--vft-color-info);cursor:pointer;display:inline-block;font-size:var(--vft-font-size-base);line-height:var(--vft-font-size-base);padding:7px 15px;transition:var(--vft-transition-all);font-weight:700}.vft-check-tag.is-checked{background-color:var(--vft-primary-color-light-8);color:var(--vft-primary-color)}.vft-check-tag.is-checked:hover{background-color:var(--vft-primary-color-light-7)}.vft-check-tag:hover{background-color:var(--vft-color-info-light-7)}

package/theme-style/vft-checkbox-button.css

@@ -1 +1 @@
-.vft-checkbox-button{--vft-checkbox-button-checked-bg-color:var(--vft-primary-color);--vft-checkbox-button-checked-text-color:var(--vft-color-white);--vft-checkbox-button-checked-border-color:var(--vft-primary-color)}.vft-checkbox-button{position:relative;display:inline-block}.vft-checkbox-button__inner{display:inline-block;line-height:1;font-weight:var(--vft-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));border:var(--vft-border);border-left:0;color:var(--vft-button-text-color,var(--vft-text-regular-color));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;transition:var(--vft-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button__inner.is-round{padding:8px 15px}.vft-checkbox-button__inner:hover{color:var(--vft-primary-color)}.vft-checkbox-button__inner [class*=vft-icon-]{line-height:.9}.vft-checkbox-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.vft-checkbox-button.is-checked .vft-checkbox-button__inner{color:var(--vft-checkbox-button-checked-text-color);background-color:var(--vft-checkbox-button-checked-bg-color);border-color:var(--vft-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--vft-primary-color-light-7)}.vft-checkbox-button.is-checked:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button.is-disabled .vft-checkbox-button__inner{color:var(--vft-text-disabled-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));box-shadow:none}.vft-checkbox-button.is-disabled:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light))}.vft-checkbox-button:first-child .vft-checkbox-button__inner{border-left:var(--vft-border);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base);box-shadow:none!important}.vft-checkbox-button.is-focus .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button:last-child .vft-checkbox-button__inner{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base)}.vft-checkbox-button--large .vft-checkbox-button__inner{padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button--large .vft-checkbox-button__inner.is-round{padding:12px 19px}.vft-checkbox-button--small .vft-checkbox-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.vft-checkbox-button--small .vft-checkbox-button__inner.is-round{padding:5px 11px}
+.vft-checkbox-button{--vft-checkbox-button-checked-bg-color:var(--vft-primary-color);--vft-checkbox-button-checked-text-color:var(--vft-color-white);--vft-checkbox-button-checked-border-color:var(--vft-primary-color)}.vft-checkbox-button{position:relative;display:inline-block}.vft-checkbox-button--large .vft-checkbox-button__inner{padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button--large .vft-checkbox-button__inner.is-round{padding:12px 19px}.vft-checkbox-button--small .vft-checkbox-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.vft-checkbox-button--small .vft-checkbox-button__inner.is-round{padding:5px 11px}.vft-checkbox-button__inner{display:inline-block;line-height:1;font-weight:var(--vft-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--vft-button-bg-color,var(--vft-fill-color-blank));border:var(--vft-border);border-left:0;color:var(--vft-button-text-color,var(--vft-text-regular-color));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;transition:var(--vft-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:0}.vft-checkbox-button__inner.is-round{padding:8px 15px}.vft-checkbox-button__inner:hover{color:var(--vft-primary-color)}.vft-checkbox-button__inner [class*=vft-icon-]{line-height:.9}.vft-checkbox-button__inner [class*=vft-icon-]+span{margin-left:5px}.vft-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.vft-checkbox-button.is-checked .vft-checkbox-button__inner{color:var(--vft-checkbox-button-checked-text-color);background-color:var(--vft-checkbox-button-checked-bg-color);border-color:var(--vft-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--vft-primary-color-light-7)}.vft-checkbox-button.is-checked:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button.is-disabled .vft-checkbox-button__inner{color:var(--vft-text-disabled-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color,var(--vft-fill-color-blank));border-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light));box-shadow:none}.vft-checkbox-button.is-disabled:first-child .vft-checkbox-button__inner{border-left-color:var(--vft-button-disabled-border-color,var(--vft-border-color-light))}.vft-checkbox-button:first-child .vft-checkbox-button__inner{border-left:var(--vft-border);border-top-left-radius:var(--vft-border-radius-base);border-bottom-left-radius:var(--vft-border-radius-base);box-shadow:none!important}.vft-checkbox-button.is-focus .vft-checkbox-button__inner{border-color:var(--vft-checkbox-button-checked-border-color)}.vft-checkbox-button:last-child .vft-checkbox-button__inner{border-top-right-radius:var(--vft-border-radius-base);border-bottom-right-radius:var(--vft-border-radius-base)}

package/theme-style/vft-checkbox.css

@@ -1 +1 @@
-.vft-checkbox{--vft-checkbox-font-size:14px;--vft-checkbox-font-weight:var(--vft-font-weight-primary);--vft-checkbox-text-color:var(--vft-text-regular-color);--vft-checkbox-input-height:14px;--vft-checkbox-input-width:14px;--vft-checkbox-border-radius:var(--vft-border-radius-small);--vft-checkbox-bg-color:var(--vft-fill-color-blank);--vft-checkbox-input-border:var(--vft-border);--vft-checkbox-disabled-border-color:var(--vft-border-color);--vft-checkbox-disabled-input-fill:var(--vft-fill-color-light);--vft-checkbox-disabled-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-disabled-checked-input-fill:var(--vft-border-color-extra-light);--vft-checkbox-disabled-checked-input-border-color:var(--vft-border-color);--vft-checkbox-disabled-checked-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-checked-text-color:var(--vft-primary-color);--vft-checkbox-checked-input-border-color:var(--vft-primary-color);--vft-checkbox-checked-bg-color:var(--vft-primary-color);--vft-checkbox-checked-icon-color:var(--vft-color-white);--vft-checkbox-input-border-color-hover:var(--vft-primary-color)}.vft-checkbox{color:var(--vft-checkbox-text-color);font-weight:var(--vft-checkbox-font-weight);font-size:var(--vft-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:30px;height:32px}.vft-checkbox.is-disabled{cursor:not-allowed}.vft-checkbox.is-bordered{padding:0 15px 0 9px;border-radius:var(--vft-border-radius-base);border:var(--vft-border);box-sizing:border-box}.vft-checkbox.is-bordered.is-checked{border-color:var(--vft-primary-color)}.vft-checkbox.is-bordered.is-disabled{border-color:var(--vft-border-color-lighter)}.vft-checkbox.is-bordered.vft-checkbox--large{padding:0 19px 0 11px;border-radius:var(--vft-border-radius-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__label{font-size:var(--vft-font-size-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__inner{height:14px;width:14px}.vft-checkbox.is-bordered.vft-checkbox--small{padding:0 11px 0 7px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner{height:12px;width:12px}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner::after{height:6px;width:2px}.vft-checkbox input:focus-visible+.vft-checkbox__inner{outline:2px solid var(--vft-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--vft-checkbox-border-radius)}.vft-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.vft-checkbox__input.is-disabled .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-input-fill);border-color:var(--vft-checkbox-disabled-border-color);cursor:not-allowed}.vft-checkbox__input.is-disabled .vft-checkbox__inner::after{cursor:not-allowed;border-color:var(--vft-checkbox-disabled-icon-color)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner::after{border-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner::before{background-color:var(--vft-checkbox-disabled-checked-icon-color);border-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled+span.vft-checkbox__label{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-checkbox__input.is-checked .vft-checkbox__inner{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-color)}.vft-checkbox__input.is-checked .vft-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.vft-checkbox__input.is-checked+.vft-checkbox__label{color:var(--vft-checkbox-checked-text-color)}.vft-checkbox__input.is-focus:not(.is-checked) .vft-checkbox__original:not(:focus-visible){border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-color)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{content:"";position:absolute;display:block;background-color:var(--vft-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::after{display:none}.vft-checkbox__inner{display:inline-block;position:relative;border:var(--vft-checkbox-input-border);border-radius:var(--vft-checkbox-border-radius);box-sizing:border-box;width:var(--vft-checkbox-input-width);height:var(--vft-checkbox-input-height);background-color:var(--vft-checkbox-bg-color);z-index:var(--vft-z-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46)}.vft-checkbox__inner:hover{border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid var(--vft-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.vft-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.vft-checkbox__label{display:inline-block;padding-left:8px;line-height:1;font-size:var(--vft-checkbox-font-size)}.vft-checkbox.vft-checkbox--large{height:40px}.vft-checkbox.vft-checkbox--large .vft-checkbox__label{font-size:14px}.vft-checkbox.vft-checkbox--large .vft-checkbox__inner{width:14px;height:14px}.vft-checkbox.vft-checkbox--small{height:24px}.vft-checkbox.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner{width:12px;height:12px}.vft-checkbox.vft-checkbox--small .vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{top:4px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner::after{width:2px;height:6px}.vft-checkbox:last-of-type{margin-right:0}
+.vft-checkbox{--vft-checkbox-font-size:14px;--vft-checkbox-font-weight:var(--vft-font-weight-primary);--vft-checkbox-text-color:var(--vft-text-regular-color);--vft-checkbox-input-height:14px;--vft-checkbox-input-width:14px;--vft-checkbox-border-radius:var(--vft-border-radius-small);--vft-checkbox-bg-color:var(--vft-fill-color-blank);--vft-checkbox-input-border:var(--vft-border);--vft-checkbox-disabled-border-color:var(--vft-border-color);--vft-checkbox-disabled-input-fill:var(--vft-fill-color-light);--vft-checkbox-disabled-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-disabled-checked-input-fill:var(--vft-border-color-extra-light);--vft-checkbox-disabled-checked-input-border-color:var(--vft-border-color);--vft-checkbox-disabled-checked-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-checked-text-color:var(--vft-primary-color);--vft-checkbox-checked-input-border-color:var(--vft-primary-color);--vft-checkbox-checked-bg-color:var(--vft-primary-color);--vft-checkbox-checked-icon-color:var(--vft-color-white);--vft-checkbox-input-border-color-hover:var(--vft-primary-color)}.vft-checkbox{color:var(--vft-checkbox-text-color);font-weight:var(--vft-checkbox-font-weight);font-size:var(--vft-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:30px;height:32px}.vft-checkbox.vft-checkbox--large{height:40px}.vft-checkbox.vft-checkbox--large .vft-checkbox__label{font-size:14px}.vft-checkbox.vft-checkbox--large .vft-checkbox__inner{width:14px;height:14px}.vft-checkbox.vft-checkbox--small{height:24px}.vft-checkbox.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner{width:12px;height:12px}.vft-checkbox.is-disabled{cursor:not-allowed}.vft-checkbox.is-bordered{padding:0 15px 0 9px;border-radius:var(--vft-border-radius-base);border:var(--vft-border);box-sizing:border-box}.vft-checkbox.is-bordered.vft-checkbox--large{padding:0 19px 0 11px;border-radius:var(--vft-border-radius-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__label{font-size:var(--vft-font-size-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__inner{height:14px;width:14px}.vft-checkbox.is-bordered.vft-checkbox--small{padding:0 11px 0 7px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner{height:12px;width:12px}.vft-checkbox.is-bordered.is-checked{border-color:var(--vft-primary-color)}.vft-checkbox.is-bordered.is-disabled{border-color:var(--vft-border-color-lighter)}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner::after{height:6px;width:2px}.vft-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.vft-checkbox__input.is-disabled .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-input-fill);border-color:var(--vft-checkbox-disabled-border-color);cursor:not-allowed}.vft-checkbox__input.is-disabled .vft-checkbox__inner::after{cursor:not-allowed;border-color:var(--vft-checkbox-disabled-icon-color)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner::after{border-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner::before{background-color:var(--vft-checkbox-disabled-checked-icon-color);border-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled+span.vft-checkbox__label{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-checkbox__input.is-checked .vft-checkbox__inner{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-color)}.vft-checkbox__input.is-checked .vft-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.vft-checkbox__input.is-checked+.vft-checkbox__label{color:var(--vft-checkbox-checked-text-color)}.vft-checkbox__input.is-focus:not(.is-checked) .vft-checkbox__original:not(:focus-visible){border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-color)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{content:"";position:absolute;display:block;background-color:var(--vft-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::after{display:none}.vft-checkbox__inner{display:inline-block;position:relative;border:var(--vft-checkbox-input-border);border-radius:var(--vft-checkbox-border-radius);box-sizing:border-box;width:var(--vft-checkbox-input-width);height:var(--vft-checkbox-input-height);background-color:var(--vft-checkbox-bg-color);z-index:var(--vft-z-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46)}.vft-checkbox__inner:hover{border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid var(--vft-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.vft-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.vft-checkbox__label{display:inline-block;padding-left:8px;line-height:1;font-size:var(--vft-checkbox-font-size)}.vft-checkbox input:focus-visible+.vft-checkbox__inner{outline:2px solid var(--vft-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--vft-checkbox-border-radius)}.vft-checkbox.vft-checkbox--small .vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{top:4px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner::after{width:2px;height:6px}.vft-checkbox:last-of-type{margin-right:0}