vft 0.0.470 → 0.0.472

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

@@ -13,6 +13,7 @@ $icon-circle-close-filled: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3
 $icon-circle-plus: '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="M352 480h320a32 32 0 1 1 0 64H352a32 32 0 0 1 0-64z"%2F%3E%3Cpath fill="currentColor" d="M480 672V352a32 32 0 1 1 64 0v320a32 32 0 0 1-64 0z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E';
 $icon-close: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E';
 $icon-full-screen: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E';
+$icon-separate: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 20 20"%3E%3Cpath fill="%23000" d="M3 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2"%2f%3E%3C%2fsvg%3E';
 $icon-exit-full-screen: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E';
 $icon-question-filled: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352c-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992c13.376-19.712 35.2-28.864 66.176-28.864c23.936 0 42.944 6.336 56.32 19.712c12.672 13.376 19.712 31.68 19.712 54.912c0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408c-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76c6.336-12.672 15.488-24.64 28.16-35.2c33.792-29.568 54.208-48.576 60.544-55.616c16.896-22.528 26.048-51.392 26.048-86.592c0-42.944-14.08-76.736-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784a49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72a51.968 51.968 0 0 0-15.488-38.016a55.936 55.936 0 0 0-39.424-14.784z"%2F%3E%3C%2Fsvg%3E';
 $icon-info-filled: 'data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"%2F%3E%3C%2Fsvg%3E';

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

@@ -1,8 +1,14 @@
 @use 'mixins/mixins' as *;
 
-@include b(iframe-page) {
+@include b(iframe-layout) {
+  position: relative;
+  width: 100%;
   height: 100%;
+}
+
+@include b(iframe-page) {
+  display: block;
   width: 100%;
+  height: 100%;
   border: none;
-  display: block;
 }

package/theme-style/src/menu.scss

@@ -243,11 +243,6 @@ $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/multiple-tabs.scss

@@ -93,3 +93,7 @@ $name: multiple-tabs;
 .icon-full-screen {
   @include icon-common($icon-full-screen);
 }
+
+.icon-separate {
+  @include icon-common($icon-separate);
+}

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

@@ -1 +1 @@
-.vft-iframe-page{height:100%;width:100%;border:none;display:block}
+.vft-iframe-layout{position:relative;width:100%;height:100%}.vft-iframe-page{display:block;width:100%;height:100%;border:none}

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--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}
+.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}

package/theme-style/vft-multiple-tabs.css

@@ -1 +1 @@
-:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{height:var(--vft-multiple-tabs-height);background-color:var(--vft-multiple-tabs-bg-color)}.vft-multiple-tabs__title{overflow:hidden}.vft-multiple-tabs .vft-tabs__header{margin-bottom:0}.vft-multiple-tabs .icon-expand{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%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%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%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-multiple-tabs .icon-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%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%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%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-multiple-tabs .nav-right{display:flex;align-items:center;width:auto;height:-webkit-fill-available;border-left:1px solid var(--vft-tabs-nav-color)}.vft-multiple-tabs__nav-right{display:flex;align-items:center;padding:0 10px}.vft-multiple-tabs__nav-right .vft-icon{color:rgba(var(--vft-reverse-color-rgb),.5)}.vft-multiple-tabs__nav-right .vft-icon:hover{color:rgba(var(--vft-reverse-color-rgb),1)}.vft-multiple-tabs .nav-right::after{content:"";display:inline-block;position:absolute;bottom:-1px;width:100%;height:1px;background:var(--vft-tabs-nav-color);background-size:8px 8px}.icon-refresh-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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-new-tab{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="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-tab{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="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-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="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%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-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-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="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%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 transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-box-multiple-outline{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%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%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%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-vector-square-delete{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%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%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%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-full-screen{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="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
+:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{height:var(--vft-multiple-tabs-height);background-color:var(--vft-multiple-tabs-bg-color)}.vft-multiple-tabs__title{overflow:hidden}.vft-multiple-tabs .vft-tabs__header{margin-bottom:0}.vft-multiple-tabs .icon-expand{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%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%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%3Cpath fill="%23000" d="m21 15.344l-2.121 2.121l-3.172-3.172l-1.414 1.414l3.172 3.172L15.344 21H21zM3 8.656l2.121-2.121l3.172 3.172l1.414-1.414l-3.172-3.172L8.656 3H3zM21 3h-5.656l2.121 2.121l-3.172 3.172l1.414 1.414l3.172-3.172L21 8.656zM3 21h5.656l-2.121-2.121l3.172-3.172l-1.414-1.414l-3.172 3.172L3 15.344z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-multiple-tabs .icon-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%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%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%3Cpath fill="%23000" d="M2 15h7v7h2v-9H2zM15 2h-2v9h9V9h-7z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-multiple-tabs .nav-right{display:flex;align-items:center;width:auto;height:-webkit-fill-available;border-left:1px solid var(--vft-tabs-nav-color)}.vft-multiple-tabs__nav-right{display:flex;align-items:center;padding:0 10px}.vft-multiple-tabs__nav-right .vft-icon{color:rgba(var(--vft-reverse-color-rgb),.5)}.vft-multiple-tabs__nav-right .vft-icon:hover{color:rgba(var(--vft-reverse-color-rgb),1)}.vft-multiple-tabs .nav-right::after{content:"";display:inline-block;position:absolute;bottom:-1px;width:100%;height:1px;background:var(--vft-tabs-nav-color);background-size:8px 8px}.icon-refresh-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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-new-tab{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="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-tab{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="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-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="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%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-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-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="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%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 transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-box-multiple-outline{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%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%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%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-vector-square-delete{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%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%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%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-full-screen{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="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-separate{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 20 20"%3E%3Cpath fill="%23000" d="M3 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2"%2f%3E%3C%2fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 20 20"%3E%3Cpath fill="%23000" d="M3 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2"%2f%3E%3C%2fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}