.query-container{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,99,206,.2);border:1px solid #e0e7ec;margin-bottom:10px;border-radius:8px;height:40px;overflow:hidden}.query-container.opend{height:auto}.query-header{background-color:#fafbfc;padding:4px 30px;color:#314659;border-radius:2px;line-height:32px;font-size:14px;position:relative}.query-header i{font-size:16px;position:absolute;left:6px;top:50%;transform:translateY(-50%);cursor:pointer}.query-content{padding:20px}.query-content .el-input-group--prepend .el-select.item-query-select .el-input.is-focus .el-input__inner{border-color:#409eff}.query-content .item-query-select{width:100%}.promql-query-container{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap}.promql-query-container .select-provider{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap}.promql-query-container .select-provider .select-provider-text{font-size:14px}.promql-query-container .select-provider .el-select{margin-right:6px}.metric-wrapper{padding:0 10px}.metric-content-container{margin-top:50px;padding:20px}.metric-header{position:fixed;left:0;top:0;width:100%;height:50px;box-sizing:border-box;background-color:#002240;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;padding:8px 20px;z-index:1999;box-shadow:0 1px 4px 0 rgba(0,99,206,.2);color:#fff}.metric-header .back-container{font-size:14px;font-weight:700}.metric-header .back-container .svg-icon.back{width:16px;height:16px;margin-right:8px;cursor:pointer}.metric-chart-wrapper{height:320px;background-color:#fff;border:1px solid #e0e7ec;box-shadow:0 1px 4px 0 rgba(0,99,206,.2);padding:20px;border-radius:6px;margin-bottom:20px;position:relative}.metric-chart-wrapper .list-title{height:25px}.metric-chart-wrapper .chart-tool{position:absolute;top:20px;right:20px}.metric-chart-wrapper .metric-chart-container{height:calc(100% - 40px)}.chart-type-item{text-align:center;padding:8px;border:1px solid #e0e7ec;cursor:pointer;border-radius:4px}.chart-type-item .chart-type-item-title{font-size:14px;color:#314659;font-weight:600;margin-bottom:10px}.chart-type-item.active{border-color:#1890ff;border-width:1px}.chart-type-item img{height:40px}.chart-type-item:hover{border-color:#1890ff}.chart-config-container{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;margin-bottom:10px}.config-title{font-size:14px;color:#314659;font-weight:600;margin-bottom:10px}.chart-tab.el-tabs--card>.el-tabs__header{border-color:transparent}.chart-tab.el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}.chart-tab.el-tabs--card>.el-tabs__header .el-tabs__item{background-color:#cedae7;color:#fff;margin-right:8px;border-radius:4px 4px 0 0;padding:0 30px;font-size:14px;font-weight:bolder;text-align:center}.chart-tab.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background-color:#1890ff}.chart-conf-collapse .el-collapse-item__header{font-weight:600}