.x-map-mask[data-v-f45d8f5e]{position:absolute;z-index:98;background-color:#00000038;inset:0}.x-map-preview[data-v-f45d8f5e]{z-index:99;inset:100px;isolation:isolate;border-radius:10px;box-shadow:var(--theme-shadow-soft);border:10px solid var(--theme-surface)}.x-map-preview[data-v-f45d8f5e],.x-map-preview .close[data-v-f45d8f5e]{position:absolute;background:var(--theme-surface)}.x-map-preview .close[data-v-f45d8f5e]{z-index:1001;top:-20px;right:-20px;width:32px;height:32px;padding:0;border:none;border-radius:50%;color:var(--theme-text);box-shadow:var(--theme-shadow);cursor:pointer;font-size:22px;line-height:32px;text-align:center}.x-map-preview .map-container[data-v-f45d8f5e]{position:relative;z-index:1;width:100%;height:100%}.cfg.ready{opacity:1;visibility:visible}.cfg{position:absolute;inset:0;display:grid;grid-template-columns:60px calc(100% - 60px);opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .1s}.cfg .side{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.cfg .side .logo{padding:8px 0;color:#06f;overflow:hidden}.cfg .side .logo img{height:40px;-o-object-fit:contain;object-fit:contain}.cfg .side .naviga ul li:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.cfg .side .naviga ul li:hover{background-color:#fff}.cfg .side .naviga ul li{cursor:pointer;padding:10px 0;display:grid;grid-template-rows:2;border-top:1px solid rgba(0,0,0,.1)}.cfg .side .naviga ul li i.fa{font-size:28px}.cfg .side .naviga ul li em{font-size:12px;opacity:.6}.cfg .side .naviga ul li.active{color:#06f;background-color:#fff}.cfg .side .naviga ul li.active em{opacity:1}.cfg .main{position:relative;padding:0 20px 20px 0}.cfg .main .top{display:grid;grid-template-columns:calc(100% - 240px) 240px}.cfg .main .top .bread{height:40px;line-height:40px}.cfg .main .top .bread span i.fa{margin-right:5px}.cfg .main .top .bread span:after{margin:0 5px;content:">";opacity:.3}.cfg .main .top .user ul{line-height:40px;display:grid;grid-template-columns:40px auto 120px;text-align:right}.cfg .main .top .user ul li{cursor:pointer;border-left:1px solid rgba(0,0,0,.1);padding:0 10px}.cfg .main .wrap{inset:40px 20px 20px 0;position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:6px;overflow:hidden}.cfg .main .wrap .mask{inset:0;background-color:#0000001a;position:absolute;z-index:90}.cfg .main .wrap .splitter{position:absolute;z-index:3000;width:240px;left:0;top:0;bottom:0;background-color:#f2f3f5;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.cfg .main .wrap .splitter h4{position:relative;padding:5px 10px;font-size:14px;height:30px;line-height:30px;color:#06f}.cfg .main .wrap .splitter h4:before{position:absolute;height:20px;content:"";left:0;width:4px;background-color:#06f;margin-top:5px;border-radius:2px}.cfg .main .wrap .splitter dl dt:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.cfg .main .wrap .splitter dl dt{position:relative;cursor:pointer;padding:10px;border-top:1px solid rgba(0,0,0,.1);background-color:#fff}.cfg .main .wrap .splitter dl dt i.fa{position:absolute;right:5px;margin:5px;opacity:.5}.cfg .main .wrap .splitter dl dt:hover{background-color:#06f3}.cfg .main .wrap .splitter dl dt.active{background-color:#06f;color:#fff;font-weight:700}.cfg .main .wrap .splitter.show{transform:translate(0)}.cfg .main .wrap .container{padding:15px}