vft 0.0.482 → 0.0.485

package/theme-style/src/menu.scss

@@ -217,6 +217,60 @@ $name: menu;
     }
   }
 
+  @include m(collapse-type-menu-title) {
+    .#{$namespace}-sub-menu__0 {
+      margin: 10px 7px;
+      border-radius: 10px;
+
+      &.is-active,
+      &:hover {
+        background: getCssVar('primary-color') !important;
+        .#{$namespace}-sub-menu__title {
+          .vft-sub-menu__text {
+            color: white;
+          }
+
+          .vft-icon {
+            color: white !important;
+          }
+        }
+      }
+
+      &:hover {
+        .#{$namespace}-sub-menu__title {
+          .vft-icon {
+            transform: scale(1.1);
+          }
+        }
+      }
+      .#{$namespace}-sub-menu__title {
+        flex-direction: column;
+        justify-content: center;
+        height: 80px;
+        border-radius: 10px;
+
+        &:hover {
+          background: getCssVar('primary-color') !important;
+        }
+
+        .#{$namespace}-sub-menu__text {
+          margin-top: 8px;
+          padding-right: 0;
+        }
+
+        .vft-icon {
+          width: 100%;
+          transition: transform 0.5s;
+          font-size: 30px;
+        }
+      }
+    }
+
+    &.#{$namespace}-menu--collapse {
+      width: auto;
+    }
+  }
+
   @include m(popup) {
     z-index: 100;
     min-width: getCompCssVar('item-min-width');

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)}}@keyframes vft-loading-dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}: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{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}
+.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)}}@keyframes vft-loading-dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}: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--collapse-type-menu-title .vft-sub-menu__0{margin:10px 7px;border-radius:10px}.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active,.vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover{background:var(--vft-primary-color)!important}.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active .vft-sub-menu__title .vft-sub-menu__text,.vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-sub-menu__text{color:#fff}.vft-menu--collapse-type-menu-title .vft-sub-menu__0.is-active .vft-sub-menu__title .vft-icon,.vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-icon{color:#fff!important}.vft-menu--collapse-type-menu-title .vft-sub-menu__0:hover .vft-sub-menu__title .vft-icon{transform:scale(1.1)}.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title{flex-direction:column;justify-content:center;height:80px;border-radius:10px}.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title:hover{background:var(--vft-primary-color)!important}.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title .vft-sub-menu__text{margin-top:8px;padding-right:0}.vft-menu--collapse-type-menu-title .vft-sub-menu__0 .vft-sub-menu__title .vft-icon{width:100%;transition:transform .5s;font-size:30px}.vft-menu--collapse-type-menu-title.vft-menu--collapse{width:auto}.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{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}