.roles{display:flex;flex-wrap:wrap;overflow:auto;margin:-5px;padding:5px;max-width:280px;max-height:400px}.roles::-webkit-scrollbar{width:4px}.roles::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.roles-handle{cursor:pointer}.roles .item{box-sizing:border-box;padding:5px;width:50%}.roles.alone .item{width:100%}.roles span{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;display:block;color:#fff;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.roles span:hover{border-color:#fff;background-color:#fff;color:#333}.main{align-items:stretch;background-color:#fafbff;display:flex;position:absolute}.main,.main .mask{left:0;top:0;right:0;bottom:0}.main .mask{background-color:rgba(0,0,0,.6);opacity:0;position:fixed;pointer-events:none;transition:all .4s ease;z-index:2}.main .sidebar{border-right:1px solid #e6e9f0;flex-shrink:0;width:200px;z-index:3}.main .sidebar,.main .sidebar .brand{background-color:#fff;position:relative}.main .sidebar .brand{cursor:pointer;align-items:center;border-bottom:1px solid #e6e9f0;color:#3d3f47;height:48px;display:flex;justify-content:center;text-decoration:none}.main .sidebar .brand i{background-image:url(/images/logo-color-graph.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:24px;width:24px}.main .sidebar .brand span{color:#409eff;display:block;font-size:16px;font-weight:700;height:32px;line-height:32px;margin-left:10px;position:relative;z-index:2}.main .sidebar .nav-wrap{top:50px;left:0;right:0;bottom:0;overflow:scroll;position:absolute}.main .content{flex:1;overflow:hidden;position:relative;z-index:1}.main .header{background-color:#fff;border-bottom:1px solid #e6e9f0;justify-content:space-between;padding:5px;z-index:2}.main .header,.main .header>.end,.main .header>.start{align-items:center;display:flex;position:relative}.main .header>.start{flex:1}.main .header .icon-refer,.main .header .icon-side-toggle{color:#3d3f47;display:block;font-size:20px;height:24px;line-height:24px;margin:0 5px;text-align:center;width:24px}.main .header .icon-side-toggle{cursor:pointer;display:none}.main .header .icon-refer{color:#ba62ef}.main .header .title{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .header .breadcrumb-wrap{padding:0 20px}.main .header .breadcrumb-wrap .el-breadcrumb{font-size:12px}.main .header .options{align-items:center;display:flex;position:relative}.main .header .options .handle{cursor:pointer;padding:5px;margin-right:20px}.main .header .options .handle i{display:block;font-size:1.2rem;height:24px;line-height:24px;text-align:center;transition:all .3s ease;width:24px}.main .header .options .handle:hover i{color:#409eff}.main .header .user-base{cursor:pointer;align-items:center;display:flex}.main .header .user-base .info{cursor:default;margin-left:18px}.main .header .user-base .info .base{align-items:center;display:flex;font-size:.95rem;font-weight:700;line-height:20px}.main .header .user-base .info .id{color:#7d818c;font-size:.8rem;line-height:18px}.main .header .user-base .avatar{cursor:pointer!important;display:block;height:32px;position:relative;width:32px}.main .header .user-base .avatar .inner{align-items:center;background-color:#409eff;background-image:linear-gradient(to top right,rgb(13,132.0994764398,255) 0,#409eff);border-radius:7px;box-shadow:0 0 0 4px #fafbff;display:flex;justify-content:center;overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0}.main .header .user-base .avatar .kd-icon{color:#fff;font-size:16px;height:32px;line-height:32px;text-align:center;text-shadow:0 3px 9px rgba(0,0,0,.1);width:32px}.main .header .user-base .action-handle{color:rgba(125,129,140,.5);cursor:pointer;display:block;font-size:12px;height:24px;line-height:24px;text-align:center;width:24px}.main .body{height:calc(100vh - 88px);overflow:auto;position:relative;z-index:1}@media screen and (max-width:1024px){.breadcrumb-wrap{display:none}}@media screen and (max-width:860px){.user-base .info{display:none}}@media screen and (max-width:720px){.sidebar{box-shadow:-16px 0 32px rgba(0,0,0,.3);left:0;top:0;bottom:0;position:absolute!important;transform:translateX(-290px);transition:all .4s ease;z-index:99}.icon-side-toggle{display:block!important}.side-toggled .mask{opacity:1;pointer-events:all}.side-toggled .sidebar{transform:translateX(0)}}.form-settings[data-v-0c7bede8]{max-width:640px;margin-left:auto;margin-right:auto}.el-tree-node__content{border-radius:4px;padding-top:0;padding-bottom:0;padding-right:5px;margin:4px 0;height:unset}.auth-menu-row{position:relative;width:100%}.auth-menu-row .base{font-size:.95rem;overflow:hidden;position:relative}.auth-menu-row .base .handle-copy{color:#7d818c;align-items:center;cursor:pointer;display:flex;font-size:18px;justify-content:center;height:28px;width:28px}.auth-menu-row .base .handle-copy:hover{color:#14c85a}.auth-menu-row .base span{display:block}.auth-menu-row .base .title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-menu-row .base .hierarchy{color:#7d818c;font-size:.8rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-menu-row .identifier{font-size:.8rem}.auth-menu-row .options{flex-shrink:0;margin-left:10px}.expanded+.auth-menu-row>.base .title{font-weight:700}.is-current>.el-tree-node__content>.auth-menu-row>.base .title{color:#409eff;font-weight:700}.auth-box[data-v-23d9244d]{margin-top:10px;position:relative}.auth-box .sub[data-v-23d9244d]{border:1px solid #e6e9f0;border-radius:3px;flex:1;overflow:hidden}.auth-box .sub .count[data-v-23d9244d]{color:#7d818c;font-size:.8rem;padding:0 10px}.auth-box .sub .scroll[data-v-23d9244d]{height:calc(100vh - 224px);overflow:auto}.auth-box .sub.menus[data-v-23d9244d]{margin-right:5px}.auth-box .sub.resources[data-v-23d9244d]{margin-left:5px}.auth-box .sub .foot[data-v-23d9244d],.auth-box .sub .head[data-v-23d9244d]{padding:5px;position:relative;background-color:rgba(230,233,240,.2);height:30px}.auth-box .sub .foot h4[data-v-23d9244d],.auth-box .sub .head h4[data-v-23d9244d]{display:flex;font-size:.9rem;font-weight:700;height:28px;line-height:28px}.auth-box .sub .foot h4 span[data-v-23d9244d],.auth-box .sub .head h4 span[data-v-23d9244d]{display:block;overflow:hidden;max-width:200px;text-overflow:ellipsis;white-space:nowrap}.auth-box .sub .head[data-v-23d9244d]{border-bottom:1px solid #e6e9f0}.auth-box .sub .foot[data-v-23d9244d]{border-top:1px solid #e6e9f0}.auth-box .sub .name[data-v-23d9244d]{color:#3d3f47;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-b5ac7050] .el-table .danger-row{background:rgba(255,151,151,.3)}.info[data-v-b5ac7050]{background-color:#fffbf6;border:1px solid #000;color:#333;margin:-5px;padding:5px;position:relative}.info>.row[data-v-b5ac7050]{display:flex;border-bottom:1px solid #f1ece8}.info>.row[data-v-b5ac7050]:first-of-type{border-top:1px solid #f1ece8}.info .label[data-v-b5ac7050],.info .value[data-v-b5ac7050]{line-height:20px;padding:10px}.info .label[data-v-b5ac7050]{min-width:100px;text-align:right}.info .value[data-v-b5ac7050]{overflow:auto;max-height:200px;max-width:400px}.info pre[data-v-b5ac7050]{word-break:break-all;white-space:pre-wrap}