vft 0.0.429 → 0.0.431

package/theme-style/src/header-layout.scss

@@ -10,9 +10,9 @@ $name: header-layout;
 }
 
 @include b($name) {
+  z-index: getCompCssVar('z-index');
   height: getCompCssVar('height');
   background-color: getCompCssVar('bg-color');
-  z-index: getCompCssVar('z-index');
 
   .vft-container {
     height: 100%;

package/theme-style/src/menu.scss

@@ -52,8 +52,8 @@ $name: menu;
   }
 
   .#{$namespace}-sub-menu__text {
+    line-height: normal;
     word-break: break-all;
-
     @include line-clamp;
   }
 }
@@ -233,7 +233,7 @@ $name: menu;
     }
 
     .is-active {
-      .vft-sub-menu__title {
+      > .vft-sub-menu__title {
         border-bottom: none !important;
         color: getCompCssVar('active-color') !important;
       }
@@ -243,6 +243,11 @@ $name: menu;
       position: absolute;
       right: getCompCssVar('base-level-padding');
     }
+
+    .#{$namespace}-menu--popup-ul-list {
+      max-height: 90vh;
+      overflow-y: auto;
+    }
   }
 
   @include icon-arrow-left;

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

@@ -353,6 +353,7 @@ $E: null;
 
   #{$selector} {
     width: $width;
+    height: $width;
     background: transparent;
 
     &-thumb {

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

@@ -92,9 +92,6 @@ $name: side-menu;
   margin-right: getCompCssVar('scroll-mr');
 
   .vft-menu--popup {
-    max-height: calc(100vh - 200px);
     box-shadow: none;
-
-    @include overlay(false);
   }
 }

package/theme-style/vft-header-layout.css

