.group-panel[data-v-315f2cfd]{position:relative;padding:24px 16px;border-radius:4px;border:1px solid var(--v-g-border-color);margin-bottom:20px}.group-panel .title[data-v-315f2cfd]{position:absolute;height:24px;line-height:24px;background-color:var(--v-g-bg-color);top:-12px;left:16px;padding:0 8px;color:var(--v-g-text-color-dark);-webkit-user-select:none;user-select:none}.group-panel .reset-default[data-v-315f2cfd]{position:absolute;height:20px;line-height:20px;bottom:0;right:2px;cursor:pointer}.group-panel .reset-default>i[data-v-315f2cfd]{font-size:14px}.group-panel .reset-default:hover>i[data-v-315f2cfd]{color:var(--bin-color-primary)}.group-panel .copy-var[data-v-315f2cfd]{position:absolute;height:20px;line-height:20px;bottom:0;right:20px;cursor:pointer}.group-panel .copy-var>i[data-v-315f2cfd]{font-size:14px}.group-panel .copy-var:hover>i[data-v-315f2cfd]{color:var(--bin-color-primary)}.group-panel .color-list[data-v-315f2cfd]{position:absolute;top:58px;left:16px;display:flex;flex-wrap:wrap;align-items:center;height:20px;padding:2px;background-color:var(--v-g-fill-color-2)}.group-panel .color-list>li[data-v-315f2cfd]{position:relative;width:16px;height:16px;cursor:pointer;border-radius:var(--bin-border-radius-default);transition:transform .2s}.group-panel .color-list>li+li[data-v-315f2cfd]{margin-left:4px}.group-panel .color-list>li[data-v-315f2cfd]:hover{transform:scale(1.05);box-shadow:0 12px 16px #00000026}.group-panel .color-list>li.active[data-v-315f2cfd]:hover{transform:scale(1)}.group-panel .color-list>li.active[data-v-315f2cfd]:after{content:"";position:absolute;left:-1px;top:-1px;width:18px;height:18px;box-shadow:0 0 0 1px var(--bin-color-primary)}.group-panel .content[data-v-315f2cfd] .bin-color-picker{font-size:0;width:100%}.group-panel .content .content-inner[data-v-315f2cfd]{position:relative;width:100%;font-size:0}.group-panel .content .content-inner.mixed[data-v-315f2cfd] .bin-input-wrapper{position:absolute;left:0;width:calc(100% - 64px)}.group-panel:hover .reset-default[data-v-315f2cfd],.group-panel:hover .copy-var[data-v-315f2cfd]{opacity:1}.color-quick-list[data-v-72dbeb31]{margin-top:8px}.color-quick-list>li[data-v-72dbeb31]{position:relative;cursor:pointer;display:flex;justify-content:space-between;height:32px;line-height:32px;padding:0 12px;transition:transform .2s;color:var(--v-g-fill-color-1)}.color-quick-list>li>span[data-v-72dbeb31]:last-child{transition:transform .2s;opacity:0}.color-quick-list>li[data-v-72dbeb31]:first-child{border-top-left-radius:var(--bin-border-radius-default);border-top-right-radius:var(--bin-border-radius-default)}.color-quick-list>li[data-v-72dbeb31]:last-child{border-bottom-left-radius:var(--bin-border-radius-default);border-bottom-right-radius:var(--bin-border-radius-default)}.color-quick-list>li[data-v-72dbeb31]:hover{transform:scale(1.02);box-shadow:0 12px 16px #00000026;border-radius:var(--bin-border-radius-default)}.color-quick-list>li:hover>span[data-v-72dbeb31]{opacity:1}.color-quick-list>li i.b-icon-check[data-v-72dbeb31]{position:absolute;left:60px}.style-example-container[data-v-6737e337]{--s-radius: 4px;position:relative;width:50px;cursor:pointer}.style-example-container .inner[data-v-6737e337]{display:flex;flex-wrap:wrap;height:40px;border-radius:var(--s-radius);background-color:transparent;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.style-example-container .inner .top[data-v-6737e337]{border-top-left-radius:var(--s-radius);border-top-right-radius:var(--s-radius);width:100%;height:20%;background-color:#fff}.style-example-container .inner .left[data-v-6737e337]{border-bottom-left-radius:var(--s-radius);width:30%;height:80%;background-color:#000}.style-example-container .inner .right[data-v-6737e337]{border-top-right-radius:4px;border-bottom-right-radius:4px;width:70%;height:80%;background-color:#f5f5f5}.style-example-container .label[data-v-6737e337]{width:100%;line-height:24px}.style-example-container .primary-color[data-v-6737e337]{position:absolute;left:2px;top:10px;width:10px;height:5px;border-radius:2px}.style-example-container>i.b-icon-check[data-v-6737e337]{position:absolute;right:2px;bottom:24px;color:var(--bin-color-primary);opacity:0}.style-example-container.active>i.b-icon-check[data-v-6737e337]{opacity:1}.theme-list[data-v-6cc28e66]{height:376px}.theme-list .theme-item[data-v-6cc28e66]{display:inline-flex;justify-content:center;align-items:flex-start;margin-bottom:8px;width:25%;height:64px}.theme-list[data-v-055bafd7]{height:376px}.theme-list .theme-item[data-v-055bafd7]{display:inline-flex;justify-content:center;margin-bottom:8px;width:25%;height:64px}.theme-list[data-v-650709f3]{height:376px;padding-top:8px}.theme-list .theme-item[data-v-650709f3]{display:inline-flex;justify-content:center;width:100%;height:60px}.theme-list .theme-item .inner[data-v-650709f3]{position:relative;width:100%;cursor:pointer}.theme-list .theme-item .inner .tag-wrap[data-v-650709f3]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:38px;width:100%;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.theme-list .theme-item .inner .tag-wrap .tag[data-v-650709f3]{font-size:12px;padding:0 8px;height:28px;line-height:26px;border-width:1px;border-style:solid}.theme-list .theme-item .inner .tag-wrap .tag+.tag[data-v-650709f3]{margin-left:4px}.theme-list .theme-item .inner .label[data-v-650709f3]{position:relative;width:100%;font-size:12px;text-align:center;line-height:22px}.theme-list .theme-item .inner .label>i.b-icon-check[data-v-650709f3]{position:absolute;color:var(--bin-color-primary);right:100px}.theme-list .theme-item+.theme-item[data-v-650709f3]{margin-top:4px}.theme-config-panel[data-v-efb8325f],.theme-config-panel[data-v-55f756b2],.theme-config-panel[data-v-633af8fa],.theme-config-panel[data-v-2ddcec14],.theme-config-panel[data-v-48ddbaba],.theme-config-panel[data-v-2df47e20]{padding:20px 20px 0}.top-tab[data-v-97847eb5]{background-color:var(--v-g-bg-color);padding:4px;text-align:center}.top-tab[data-v-97847eb5] .bin-radio-group-capsule{width:100%}.top-tab[data-v-97847eb5] .bin-radio-group-capsule .bin-radio{width:50%}.config-content[data-v-97847eb5]{background-color:var(--v-content-bg);padding:8px 0 0}.advanced-config[data-v-97847eb5] .bin-collapse-wrap{margin:0}.app-layout{display:flex;flex:1;flex-direction:column;margin:0;padding:0;overflow-x:hidden}.layout{width:100%;height:100%;overflow-x:hidden}.app-layout-navbar{position:fixed;top:0;left:0;z-index:100;width:100%;height:var(--v-header-height)}.app-layout-sider{position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1);padding-top:var(--v-header-height);width:var(--v-sider-width);background-color:var(--v-sider-bg)}.app-layout-sider:after{content:"";position:absolute;top:0;right:-1px;display:block;width:1px;height:100%;background-color:var(--v-sider-border-color)}.app-layout-content{min-height:100vh;overflow-y:hidden;background-color:var(--v-content-bg);transition:padding .2s cubic-bezier(.34,.69,.1,1);overflow-x:hidden;padding-left:var(--v-sider-width);padding-top:var(--v-header-height)}.app-layout-content .app-layout-content-inner{position:relative;flex:1;overflow-x:hidden}.app-layout-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--v-g-text-color);text-align:center}.bin-back-top .back-top{display:flex;justify-content:center;align-items:center;width:42px;height:42px;font-size:26px;background:#fff;border-radius:50%;box-shadow:var(--bin-shadow-down);transition:.25s}.bin-back-top .back-top:hover{color:var(--bin-color-primary)}.header-breadcrumb[data-v-cc5523dd]{display:inline-block;font-size:14px;color:var(--v-header-text-color);padding-left:20px}.header-breadcrumb .breadcrumb-item[data-v-cc5523dd]{font-weight:400;color:var(--v-header-text-color);outline:none}.header-breadcrumb .breadcrumb-item .b-icon-down[data-v-cc5523dd]{margin-left:4px;font-size:12px}.header-breadcrumb .breadcrumb-item[data-v-cc5523dd]:hover{color:var(--bin-color-primary)}.header-breadcrumb .no-redirect[data-v-cc5523dd]{font-weight:400;color:var(--v-header-text-color);cursor:text}.header-breadcrumb[data-v-cc5523dd] .bin-separator{margin:0 6px;color:var(--v-header-text-color)}.search-modal[data-v-420d5655]{position:fixed;top:0;left:0;z-index:800;display:flex;width:100%;height:100%;padding-top:50px;background-color:#00000040;justify-content:center}.search-modal-content[data-v-420d5655]{position:relative;width:632px;margin:0 auto auto;background-color:#fff;border-radius:8px;box-shadow:inset 1px 1px #ffffff80,0 3px 8px #555a64;flex-direction:column}.search-modal-input__wrapper[data-v-420d5655]{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0}.search-modal-input__wrapper[data-v-420d5655] .bin-input-large{height:48px;border-radius:6px;padding-left:40px}.search-modal-input__wrapper[data-v-420d5655] .bin-input-prefix{left:6px}.search-modal-list[data-v-420d5655]{max-height:472px;padding:8px 16px 20px;margin:14px auto 0;overflow:auto}.search-modal-list .list-item[data-v-420d5655]{border-radius:4px;display:flex;padding-bottom:4px;position:relative}.search-modal-list .list-item a[data-v-420d5655]{display:flex;align-items:center;width:100%;height:56px;box-shadow:0 1px 3px #d4d9e1;border-radius:4px;color:#000000d9;padding:0 6px}.search-modal-list .list-item a>span[data-v-420d5655]{flex:1}.search-modal-list .list-item a i[data-v-420d5655]{font-size:20px;margin:0 8px}.search-modal-list .list-item a[data-v-420d5655]:hover{background:var(--bin-color-primary);color:#fff}.setting-panel[data-v-0fb26fdc]{width:100%;padding:0 4px;background-color:var(--v-g-bg-color)}.setting-panel .setting-title[data-v-0fb26fdc]{position:relative;display:block;height:1px;width:100%;margin:24px 0;background-color:#eee}.setting-panel .setting-title>span[data-v-0fb26fdc]{position:absolute;background-color:#fff;padding:0 12px;font-weight:500;color:#303133;font-size:15px;left:50%;transform:translate(-50%) translateY(-50%)}.setting-panel .setting-list-item[data-v-0fb26fdc]{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.setting-panel .theme-tab[data-v-0fb26fdc]{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:45px;cursor:pointer}.setting-panel .theme-tab img[data-v-0fb26fdc]{cursor:pointer}.setting-panel .theme-tab .b-icon-check[data-v-0fb26fdc]{position:absolute;right:30px;bottom:18px;font-size:18px;color:var(--bin-color-primary)}.navbar-header{display:flex;justify-content:space-between;height:100%;background-color:var(--v-header-bg);border-bottom:1px solid var(--v-header-border-color);color:var(--v-header-text-color)}.navbar-header .left-side{min-width:var(--v-sider-width)}.navbar-header .left-side .logo-wrap{height:100%;display:flex;align-items:center;padding-left:20px}.navbar-header .left-side .logo-wrap>img{width:36px;margin-right:8px}.navbar-header .left-side .logo-wrap h5{font-size:18px;line-height:1.4;margin:0;font-weight:700;color:var(--v-header-text-color)}.navbar-header .center-side{display:flex;align-items:center;flex:1}.navbar-header .center-side .mixed-menu{padding:0 24px;width:720px}.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item{color:var(--v-header-text-color)}.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item .b-iconfont:not(.b-icon-close){color:var(--v-header-text-color)}.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item:hover,.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item.active{color:var(--bin-color-primary)}.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item:hover .b-iconfont:not(.b-icon-close),.navbar-header .center-side .mixed-menu .bin-tabs-wrapper .nav-wrapper .tab-item.active .b-iconfont:not(.b-icon-close){color:var(--bin-color-primary)}.navbar-header .center-side .mixed-menu .bin-tabs-wrapper.default:after{content:unset}.navbar-header .right-side{display:flex;align-items:center;padding-right:20px}.navbar-header .right-side .header-trigger{display:flex;justify-content:center;align-items:center;padding:0 10px;cursor:pointer;outline:none;transition:background-color .2s}.navbar-header .right-side .header-trigger .trigger{display:flex;justify-content:center;align-items:center;width:var(--v-header-trigger-size);height:var(--v-header-trigger-size);border-radius:var(--v-header-trigger-radius);border:1px solid var(--v-header-trigger-border-color)}.navbar-header .right-side .header-trigger .trigger:hover{background-color:var(--v-header-trigger-hover-bg-color)}.sider-menu{position:relative;box-sizing:border-box;width:100%;height:100%;overflow:hidden;font-size:14px;line-height:1.5715;transition:width .2s cubic-bezier(.34,.69,.1,1)}.sider-menu .collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;cursor:pointer;color:var(--v-sider-collapse-btn-color);background-color:var(--v-sider-collapse-btn-bg)}.sider-menu .collapse-button:hover{background-color:var(--v-sider-collapse-btn-bg-hover)}.sider-menu .sider-menu-inner{box-sizing:border-box;width:100%;height:100%;overflow:auto}.sider-menu.sider-menu-collapsed{width:var(--v-sider-collapse-width)}.sider-menu.sider-menu-collapsed .sider-menu-inner{padding:4px 0 48px}.tags-view-container .real-tags-view{position:relative;box-sizing:content-box;display:flex;background-color:var(--v-tags-bg-color);height:var(--v-tags-height);position:fixed;z-index:90}.tags-view-container .real-tags-view:after{content:"";position:absolute;left:0;right:0;height:1px;bottom:-1px;background-color:var(--v-tags-border-color)}.tags-view-container .bin-tabs-wrapper{margin:0 12px;width:calc(100% - 33px);height:var(--v-tags-height)}.tags-view-container .bin-tabs-wrapper .nav-wrapper{height:var(--v-tags-height)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-list{display:flex;align-items:center;height:var(--v-tags-height)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item{display:inline-flex;align-items:center;height:calc(var(--v-tags-height) - 8px);margin-right:6px;padding:0 8px;font-size:var(--v-tags-font-size);border-radius:var(--v-tags-item-border-radius);color:var(--v-tags-text-color);background-color:var(--v-tags-item-bg-color);border:1px solid var(--v-tags-item-border-color)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item:before{content:unset}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item:hover{color:var(--v-tags-text-hover-color);background-color:var(--v-tags-item-bg-hover-color);border-color:var(--v-tags-item-border-hover-color)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item .b-icon-close{margin-left:0}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item.active{background-color:var(--v-tags-item-bg-active-color);color:var(--v-tags-text-active-color)!important;border-color:var(--v-tags-item-border-active-color)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item.active.no-close{padding:0 8px}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item.active .b-icon-close{width:14px;margin-left:0;color:var(--v-tags-text-active-color)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .tab-item.active .b-icon-close:hover{color:var(--bin-color-danger-light2)}.tags-view-container .bin-tabs-wrapper .nav-wrapper .nav-prev,.tags-view-container .bin-tabs-wrapper .nav-wrapper .nav-next{line-height:var(--v-tags-height)}.tags-view-container .bin-tabs-wrapper .contextmenu li{display:flex;align-items:center}.tags-view-container .bin-tabs-wrapper .contextmenu li i{margin-right:4px}.tags-view-container .bin-tabs-wrapper .contextmenu li.disabled{opacity:1;cursor:not-allowed;color:var(--bin-color-text-disabled)}.tags-view-container .bin-tabs-wrapper .contextmenu li.disabled:hover{background:var(--bin-white-color)}.tags-view-container .tags-view-ctrl{display:flex}.tags-view-container .tags-view-ctrl .trigger{width:var(--v-tags-height);height:var(--v-tags-height);color:var(--v-tags-text-color);text-align:center;cursor:pointer;border-left:1px solid var(--v-tags-border-color)}.tags-view-container .tags-view-ctrl .trigger:hover i{color:var(--v-tags-text-hover-color)}.base-table[data-v-6481e02c]{width:100%}.base-table .base-table-form[data-v-6481e02c]{background:#fff;border-radius:2px;padding:20px 20px 0;border-bottom:1px solid var(--v-g-border-color)}.base-table .base-table-form[data-v-6481e02c] .bin-form{display:flex;flex-wrap:wrap}.base-table .base-table-form[data-v-6481e02c] .bin-form .bin-form-item{margin-right:0;margin-bottom:16px;width:33.33333333%}.base-table .base-table-form[data-v-6481e02c] .bin-form .bin-form-item .bin-form-item__label{padding-left:8px}.base-table .base-table-box[data-v-6481e02c]{background:#fff;border-radius:2px;padding:16px 20px}.base-table .base-table-box .base-table-action[data-v-6481e02c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.base-table .base-table-pagination[data-v-6481e02c]{text-align:right;margin-top:20px}.base-tree[data-v-fd1a6acf]{flex-shrink:0;flex-grow:0;background:#fff;border-radius:2px;overflow:hidden;width:100%}.base-tree-header[data-v-fd1a6acf]{display:flex;justify-content:space-between;align-items:center;padding:0 4px;border-bottom:1px solid var(--v-g-border-color);height:45px;line-height:1}.base-tree-header .base-title[data-v-fd1a6acf]{color:var(--v-g-text-color);width:80px;padding-left:6px}.base-tree-header .base-ctrl[data-v-fd1a6acf]{display:flex;align-items:center;width:calc(100% - 80px)}.base-tree-header .base-ctrl .search[data-v-fd1a6acf]{flex:1 1 0;text-align:right}.base-tree-header .base-ctrl .ctrl[data-v-fd1a6acf]{text-align:right;width:24px}.base-tree-header .base-ctrl .ctrl .b-icon-ellipsis[data-v-fd1a6acf]{cursor:pointer;outline:none;font-size:20px;font-weight:700;transform:rotate(90deg)}.base-tree .inner-search[data-v-fd1a6acf]{padding:2px 12px;height:32px}.base-tree .tree-wrap[data-v-fd1a6acf]{padding:5px 0 5px 5px;min-height:400px;max-height:700px}.base-tree .tree-wrap[data-v-fd1a6acf] .bin-tree-node{width:100%}.base-tree .tree-wrap[data-v-fd1a6acf] .bin-tree-render-title{flex:1;width:auto;height:24px}.base-tree .tree-wrap[data-v-fd1a6acf]{overflow:auto}.base-tree .tree-inner[data-v-fd1a6acf]{text-align:left;padding:0 6px 6px}.base-tree .tree-bottom[data-v-fd1a6acf]{border-top:1px solid var(--v-g-border-color);display:flex;align-items:center;justify-content:flex-end;padding:0 8px;height:32px}.base-tree[data-v-fd1a6acf] .bin-tree-render-title .bin-button{height:24px;line-height:1}.base-tree[data-v-fd1a6acf] .bin-tree-render-title .bin-button+.bin-button{margin-left:0}.base-tree[data-v-fd1a6acf] .bin-input-wrapper.bin-input-group-with-append .bin-input-icon-clear{right:20px}.base-tree[data-v-fd1a6acf] .search .bin-input-icon-clear .b-iconfont{font-size:14px}.example-wrap .tip[data-v-7d671408]{padding:8px 5px 0;color:#8e8c8c}.example-wrap .code[data-v-7d671408],.example-wrap .code[data-v-7d837db3]{padding:8px}.code-editor[data-v-a09c02c0]{height:580px;display:flex}.code-editor .fun[data-v-a09c02c0]{display:flex;flex-direction:column;width:calc(100% - 480px);font-size:14px;color:#b478cf;padding-right:8px}.code-editor .fun .params[data-v-a09c02c0]{color:var(--bin-color-primary)}.code-editor .fun .code[data-v-a09c02c0]{padding:5px 5px 5px 0;flex:1;background:#fafafa;border-radius:8px}.code-editor .fun .bottom[data-v-a09c02c0]{margin-bottom:5px}.code-editor .right-tip[data-v-a09c02c0]{width:480px;border-left:1px solid var(--v-g-border-color);padding-left:8px}.code-editor .right-tip .tip-content[data-v-a09c02c0]{height:calc(100% - 40px);margin-top:6px;overflow-y:auto}.code-editor[data-v-a09c02c0] .bin-editor-next.ace_editor{background:transparent;line-height:1.4}.code-editor[data-v-a09c02c0] .bin-editor-next.ace_editor .ace_gutter,.code-editor[data-v-a09c02c0] .bin-editor-next.ace_editor .ace_gutter-active-line{background:transparent}.code-editor[data-v-a09c02c0] .bin-editor-next.ace_editor .ace_marker-layer .ace_active-line{background:#00000005}.code-editor[data-v-a09c02c0] .hljs{padding:16px;border-radius:8px;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;background:#fafafa;white-space:pre-wrap;line-height:1.4}.code-editor[data-v-a09c02c0] .bin-collapse-content,.code-editor[data-v-a09c02c0] .bin-collapse-content .bin-collapse-content-box{padding:0}.custom-scripts[data-v-2f8d1ffd]{width:100%}.custom-scripts .func-name[data-v-2f8d1ffd]{font-size:12px}.custom-scripts .func-name .tip[data-v-2f8d1ffd]{padding:0 7px;height:28px;line-height:26px;background-color:var(--bin-color-info-light6);border:1px solid var(--bin-color-info-light4);color:#000000a6;border-radius:var(--bin-border-radius-default);font-size:12px}.custom-scripts .fun[data-v-2f8d1ffd]{padding:4px 0;font-size:13px;color:#b478cf}.custom-scripts .fun .params[data-v-2f8d1ffd]{color:var(--bin-color-warning)}.custom-scripts .fun .bottom[data-v-2f8d1ffd]{margin-bottom:5px}.handle[data-v-64c802f5]{cursor:grab;display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;font-size:0}.handle>img[data-v-64c802f5]{width:100%;opacity:.7;transition:.2s}.handle>img[data-v-64c802f5]:hover{opacity:1}.handle>i[data-v-64c802f5]{opacity:.8;transition:.2s}.handle>i[data-v-64c802f5]:hover{opacity:1}.content-warpper{width:100%;height:100%;overflow:hidden}.icon-wrapper[data-v-e68363b5]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.icon-wrapper .b-iconfont[data-v-e68363b5]{font-size:inherit}.icon-wrapper+.icon-wrapper[data-v-e68363b5]{margin-left:8px}.key-value-wrapper .mapping-list[data-v-46ed4892]{margin:0;padding:0;list-style:none}.key-value-wrapper .mapping-list .mapping-item[data-v-46ed4892]{display:flex;align-items:center;justify-content:space-between;font-size:24px;height:44px}.key-value-wrapper .mapping-list .mapping-item label[data-v-46ed4892]{word-break:break-all;display:block;line-height:1;flex:1;font-size:14px;transition:color .4s;padding-left:8px}.key-value-wrapper .mapping-list .mapping-item i[data-v-46ed4892]{flex-shrink:0}.key-value-wrapper .mapping-list .mapping-item .destroy[data-v-46ed4892]{margin-left:8px;width:24px;font-size:18px;color:#f5222d;transition:color .2s ease-out;cursor:pointer}.key-value-wrapper .mapping-list .mapping-item .destroy[data-v-46ed4892]:hover{color:#f74e57}.key-value-wrapper .blue-background-class[data-v-46ed4892]{position:relative;font-size:0;border:1px dashed var(--bin-color-primary)!important}.key-value-wrapper .blue-background-class[data-v-46ed4892]:after{position:absolute;content:"";display:block;top:0;left:0;right:0;bottom:0;background:#fff!important;background-image:linear-gradient(var(--bin-color-primary-light5),var(--bin-color-primary-light3),var(--bin-color-primary-light5))!important}.key-value-wrapper .drag-item-class[data-v-46ed4892]{background:#fff!important;border:1px solid var(--bin-color-primary)!important}.loading-wrapper[data-v-381cd221]{display:flex;justify-content:center;align-items:center;height:100vh}.boxes[data-v-381cd221]{--size: 32px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes .box[data-v-381cd221]{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box[data-v-381cd221]:nth-child(1){transform:translate(100%);-webkit-animation:box1-381cd221 var(--duration) linear infinite;animation:box1-381cd221 var(--duration) linear infinite}.boxes .box[data-v-381cd221]:nth-child(2){transform:translateY(100%);-webkit-animation:box2-381cd221 var(--duration) linear infinite;animation:box2-381cd221 var(--duration) linear infinite}.boxes .box[data-v-381cd221]:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3-381cd221 var(--duration) linear infinite;animation:box3-381cd221 var(--duration) linear infinite}.boxes .box[data-v-381cd221]:nth-child(4){transform:translate(200%);-webkit-animation:box4-381cd221 var(--duration) linear infinite;animation:box4-381cd221 var(--duration) linear infinite}.boxes .box>div[data-v-381cd221]{--background: #5c8df6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div[data-v-381cd221]:nth-child(1){--top: 0;--left: 0}.boxes .box>div[data-v-381cd221]:nth-child(2){--background: #145af2;--right: 0;--rotateY: 90deg}.boxes .box>div[data-v-381cd221]:nth-child(3){--background: #447cf5;--rotateX: -90deg}.boxes .box>div[data-v-381cd221]:nth-child(4){--background: #dbe3f4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@-webkit-keyframes box1-381cd221{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1-381cd221{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2-381cd221{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2-381cd221{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3-381cd221{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3-381cd221{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4-381cd221{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4-381cd221{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.page-cube-wrapper .page-cube[data-v-0d3b844f]{position:relative;width:100%;height:100%;display:flex}.page-cube-wrapper .page-cube-left[data-v-0d3b844f]{width:240px;height:100%;border-right:1px solid #eee;transition:width .15s ease}.page-cube-wrapper .page-cube-left .cube-left-content[data-v-0d3b844f]{width:100%;height:100%}.page-cube-wrapper .page-cube-left .toggle[data-v-0d3b844f]{position:absolute;z-index:100;top:16px;display:flex;align-items:center;justify-content:center;transform:translate(-50%);width:8px;height:100px;cursor:pointer;background-color:#fafafa;transition:.15s ease;border-radius:4px;box-shadow:0 0 1px 1px #0000001f;opacity:0}.page-cube-wrapper .page-cube-left .toggle>i[data-v-0d3b844f]{font-size:12px}.page-cube-wrapper .page-cube-left .toggle[data-v-0d3b844f]:hover{background-color:#f3f3f3}.page-cube-wrapper .page-cube-left:hover .toggle[data-v-0d3b844f]{opacity:1}.page-cube-wrapper .page-cube-content[data-v-0d3b844f]{width:calc(100% - 240px);height:100%;transition:width .15s ease}.page-cube-wrapper .page-cube-content .draggable-content[data-v-0d3b844f]{position:relative;z-index:10;background-color:#fff}.page-cube-wrapper .page-cube-content .draggable-content .toggle[data-v-0d3b844f]{position:absolute;z-index:10;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100px;height:14px;border-radius:10px;transition:.15s ease;background-color:#fafafa;box-shadow:0 0 1px 1px #0000001f;opacity:0}.page-cube-wrapper .page-cube-content .draggable-content .toggle[data-v-0d3b844f]:hover{background-color:#ff3f3f3}.page-cube-wrapper .page-cube-content .draggable-content .toggle>i[data-v-0d3b844f]{cursor:pointer;padding:2px;margin:0 8px;font-size:12px}.page-cube-wrapper .page-cube-content .draggable-content .toggle>i[data-v-0d3b844f]:hover{color:var(--bin-color-primary)}.page-cube-wrapper .page-cube-content .draggable-content .drag-handler[data-v-0d3b844f]{width:100%;height:5px;position:absolute;left:0;top:-2px;cursor:ns-resize;z-index:10}.page-cube-wrapper .page-cube-content .draggable-content:hover .toggle[data-v-0d3b844f]{opacity:1}.page-footer{position:fixed;right:0;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 24px;height:45px;line-height:44px;background:#fff;border-top:1px solid var(--v-g-border-color);box-shadow:0 -6px 8px -8px #00000014,0 -9px 10px #0000000d;transition:width .2s cubic-bezier(.34,.69,.1,1)}.page-header-wrap .page-header[data-v-d4b9349b]{position:relative;box-sizing:border-box;margin:0;font-size:14px;line-height:1.5715;list-style:none;padding:16px 24px;background-color:#fff;border-bottom:1px solid var(--v-g-border-color)}.page-header-wrap .page-header-heading[data-v-d4b9349b]{display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}.page-header-wrap .page-header-heading-title[data-v-d4b9349b]{color:#17233d;font-weight:500;font-size:18px;margin-bottom:0;padding-right:12px}.page-header-wrap .page-header-desc[data-v-d4b9349b]{padding-top:10px}.page-header-wrap .page-header .b-icon-close[data-v-d4b9349b]{position:absolute;right:24px;top:16px;z-index:1;font-weight:400;cursor:pointer;font-size:20px;margin-right:6px;color:#000000a6}.page-header-wrap .page-header .b-icon-close[data-v-d4b9349b]:hover{color:#000000d9}.page-header-wrap-children-content[data-v-d4b9349b]{margin:16px}.page-header-wrap-children-content.has-bg[data-v-d4b9349b]{background-color:#fff}.grid-content[data-v-d4b9349b]{width:100%;min-height:100%;transition:.3s}.title-wrap[data-v-2a048fa0]{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:16px;border-bottom:1px solid #f0f0f0;color:#333;background:#fff}.title-wrap.no-border[data-v-2a048fa0]{border-bottom:none}.title-wrap>.title[data-v-2a048fa0]{position:relative;display:inline-block;vertical-align:middle;padding:10px 12px}.title-wrap>.title[data-v-2a048fa0]:after{content:"";position:absolute;background-color:var(--bin-color-primary)}.title-wrap>.title.tip-left[data-v-2a048fa0]:after{left:0;top:12px;bottom:12px;width:2px}.title-wrap>.title.tip-bottom[data-v-2a048fa0]:after{bottom:0;left:0;right:0;height:2px}.title-wrap>.title span[data-v-2a048fa0]{display:inline-block;vertical-align:baseline}:root{--v-g-bg-color-1: #17171a;--v-g-bg-color-2: #232324;--v-g-bg-color-3: #2a2a2b;--v-g-bg-color-4: #313132;--v-g-text-color-1: #1d2129;--v-g-text-color-2: #4e5969;--v-g-text-color-3: #86909c;--v-g-text-color-4: #c9cdd4;--v-g-fill-color-1: #f7f8fa;--v-g-fill-color-2: #f2f3f5;--v-g-fill-color-3: #e5e6eb;--v-g-fill-color-4: #c9cdd4;--v-g-bg-color: #fff;--v-g-text-color-dark: var(--v-g-text-color-1);--v-g-text-color: var(--v-g-text-color-2);--v-g-text-color-light: var(--v-g-text-color-3);--v-g-border-color: var(--v-g-fill-color-3);--v-header-height: 60px;--v-header-bg: var(--v-g-bg-color);--v-header-text-color: var(--v-g-text-color);--v-header-border-color: var(--v-g-border-color);--v-header-trigger-size: 28px;--v-header-trigger-radius: 50%;--v-header-trigger-border-color: var(--v-g-border-color);--v-header-trigger-hover-bg-color: var(--v-g-border-color);--v-sider-bg: var(--v-g-bg-color);--v-sider-border-color: var(--v-g-border-color);--v-sider-collapse-btn-color: var(--v-g-text-color-3);--v-sider-collapse-btn-bg: var(--v-g-fill-color-1);--v-sider-collapse-btn-bg-hover: var(--v-g-fill-color-3);--v-menu-item-height: 40px;--v-menu-item-border-radius: 4px;--v-menu-text-color: var(--v-g-text-color);--v-menu-text-hover-color: var(--b-menu-text-color);--v-menu-text-active-color: var(--bin-color-primary);--v-menu-bg-color: var(--v-sider-bg);--v-menu-bg-hover-color: var(--bin-color-primary-light6);--v-menu-bg-active-color: var(--bin-color-primary-light6);--v-tags-bg-color: var(--v-g-bg-color);--v-tags-border-color: var(--v-g-border-color);--v-tags-height: 32px;--v-tags-font-size: 12px;--v-tags-item-border-radius: 2px;--v-tags-text-color: var(--v-g-text-color);--v-tags-text-hover-color: var(--v-g-text-color);--v-tags-text-active-color: var(--bin-color-primary);--v-tags-item-bg-color: var(--v-g-fill-color-2);--v-tags-item-bg-hover-color: var(--v-g-fill-color-2);--v-tags-item-bg-active-color: var(--v-g-fill-color-2);--v-tags-item-border-color: var(--v-g-fill-color-2);--v-tags-item-border-hover-color: var(--v-g-fill-color-2);--v-tags-item-border-active-color: var(--v-g-fill-color-2);--v-content-bg: var(--v-g-fill-color-2);--v-table-header-bg: var(--v-g-fill-color-2);--v-table-header-text: #1d2129;--v-page-border-color: transparent;--v-page-bg: var(--v-g-bg-color);--v-page-hover-bg: var(--v-g-fill-color-2);--v-page-active-bg: var(--bin-color-primary-light5);--colors: (primary: #165dff, success: #52c41a, warning: #fa8c16, danger: #f5222d);--bin-color-primary: #165dff ;--bin-color-primary-light1: #457DFF;--bin-color-primary-light2: #739EFF;--bin-color-primary-light3: #A2BEFF;--bin-color-primary-light4: #D0DFFF;--bin-color-primary-light5: #E8EFFF;--bin-color-primary-light6: #F3F7FF;--bin-color-primary-active: #1454E6;--bin-color-success: #52c41a ;--bin-color-success-light1: #75D048;--bin-color-success-light2: #97DC76;--bin-color-success-light3: #BAE7A3;--bin-color-success-light4: #DCF3D1;--bin-color-success-light5: #EEF9E8;--bin-color-success-light6: #F6FCF4;--bin-color-success-active: #4AB017;--bin-color-warning: #fa8c16 ;--bin-color-warning-light1: #FBA345;--bin-color-warning-light2: #FCBA73;--bin-color-warning-light3: #FDD1A2;--bin-color-warning-light4: #FEE8D0;--bin-color-warning-light5: #FFF4E8;--bin-color-warning-light6: #FFF9F3;--bin-color-warning-active: #E17E14;--bin-color-danger: #f5222d ;--bin-color-danger-light1: #F74E57;--bin-color-danger-light2: #F97A81;--bin-color-danger-light3: #FBA7AB;--bin-color-danger-light4: #FDD3D5;--bin-color-danger-light5: #FEE9EA;--bin-color-danger-light6: #FFF4F5;--bin-color-danger-active: #DD1F29;--bin-bg-color-1: var(--v-g-bg-color-1);--bin-bg-color-2: var(--v-g-bg-color-2);--bin-bg-color-3: var(--v-g-bg-color-3);--bin-bg-color-4: var(--v-g-bg-color-4);--bin-text-color-1: var(--v-g-text-color-1);--bin-text-color-2: var(--v-g-text-color-2);--bin-text-color-3: var(--v-g-text-color-3);--bin-text-color-4: var(--v-g-text-color-4);--bin-fill-color-1: var(--v-g-fill-color-1);--bin-fill-color-2: var(--v-g-fill-color-2);--bin-fill-color-3: var(--v-g-fill-color-3);--bin-fill-color-4: var(--v-g-fill-color-4);--bin-border-radius-default: 4px}body{color:var(--bin-color-text-primary);font-size:var(--bin-base-font-size);font-family:var(--bin-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}ul,ul li{margin:0;padding:0;list-style:none}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}a{color:var(--bin-color-primary);text-decoration:none}a:hover{color:var(--bin-color-primary-light1);outline:none}a:focus{color:var(--bin-color-primary-light1);outline:none}a:active{color:var(--bin-color-primary-active)}sup,sub{font-size:calc(--bin-base-font-size - 1px)}small{font-size:calc(--bin-base-font-size - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:var(--bin-border-base-light)}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}html,body{height:100%;margin:0;padding:0;font-size:14px;background-color:var(--v-g-bg-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}a:active,a:focus,button,div,span,svg{outline:0!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0003;box-shadow:inset 0 0 10px #0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b6b7b9}::selection{background:var(--bin-color-primary);color:#fff}::-moz-selection{background:var(--bin-color-primary);color:#fff}[devbox]{box-shadow:0 0 0 1px red}.bin-menu{--b-menu-item-height: var(--v-menu-item-height);--b-menu-item-border-radius: var(--v-menu-item-border-radius);--b-menu-text-color: var(--v-menu-text-color);--b-menu-text-hover-color: var(--v-menu-text-hover-color);--b-menu-text-active-color: var(--v-menu-text-active-color);--b-menu-bg-color: var(--v-menu-bg-color);--b-menu-bg-hover-color: var(--v-menu-bg-hover-color);--b-menu-bg-active-color: var(--v-menu-bg-active-color)}.bin-table{--b-table-header-bg: var(--v-table-header-bg);--b-table-header-text: var(--v-table-header-text)}.bin-page{--b-page-border-color: var(--v-page-border-color);--b-page-bg: var(--v-page-bg);--b-page-hover-bg: var(--v-page-hover-bg);--b-page-active-bg: var(--v-page-active-bg)}.bin-page .bin-page-total{font-size:12px}.bin-dropdown{color:var(--v-g-text-color)}.bin-form-item__content .bin-tree-select{width:100%}.bin-form-item__content .bin-form-item__content-flex>div{width:100%}.bin-modal.fullscreen-center{margin-top:0!important;top:40px;height:calc(100% - 80px);display:flex;flex-direction:column}.bin-modal.fullscreen-center .bin-modal-body{flex:1!important;overflow-y:auto}.bin-modal.fullscreen-center .bin-modal-header,.bin-modal.fullscreen-center .bin-modal-footer{flex-shrink:0}.bin-editor-next.auto-scroll{height:100%!important}pre code.hljs{background:#fafafa;font-size:12px}.edit-table{--border-color: #f2f4f7;--border-radius: 8px}.edit-table .bin-table th,.edit-table .bin-table td{border-bottom:none;box-sizing:border-box}.edit-table .bin-table thead th{background-color:#fff;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);height:34px;line-height:34px}.edit-table .bin-table thead th:nth-child(1){border-left:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 0}.edit-table .bin-table thead th:nth-last-child(1){border-radius:0 var(--border-radius) 0 0;border-right:1px solid var(--border-color)}.edit-table .bin-table thead th .bin-table-cell{padding:5px 6px}.edit-table .bin-table tbody td{height:32px;line-height:32px;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.edit-table .bin-table tbody td:last-of-type{border-right:1px solid var(--border-color)}.edit-table .bin-table tbody tr:last-of-type>td{border-bottom:1px solid var(--border-color)}.edit-table .bin-table tbody tr:last-of-type>td:nth-child(1){border-radius:0 0 0 var(--border-radius)}.edit-table .bin-table tbody tr:last-of-type>td:last-of-type{border-radius:0 0 var(--border-radius) 0}.edit-table .bin-table .bin-table-cell{display:flex;align-items:center;padding:0;line-height:1;height:100%}.edit-table .bin-table .bin-table-cell .bin-form-item{margin:0}.edit-table .bin-table .bin-table-cell .bin-form-item.is-error .bin-input{border-color:var(--bin-color-danger)}.edit-table .bin-table .bin-table-cell .bin-input{border-color:transparent;box-shadow:none}.edit-table .bin-table .bin-table-cell .bin-input:focus{border-color:var(--bin-color-primary)}.edit-table .bin-table .bin-table-cell .bin-input-number{border-color:transparent;box-shadow:none}.edit-table .bin-table .bin-table-cell .bin-input-number .bin-input-number-handler{border:none}.edit-table .bin-table .bin-table-cell .bin-input-number.bin-input-number-focused{border-color:var(--bin-color-primary)}.edit-table .bin-table .bin-table-cell .bin-input-number.bin-input-number-always .bin-input-number-handler-minus,.edit-table .bin-table .bin-table-cell .bin-input-number.bin-input-number-always .bin-input-number-handler-plus{border:none;background-color:transparent}.edit-table .bin-table td.bin-table-column-center .bin-table-cell,.edit-table .bin-table th.bin-table-column-center .bin-table-cell{justify-content:center}.edit-table .bin-table .bin-table-tip tbody>tr>td{border-top:1px solid var(--border-color);height:34px;border-radius:0 0 var(--border-radius) var(--border-radius)!important}.edit-table .bin-table .bin-table-tip .bin-empty{margin:0}.edit-table .bin-table .bin-table-tip .bin-empty .bin-empty-image{display:none}.edit-table .bin-table .handle{transform:rotate(90deg);width:16px;height:16px}.edit-table .bin-form-item__error{position:absolute;display:flex;top:11px;left:unset;right:28px;padding-top:0;width:auto;pointer-events:none}.edit-table.is-detail .bin-table .bin-table-cell{padding:0 16px}.bin-input,.bin-input-number{background-color:var(--v-g-fill-color-2);border:1px solid transparent}.bin-input:hover,.bin-input-number:hover{background-color:var(--v-g-fill-color-3)}.bin-input:focus,.bin-input-number:focus{background-color:#fff;box-shadow:none}.bin-input[disabled]{color:var(--v-g-fill-color-4);background-color:var(--v-g-fill-color-3)}.bin-input-wrapper:hover .bin-input-icon-clear i{background-color:transparent}.bin-input-number-focused{background-color:#fff;box-shadow:none;border:1px solid var(--bin-color-primary)}.bin-input-number-handler{background-color:var(--v-g-fill-color-2);border:none}.bin-input-number-handler.bin-input-number-handler-down,.bin-input-number-handler.bin-input-number-handler-up{border:none}.bin-input-number-handler.bin-input-number-handler-down-disabled,.bin-input-number-handler.bin-input-number-handler-up-disabled{opacity:.7}.bin-input-number-handler:hover{background-color:var(--v-g-fill-color-3)}.bin-input-number-input{background-color:var(--v-g-fill-color-2);border:1px solid transparent}.bin-input-number-input:hover,.bin-input-number-input:hover .bin-input-number-handler-down,.bin-input-number-input:hover .bin-input-number-handler-up{background-color:var(--v-g-fill-color-3)}.bin-input-number-input:focus{background-color:#fff;box-shadow:none}.bin-input-number-always .bin-input-number-handler-minus,.bin-input-number-always .bin-input-number-handler-plus{border:none}.bin-input-word-count{background-color:transparent}.bin-date-editor .bin-range-input,.bin-date-editor:hover{background-color:var(--v-g-fill-color-2)}.bin-date-editor.bin-input.is-active{box-shadow:none}.bin-date-editor.bin-input.is-active .bin-range-input{background-color:#fff}.bin-select__caret.is-show-close{background-color:transparent}