.drag-components-wrap[data-v-0388abf4]{height:100%}.drag-components-wrap .chart-content-wrap[data-v-0388abf4]{height:calc(100% - 27px)}.drag-components-wrap .chart-content-wrap .pier-wrap[data-v-0388abf4]{height:100%}.drag-components-wrap .chart-item-title[data-v-0388abf4]{font-weight:700;display:flex;justify-content:space-between}.drag-components-wrap .chart-item-title .title-wrap[data-v-0388abf4]{display:flex;align-items:center}.drag-components-wrap .chart-item-title .pier-loading-icon[data-v-0388abf4]{background:url(../img/loading.264cef77.png) no-repeat 0 0/100%;width:20px;height:20px;animation:rotate1 1s linear infinite;margin-left:10px}.drag-components-wrap .chart-item-title .right-option[data-v-0388abf4]{display:flex;font-size:14px;align-items:center}.drag-components-wrap .chart-item-title .right-option .more[data-v-0388abf4]{cursor:pointer;margin-left:5px}.drag-components-wrap .remove[data-v-0388abf4]{position:absolute;top:0;right:0;font-size:18px;line-height:.4;cursor:pointer;background:rgba(0,0,0,.9);padding:8px;z-index:2}.drag-components-wrap .size-btn[data-v-0388abf4]{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.9);padding:6px;cursor:pointer;z-index:2}.side-wrap{position:absolute;color:var(--theme-home-chart-font-color);width:0;height:100%;overflow:hidden;top:0;z-index:999;pointer-events:none}.side-wrap.right{right:0}.side-wrap.left{left:0}.side-wrap.hasppt{z-index:1000}.side-wrap.open{width:25%}.side-wrap.open .vue-grid-item{pointer-events:all!important;opacity:1}.side-wrap.large-screen-open{width:25%}.side-wrap.large-screen-open .vue-grid-item{pointer-events:all!important;opacity:1!important}.side-wrap .vue-grid-item{transition:opacity .8s cubic-bezier(.2,0,0,1) 0s;background:var(--theme-home-chart-bg);border-radius:5px;padding:5px;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.side-wrap .vue-grid-item.noTransform{position:fixed!important;top:0;left:0;width:100%!important;height:100%!important;z-index:99999;background-color:rgba(0,0,0,.5);transform:none!important}.side-wrap .vue-grid-item.zIndex{z-index:2}.component-setting .popup-box{width:800px}.component-setting .popup-box .ant-table{background:transparent}.component-setting .popup-box .ant-table .ant-table-body .ant-table-cell-scrollbar{width:4px}.component-setting .popup-box .ant-table .ant-table-body::-webkit-scrollbar{width:4px;height:.1vh;height:1vh}.component-setting .popup-box .ant-table .ant-table-body::-webkit-scrollbar-track{background:#fff;border-radius:.2vh}.component-setting .popup-box .ant-table .ant-table-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:1vh}.component-setting .popup-box .ant-table table{border-collapse:collapse}.component-setting .popup-box .ant-table-body,.component-setting .popup-box .ant-table-tbody{background-color:transparent}.component-setting .popup-box .ant-table-tbody>tr>td,.component-setting .popup-box .ant-table-thead>tr>th,.component-setting .popup-box .ant-table table{border:1px solid #4c5162!important}.component-setting .popup-box .ant-table-thead>tr>th{background-color:#181e31!important;padding:10px;text-align:center}.component-setting .popup-box .ant-table-tbody>tr.ant-table-placeholder:hover>td{background:transparent}.component-setting .popup-box .ant-table.ant-table-bordered>.ant-table-container{border:0}.component-setting .popup-box .ant-table-placeholder{background:transparent}.component-setting .popup-box .add-btn{border:1px solid #4c5162;border-top:0;justify-content:center;display:flex;align-items:center;height:40px;font-size:21px;cursor:pointer}.component-setting .popup-box .add-btn:hover{background:#03102f}.component-setting .popup-box .ant-input,.component-setting .popup-box .ant-input-number{background-color:transparent;border:1px solid #4c5162;color:#fff}.component-setting .popup-box .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent;border:1px solid #4c5162}.component-setting .popup-box .ant-select-selector .ant-select-selection-item,.component-setting .popup-box .ant-select:not(.ant-select-customize-input) .ant-select-selector input{color:#fff}@media screen and (min-width:4080px){.side-wrap.open{flex:unset;width:25%}}.chart-content-wrap{height:calc(100% - 38px)}.pier-wrap{overflow-y:auto;height:100%;overflow-x:hidden}.pier-wrap .ant-table-cell-scrollbar{width:4px}.pier-wrap::-webkit-scrollbar{width:4px;height:.1vh;height:1vh}.pier-wrap::-webkit-scrollbar-track{background:#fff;border-radius:.2vh}.pier-wrap::-webkit-scrollbar-thumb{background:#ccc;border-radius:1vh}.pier-wrap .pier-item{display:flex;margin-bottom:8px}.pier-wrap .pier-item>div:first-child{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.pier-wrap .pier-item>div:nth-child(2){flex:1;display:flex;flex-wrap:wrap;gap:2px}.pier-wrap .pier-item>div:nth-child(2)>div{text-align:center;background:#8c8c8c;color:#000;margin-bottom:2px;width:calc((100% - 2px*(var(--max-length) - 1))/var(--max-length));min-width:calc(20% - 2px);line-height:2}.pier-wrap .pier-item>div:nth-child(2)>div.active{background:#75f9fd}.pier-wrap .pier-item>div:nth-child(3){width:40px;padding:0 5px}