vft 0.0.80 → 0.0.83

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

@@ -575,6 +575,7 @@ $side-menu: map-merge(
     (
       "border": getCssVar("menu-border-right"),
       "scroll-mr": 0,
+      'bg-color': getCssVar('fill-color', 'blank')
     ),
     $side-menu
 );
@@ -647,8 +648,8 @@ $tabs: map-merge(
       "item-padding": 0 20px,
       "item-max-width": 100%,
       "item-bg-color": transparent,
-      "item-active-bg-color": transparent,
-      "item-hover-bg-color": transparent,
+      "item-active-bg-color": getCssVar('fill-color', 'blank'),
+      "item-hover-bg-color": getCssVar('fill-color', 'blank'),
       "item-color": black,
       "item-active-color": inherit,
       "item-hover-color": inherit,

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

@@ -36,8 +36,8 @@ $name: horizontal-menu;
       box-shadow: none;
 
       .vft-menu-popup-item {
-        height: 18px;
-        line-height: 18px;
+        line-height: 1;
+        height: 100%;
         padding: 0;
 
         &:hover {

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

@@ -10,7 +10,7 @@ $name: side-menu;
 
 @include b($name) {
   @include set-component-css-var($name, $side-menu);
-
+  background-color: getCompCssVar('bg-color');;
   transition: width 0.2s ease;
   display: flex;
   flex-direction: column;

package/theme-style/vft-horizontal-menu.css

@@ -1 +1 @@
-:root{--vft-horizontal-menu-tile-width:90vw;--vft-horizontal-menu-tile-height:400px;--vft-horizontal-menu-tile-padding:24px 10px 24px 24px;--vft-horizontal-menu-tile-content-gap-y:20px;--vft-horizontal-menu-tile-content-col-item-gap:12px 4px;--vft-horizontal-menu-tile-content-col-gap-y:40px}.vft-horizontal-menu{height:100%}.vft-horizontal-menu__normal{border-radius:var(--vft-popper-border-radius)}.vft-horizontal-menu__normal .vft-menu--popup{box-shadow:var(--vft-box-shadow)}.vft-horizontal-menu__tile{border-radius:var(--vft-popper-border-radius);width:var(--vft-horizontal-menu-tile-width);height:var(--vft-horizontal-menu-tile-height);padding:var(--vft-horizontal-menu-tile-padding);box-shadow:var(--vft-box-shadow)}.vft-horizontal-menu__tile .vft-menu{height:100%;overflow:auto;overflow:overlay;display:flex;flex:1 1 0;box-shadow:none}.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item{height:18px;line-height:18px;padding:0}.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item:hover{background:inherit}.vft-horizontal-menu__tile .vft-menu .content-main:not(:last-child){margin-right:var(--vft-horizontal-menu-tile-content-gap-y)}.vft-horizontal-menu__tile .vft-menu .content-main:last-child{margin-right:15px}.vft-horizontal-menu__tile .vft-menu .content-main .content-col{padding-bottom:var(--vft-horizontal-menu-tile-content-col-gap-y)}.vft-horizontal-menu__tile .vft-menu .content-main .title{font-weight:700;font-size:14px;line-height:14px}.vft-horizontal-menu__tile .vft-menu .content-main .content{margin-top:16px;display:grid;grid-auto-flow:column;gap:var(--vft-horizontal-menu-tile-content-col-item-gap);position:relative;grid-auto-columns:var(--vft-menu-item-min-width)}
+:root{--vft-horizontal-menu-tile-width:90vw;--vft-horizontal-menu-tile-height:400px;--vft-horizontal-menu-tile-padding:24px 10px 24px 24px;--vft-horizontal-menu-tile-content-gap-y:20px;--vft-horizontal-menu-tile-content-col-item-gap:12px 4px;--vft-horizontal-menu-tile-content-col-gap-y:40px}.vft-horizontal-menu{height:100%}.vft-horizontal-menu__normal{border-radius:var(--vft-popper-border-radius)}.vft-horizontal-menu__normal .vft-menu--popup{box-shadow:var(--vft-box-shadow)}.vft-horizontal-menu__tile{border-radius:var(--vft-popper-border-radius);width:var(--vft-horizontal-menu-tile-width);height:var(--vft-horizontal-menu-tile-height);padding:var(--vft-horizontal-menu-tile-padding);box-shadow:var(--vft-box-shadow)}.vft-horizontal-menu__tile .vft-menu{height:100%;overflow:auto;overflow:overlay;display:flex;flex:1 1 0;box-shadow:none}.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item{line-height:1;height:100%;padding:0}.vft-horizontal-menu__tile .vft-menu .vft-menu-popup-item:hover{background:inherit}.vft-horizontal-menu__tile .vft-menu .content-main:not(:last-child){margin-right:var(--vft-horizontal-menu-tile-content-gap-y)}.vft-horizontal-menu__tile .vft-menu .content-main:last-child{margin-right:15px}.vft-horizontal-menu__tile .vft-menu .content-main .content-col{padding-bottom:var(--vft-horizontal-menu-tile-content-col-gap-y)}.vft-horizontal-menu__tile .vft-menu .content-main .title{font-weight:700;font-size:14px;line-height:14px}.vft-horizontal-menu__tile .vft-menu .content-main .content{margin-top:16px;display:grid;grid-auto-flow:column;gap:var(--vft-horizontal-menu-tile-content-col-item-gap);position:relative;grid-auto-columns:var(--vft-menu-item-min-width)}

package/theme-style/vft-side-menu.css

@@ -1 +1 @@
-.vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-scroll-mr:0;transition:width .2s ease;display:flex;flex-direction:column;border-right:var(--vft-menu-border-right);position:relative}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__right{position:absolute;right:-10px;top:50%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}
+.vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-scroll-mr:0;--vft-side-menu-bg-color:var(--vft-fill-color-blank);background-color:var(--vft-side-menu-bg-color);transition:width .2s ease;display:flex;flex-direction:column;border-right:var(--vft-menu-border-right);position:relative}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__right{position:absolute;right:-10px;top:50%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}

package/theme-style/vft-tabs.css

@@ -1 +1 @@
-.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0px solid #eee;--vft-tabs-item-active-border:0px solid #eee;--vft-tabs-item-hover-border:0px solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{width:0!important}.vft-tabs__item:hover{color:var(--vft-tabs-item-hover-color);background-color:var(--vft-tabs-item-hover-bg-color);border:var(--vft-tabs-item-hover-border);cursor:pointer}.vft-tabs__item.is-active{color:var(--vft-tabs-item-active-color);background-color:var(--vft-tabs-item-active-bg-color);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-active-border)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-z-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
+.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:var(--vft-fill-color-blank);--vft-tabs-item-hover-bg-color:var(--vft-fill-color-blank);--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0px solid #eee;--vft-tabs-item-active-border:0px solid #eee;--vft-tabs-item-hover-border:0px solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{width:0!important}.vft-tabs__item:hover{color:var(--vft-tabs-item-hover-color);background-color:var(--vft-tabs-item-hover-bg-color);border:var(--vft-tabs-item-hover-border);cursor:pointer}.vft-tabs__item.is-active{color:var(--vft-tabs-item-active-color);background-color:var(--vft-tabs-item-active-bg-color);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-active-border)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-z-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}