@@ -1 +1 @@
-:root{--vft-header-layout-height:70px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:#eff1f5;--vft-header-layout-left-min-width:800px;--vft-header-layout-z-index:var(--vft-z-index-header-layout)}.vft-header-layout{height:var(--vft-header-layout-height);background-color:var(--vft-header-layout-bg-color);z-index:var(--vft-header-layout-z-index)}.vft-header-layout .vft-container{height:100%}.vft-header-layout__top-container{height:var(--vft-header-layout-top-height);overflow:visible}.vft-header-layout__top-container.is-no-bottom{height:100%}.vft-header-layout__top-container .content{display:flex;justify-content:space-between;height:100%}.vft-header-layout__top-container .content .left{display:flex;align-items:center;min-width:var(--vft-header-layout-left-min-width)}.vft-header-layout__top-container .content .right{display:flex;align-items:center}.vft-header-layout__footer{height:calc(var(--vft-header-layout-height) - var(--vft-header-layout-top-height))}
+:root{--vft-header-layout-height:70px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:#eff1f5;--vft-header-layout-left-min-width:800px;--vft-header-layout-z-index:var(--vft-z-index-header-layout)}.vft-header-layout{z-index:var(--vft-header-layout-z-index);height:var(--vft-header-layout-height);background-color:var(--vft-header-layout-bg-color)}.vft-header-layout .vft-container{height:100%}.vft-header-layout__top-container{height:var(--vft-header-layout-top-height);overflow:visible}.vft-header-layout__top-container.is-no-bottom{height:100%}.vft-header-layout__top-container .content{display:flex;justify-content:space-between;height:100%}.vft-header-layout__top-container .content .left{display:flex;align-items:center;min-width:var(--vft-header-layout-left-min-width)}.vft-header-layout__top-container .content .right{display:flex;align-items:center}.vft-header-layout__footer{height:calc(var(--vft-header-layout-height) - var(--vft-header-layout-top-height))}

package/theme-style/vft-menu.css

@@ -1 +1 @@
-.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-menu-bg-color:var(--vft-fill-color-blank);--vft-menu-popup-bg-color:var(--vft-fill-color-blank);--vft-menu-sub-menu-bg-color:var(--vft-fill-color-blank);--vft-menu-no-popup-active-bg-color:var(--vft-fill-color-blank);--vft-menu-active-color:var(--vft-primary-color);--vft-menu-text-color:var(--vft-text-primary-color);--vft-menu-hover-text-color:var(--vft-primary-color);--vft-menu-hover-bg-color:var(--vft-primary-color-light-9);--vft-menu-focus-text-color:var(--vft-primary-color);--vft-menu-focus-bg-color:var(--vft-primary-color-light-9);--vft-menu-item-height:56px;--vft-menu-sub-item-height:calc(var(--vft-menu-item-height) - 6px);--vft-menu-horizontal-sub-item-height:36px;--vft-menu-item-font-size:var(--vft-font-size-base);--vft-menu-item-hover-fill:var(--vft-primary-color-light-9);--vft-menu-border-bottom:var(--vft-border);--vft-menu-base-level-padding:20px;--vft-menu-level-padding:20px;--vft-menu-icon-mr:6px;--vft-menu-icon-width:14px;--vft-menu-border:var(--vft-border);--vft-menu-border-right:var(--vft-border);--vft-menu-item-border-bottom:2px solid transparent;--vft-menu-item-active-border-bottom:2px solid var(--vft-menu-active-color);--vft-menu-item-min-width:200px}.vft-menu{position:relative;margin:0;padding-left:0;border:var(--vft-menu-border);border-right:var(--vft-menu-border-right);background-color:var(--vft-menu-bg-color);list-style:none;scroll-behavior:smooth}.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item-group__title,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-sub-menu__title{padding-left:calc(var(--vft-menu-base-level-padding) + var(--vft-menu-level) * var(--vft-menu-level-padding))}.vft-menu--vertical:not(.vft-menu--collapse) .vft-sub-menu__text{white-space:break-spaces}.vft-menu--vertical .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding)}.vft-menu--horizontal{display:flex;flex-wrap:nowrap;border:none;border-bottom:var(--vft-menu-border-bottom)}.vft-menu--horizontal>.vft-menu-item{display:inline-flex;align-items:center;justify-content:center;height:100%;margin:0;border-bottom:var(--vft-menu-item-border-bottom);color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-menu-item a,.vft-menu--horizontal>.vft-menu-item a:hover{color:inherit}.vft-menu--horizontal>.vft-sub-menu:focus,.vft-menu--horizontal>.vft-sub-menu:hover{outline:0}.vft-menu--horizontal>.vft-sub-menu.is-active>.vft-sub-menu__title{border-bottom:var(--vft-menu-item-active-border-bottom);color:var(--vft-menu-active-color)}.vft-menu--horizontal>.vft-sub-menu.is-active>.vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title{height:100%;border-bottom:var(--vft-menu-item-border-bottom);color:var(--vft-menu-text-color);line-height:100%}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal .vft-menu .vft-menu-item,.vft-menu--horizontal .vft-menu .vft-sub-menu__title{display:flex;align-items:center;height:var(--vft-menu-horizontal-sub-item-height);color:var(--vft-menu-text-color)}.vft-menu--horizontal .vft-menu .vft-menu-item.is-active,.vft-menu--horizontal .vft-menu .vft-sub-menu.is-active>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):hover{outline:0;color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):focus{outline:0}.vft-menu--horizontal>.vft-menu-item.is-active{border-bottom:var(--vft-menu-item-active-border-bottom);color:var(--vft-menu-active-color)}.vft-menu--collapse{width:calc(var(--vft-menu-icon-width) + var(--vft-menu-base-level-padding) * 2)}.vft-menu--collapse>.vft-menu-item [class^=vft-icon],.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon],.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon]{width:var(--vft-menu-icon-width);margin:0;text-align:center;vertical-align:middle}.vft-menu--collapse>.vft-menu-item .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow{display:none}.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title>.vft-sub-menu__text span,.vft-menu--collapse>.vft-menu-item>.vft-sub-menu__text span,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title>.vft-sub-menu__text span{display:inline-block;visibility:hidden;width:0;height:0;overflow:hidden}.vft-menu--collapse>.vft-menu-item.is-active i{color:inherit}.vft-menu--collapse .vft-menu .vft-sub-menu{min-width:var(--vft-menu-item-min-width)}.vft-menu--collapse .vft-sub-menu__text{padding-right:0}.vft-menu--popup{z-index:100;min-width:var(--vft-menu-item-min-width);padding:5px 0;border:none;border-radius:var(--vft-popper-border-radius);background-color:var(--vft-menu-popup-bg-color);box-shadow:var(--vft-box-shadow-light)}.vft-menu--popup .vft-sub-menu__title{border-bottom:none!important;color:var(--vft-menu-text-color)}.vft-menu--popup .is-active .vft-sub-menu__title{border-bottom:none!important;color:var(--vft-menu-active-color)!important}.vft-menu--popup .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding)}.vft-menu .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .vft-icon{flex-shrink:0}.vft-menu .icon-menu-line{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-sub-menu{margin:0;padding-left:0;list-style:none}.vft-sub-menu__title{display:flex;position:relative;align-items:center;height:var(--vft-menu-item-height);padding:0 var(--vft-menu-base-level-padding);transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);color:var(--vft-menu-text-color);font-size:var(--vft-menu-item-font-size);line-height:var(--vft-menu-item-height);list-style:none;white-space:nowrap;cursor:pointer}.vft-sub-menu__title.is-disabled{opacity:.5;background:0 0!important;cursor:not-allowed}.vft-sub-menu__title *{vertical-align:bottom}.vft-sub-menu__title i{flex-shrink:0}.vft-sub-menu__title:focus,.vft-sub-menu__title:hover{outline:0}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__title .vft-sub-menu__text{word-break:break-all;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-sub-menu__text.is-arrow{padding-right:var(--vft-menu-base-level-padding)}.vft-sub-menu__title:hover .vft-icon{color:var(--vft-menu-hover-text-color)!important}.vft-sub-menu__hide-arrow .vft-sub-menu__icon-arrow{display:none!important}.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom-color:var(--vft-menu-active-color)}.vft-sub-menu.is-active.is-opened>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-sub-menu.is-disabled .vft-menu-item,.vft-sub-menu.is-disabled .vft-sub-menu__title{opacity:.6;background:0 0!important;cursor:not-allowed}.vft-sub-menu .vft-menu{border:none}.vft-sub-menu .vft-menu-item{min-width:var(--vft-menu-item-min-width);height:var(--vft-menu-sub-item-height);line-height:var(--vft-menu-sub-item-height)}.vft-sub-menu .vft-icon{margin-right:var(--vft-menu-icon-mr);text-align:center;vertical-align:middle}.vft-sub-menu .vft-icon.vft-sub-menu__icon-arrow,.vft-sub-menu .vft-icon.vft-sub-menu__icon-more{margin-right:0!important}.vft-sub-menu .vft-sub-menu__icon-arrow{transition:transform var(--vft-transition-duration);color:inherit}.vft-menu-item{display:flex;position:relative;align-items:center;height:var(--vft-menu-item-height);padding:0 var(--vft-menu-base-level-padding);transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);color:var(--vft-menu-text-color);font-size:var(--vft-menu-item-font-size);line-height:var(--vft-menu-item-height);list-style:none;white-space:nowrap;cursor:pointer}.vft-menu-item.is-disabled{opacity:.5;background:0 0!important;cursor:not-allowed}.vft-menu-item *{vertical-align:bottom}.vft-menu-item i{flex-shrink:0}.vft-menu-item:focus,.vft-menu-item:hover{outline:0}.vft-menu-item:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu-item .vft-sub-menu__text{word-break:break-all;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item.is-active{color:var(--vft-menu-active-color)}.vft-menu-item.is-active i{color:inherit}.vft-menu-item [class^=vft-icon]{width:var(--vft-menu-icon-width);margin-right:var(--vft-menu-icon-mr);text-align:center;vertical-align:middle}.vft-menu-item .vft-menu-tooltip__trigger{display:inline-flex;position:absolute;top:0;left:0;align-items:center;width:100%;height:100%;padding:0 var(--vft-menu-base-level-padding)}.vft-menu-item .vft-menu-item__text{word-break:break-all;white-space:break-spaces;display:-webkit-inline-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item-group__title{height:var(--vft-menu-sub-item-height);padding:0 var(--vft-menu-base-level-padding);color:var(--vft-text-secondary-color);font-size:12px;line-height:var(--vft-menu-sub-item-height);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item-group>ul{padding:0}.horizontal-collapse-transition .vft-sub-menu__title .vft-sub-menu__icon-arrow{transition:var(--vft-transition-duration-fast);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{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-menu-bg-color:var(--vft-fill-color-blank);--vft-menu-popup-bg-color:var(--vft-fill-color-blank);--vft-menu-sub-menu-bg-color:var(--vft-fill-color-blank);--vft-menu-no-popup-active-bg-color:var(--vft-fill-color-blank);--vft-menu-active-color:var(--vft-primary-color);--vft-menu-text-color:var(--vft-text-primary-color);--vft-menu-hover-text-color:var(--vft-primary-color);--vft-menu-hover-bg-color:var(--vft-primary-color-light-9);--vft-menu-focus-text-color:var(--vft-primary-color);--vft-menu-focus-bg-color:var(--vft-primary-color-light-9);--vft-menu-item-height:56px;--vft-menu-sub-item-height:calc(var(--vft-menu-item-height) - 6px);--vft-menu-horizontal-sub-item-height:36px;--vft-menu-item-font-size:var(--vft-font-size-base);--vft-menu-item-hover-fill:var(--vft-primary-color-light-9);--vft-menu-border-bottom:var(--vft-border);--vft-menu-base-level-padding:20px;--vft-menu-level-padding:20px;--vft-menu-icon-mr:6px;--vft-menu-icon-width:14px;--vft-menu-border:var(--vft-border);--vft-menu-border-right:var(--vft-border);--vft-menu-item-border-bottom:2px solid transparent;--vft-menu-item-active-border-bottom:2px solid var(--vft-menu-active-color);--vft-menu-item-min-width:200px}.vft-menu{position:relative;margin:0;padding-left:0;border:var(--vft-menu-border);border-right:var(--vft-menu-border-right);background-color:var(--vft-menu-bg-color);list-style:none;scroll-behavior:smooth}.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item-group__title,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-sub-menu__title{padding-left:calc(var(--vft-menu-base-level-padding) + var(--vft-menu-level) * var(--vft-menu-level-padding))}.vft-menu--vertical:not(.vft-menu--collapse) .vft-sub-menu__text{white-space:break-spaces}.vft-menu--vertical .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding)}.vft-menu--horizontal{display:flex;flex-wrap:nowrap;border:none;border-bottom:var(--vft-menu-border-bottom)}.vft-menu--horizontal>.vft-menu-item{display:inline-flex;align-items:center;justify-content:center;height:100%;margin:0;border-bottom:var(--vft-menu-item-border-bottom);color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-menu-item a,.vft-menu--horizontal>.vft-menu-item a:hover{color:inherit}.vft-menu--horizontal>.vft-sub-menu:focus,.vft-menu--horizontal>.vft-sub-menu:hover{outline:0}.vft-menu--horizontal>.vft-sub-menu.is-active>.vft-sub-menu__title{border-bottom:var(--vft-menu-item-active-border-bottom);color:var(--vft-menu-active-color)}.vft-menu--horizontal>.vft-sub-menu.is-active>.vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title{height:100%;border-bottom:var(--vft-menu-item-border-bottom);color:var(--vft-menu-text-color);line-height:100%}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal .vft-menu .vft-menu-item,.vft-menu--horizontal .vft-menu .vft-sub-menu__title{display:flex;align-items:center;height:var(--vft-menu-horizontal-sub-item-height);color:var(--vft-menu-text-color)}.vft-menu--horizontal .vft-menu .vft-menu-item.is-active,.vft-menu--horizontal .vft-menu .vft-sub-menu.is-active>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):hover{outline:0;color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):focus{outline:0}.vft-menu--horizontal>.vft-menu-item.is-active{border-bottom:var(--vft-menu-item-active-border-bottom);color:var(--vft-menu-active-color)}.vft-menu--collapse{width:calc(var(--vft-menu-icon-width) + var(--vft-menu-base-level-padding) * 2)}.vft-menu--collapse>.vft-menu-item [class^=vft-icon],.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon],.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon]{width:var(--vft-menu-icon-width);margin:0;text-align:center;vertical-align:middle}.vft-menu--collapse>.vft-menu-item .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow{display:none}.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title>.vft-sub-menu__text span,.vft-menu--collapse>.vft-menu-item>.vft-sub-menu__text span,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title>.vft-sub-menu__text span{display:inline-block;visibility:hidden;width:0;height:0;overflow:hidden}.vft-menu--collapse>.vft-menu-item.is-active i{color:inherit}.vft-menu--collapse .vft-menu .vft-sub-menu{min-width:var(--vft-menu-item-min-width)}.vft-menu--collapse .vft-sub-menu__text{padding-right:0}.vft-menu--popup{z-index:100;min-width:var(--vft-menu-item-min-width);padding:5px 0;border:none;border-radius:var(--vft-popper-border-radius);background-color:var(--vft-menu-popup-bg-color);box-shadow:var(--vft-box-shadow-light)}.vft-menu--popup .vft-sub-menu__title{border-bottom:none!important;color:var(--vft-menu-text-color)}.vft-menu--popup .is-active>.vft-sub-menu__title{border-bottom:none!important;color:var(--vft-menu-active-color)!important}.vft-menu--popup .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding)}.vft-menu--popup .vft-menu--popup-ul-list{max-height:90vh;overflow-y:auto}.vft-menu .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-menu .vft-icon{flex-shrink:0}.vft-menu .icon-menu-line{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-width="2"%3E%3Cpath d="M5 5H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 12H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3Cpath d="M5 19H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="24%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-sub-menu{margin:0;padding-left:0;list-style:none}.vft-sub-menu__title{display:flex;position:relative;align-items:center;height:var(--vft-menu-item-height);padding:0 var(--vft-menu-base-level-padding);transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);color:var(--vft-menu-text-color);font-size:var(--vft-menu-item-font-size);line-height:var(--vft-menu-item-height);list-style:none;white-space:nowrap;cursor:pointer}.vft-sub-menu__title.is-disabled{opacity:.5;background:0 0!important;cursor:not-allowed}.vft-sub-menu__title *{vertical-align:bottom}.vft-sub-menu__title i{flex-shrink:0}.vft-sub-menu__title:focus,.vft-sub-menu__title:hover{outline:0}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__title .vft-sub-menu__text{line-height:normal;word-break:break-all;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-sub-menu__text.is-arrow{padding-right:var(--vft-menu-base-level-padding)}.vft-sub-menu__title:hover .vft-icon{color:var(--vft-menu-hover-text-color)!important}.vft-sub-menu__hide-arrow .vft-sub-menu__icon-arrow{display:none!important}.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom-color:var(--vft-menu-active-color)}.vft-sub-menu.is-active.is-opened>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-sub-menu.is-disabled .vft-menu-item,.vft-sub-menu.is-disabled .vft-sub-menu__title{opacity:.6;background:0 0!important;cursor:not-allowed}.vft-sub-menu .vft-menu{border:none}.vft-sub-menu .vft-menu-item{min-width:var(--vft-menu-item-min-width);height:var(--vft-menu-sub-item-height);line-height:var(--vft-menu-sub-item-height)}.vft-sub-menu .vft-icon{margin-right:var(--vft-menu-icon-mr);text-align:center;vertical-align:middle}.vft-sub-menu .vft-icon.vft-sub-menu__icon-arrow,.vft-sub-menu .vft-icon.vft-sub-menu__icon-more{margin-right:0!important}.vft-sub-menu .vft-sub-menu__icon-arrow{transition:transform var(--vft-transition-duration);color:inherit}.vft-menu-item{display:flex;position:relative;align-items:center;height:var(--vft-menu-item-height);padding:0 var(--vft-menu-base-level-padding);transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);color:var(--vft-menu-text-color);font-size:var(--vft-menu-item-font-size);line-height:var(--vft-menu-item-height);list-style:none;white-space:nowrap;cursor:pointer}.vft-menu-item.is-disabled{opacity:.5;background:0 0!important;cursor:not-allowed}.vft-menu-item *{vertical-align:bottom}.vft-menu-item i{flex-shrink:0}.vft-menu-item:focus,.vft-menu-item:hover{outline:0}.vft-menu-item:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu-item .vft-sub-menu__text{line-height:normal;word-break:break-all;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item.is-active{color:var(--vft-menu-active-color)}.vft-menu-item.is-active i{color:inherit}.vft-menu-item [class^=vft-icon]{width:var(--vft-menu-icon-width);margin-right:var(--vft-menu-icon-mr);text-align:center;vertical-align:middle}.vft-menu-item .vft-menu-tooltip__trigger{display:inline-flex;position:absolute;top:0;left:0;align-items:center;width:100%;height:100%;padding:0 var(--vft-menu-base-level-padding)}.vft-menu-item .vft-menu-item__text{word-break:break-all;white-space:break-spaces;display:-webkit-inline-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item-group__title{height:var(--vft-menu-sub-item-height);padding:0 var(--vft-menu-base-level-padding);color:var(--vft-text-secondary-color);font-size:12px;line-height:var(--vft-menu-sub-item-height);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item-group>ul{padding:0}.horizontal-collapse-transition .vft-sub-menu__title .vft-sub-menu__icon-arrow{transition:var(--vft-transition-duration-fast);opacity:0}

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

@@ -1 +1 @@
-.vft-side-menu{display:flex;position:relative;flex-direction:column;transition:width .2s ease;border-right:var(--vft-menu-border-right);background-color:var(--vft-side-menu-bg-color);--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)}.vft-side-menu--fixed{position:fixed;z-index:1;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{position:absolute;bottom:0;width:100%;border-top:var(--vft-side-menu-border)}.vft-side-menu__right{position:absolute;top:50%;right:-10px}.vft-side-menu__collapse{display:flex;align-items:center;height:40px;padding:0 16px;border-right:none;background-color:var(--vft-menu-bg-color);cursor:pointer}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-x:hidden;overflow-y:auto;overflow-y:overlay;scrollbar-gutter:stable}.vft-side-menu__drag-bar{position:absolute;z-index:999;top:0;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 .vft-menu{border:none;background-color:var(--vft-side-menu-bg-color)}.vft-side-menu .icon-sidebar-collapse{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{max-height:calc(100vh - 200px);box-shadow:none;overflow-y:auto;overflow-y:overlay;scrollbar-gutter:stable}
+.vft-side-menu{display:flex;position:relative;flex-direction:column;transition:width .2s ease;border-right:var(--vft-menu-border-right);background-color:var(--vft-side-menu-bg-color);--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)}.vft-side-menu--fixed{position:fixed;z-index:1;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{position:absolute;bottom:0;width:100%;border-top:var(--vft-side-menu-border)}.vft-side-menu__right{position:absolute;top:50%;right:-10px}.vft-side-menu__collapse{display:flex;align-items:center;height:40px;padding:0 16px;border-right:none;background-color:var(--vft-menu-bg-color);cursor:pointer}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-x:hidden;overflow-y:auto;overflow-y:overlay;scrollbar-gutter:stable}.vft-side-menu__drag-bar{position:absolute;z-index:999;top:0;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 .vft-menu{border:none;background-color:var(--vft-side-menu-bg-color)}.vft-side-menu .icon-sidebar-collapse{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{box-shadow:none}