.line-metrics-view{font-size:12px;position:relative}.line-metrics-view .line-metrics-view__data-empty{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ccc;font-size:16px;border:1px solid #ccc;background-color:#fff}.line-metrics-view .line-metrics-view__sum{position:absolute;width:110px;right:0;bottom:7px}.line-metrics-view .line-metrics-view__tip{height:50px;position:relative}.line-metrics-view .line-metrics-view__tip .line-metrics-view__tip-item{position:absolute;bottom:0;padding:4px;border-radius:4px;border:1px solid #ccc}.line-metrics-view .line-metrics-view__tip .line-metrics-view__tip-item .line-metrics-view__tip-item-num{white-space:nowrap;margin-top:3px}.line-metrics-view .line-metrics-view__tip .line-metrics-view__tip-item .line-metrics-view__tip-item-num .line-metrics-view__tip-item-num-percent{color:#888}.line-metrics-view .line-metrics-view__tip .line-metrics-view__tip-item .line-metrics-view__tip-item-label{position:relative;padding-bottom:3px}.line-metrics-view .line-metrics-view__tip .line-metrics-view__tip-item .line-metrics-view__tip-item-label::after{content:'';position:absolute;width:95%;border-bottom:1px dotted #ccc;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.line-metrics-view .line-metrics-view__arrow{height:20px}.line-metrics-view .line-metrics-view__arrow line{stroke:#636363;stroke-width:1px}.line-metrics-view .line-metrics-view__line{height:30px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ccc}.line-metrics-view .line-metrics-view__line .line-metrics-view__line-item{background-clip:padding-box}.line-metrics-view .line-metrics-view__line .line-metrics-view__line-item:not(:last-child){-webkit-box-shadow:1px 0 0 2px #fff;box-shadow:1px 0 0 2px #fff}