.distance-item{width:120px;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;box-sizing:border-box;position:absolute;z-index:10}.distance-item .distance-item-round{width:24px;height:24px;border-radius:50%;flex:none;margin-bottom:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:12px;font-weight:900;color:#fff}.distance-item .distance-item-list{width:100%;padding:8px;background-color:#f1f1f1;border-radius:8px;overflow:hidden;box-sizing:border-box}.distance-item .distance-item-list .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.distance-item .distance-item-list .distance-item-list-header{font-size:14px;font-weight:600;color:#1d2129;margin-bottom:5px;-moz-user-select:none;user-select:none}.distance-item .distance-item-list .distance-item-list-content{font-size:12px;font-weight:100;color:#666;margin-bottom:2px}.distance-item .distance-item-list .distance-item-list-link{color:#0e42d2;cursor:pointer;-moz-user-select:none;user-select:none;font-size:12px}.distance-item .distance-item-list .distance-item-list-link-header{font-size:14px;font-weight:600;color:#0e42d2;margin-bottom:5px;cursor:pointer}.distance-item .distance-item-list .distance-item-list-tag{border-radius:3px;padding:1px 3px;font-size:12px;font-weight:100;flex:none;color:#fff;display:inline-block;background-color:#3fdce5;-moz-user-select:none;user-select:none}.distance-item .distance-item-list .distance-item-list-icon{width:14px;height:14px;color:#0e42d2;font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text{position:absolute;left:0;background-color:#f1f1f1;color:#1d2129;padding:8px;border-radius:8px;width:104px;word-wrap:break-word;word-break:break-all;white-space:normal;box-shadow:5px 5px 10px rgba(0,0,0,.3)}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-up{bottom:95px}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-mid{bottom:60px}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-mid44{bottom:44px}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-mid61{bottom:61px}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-down{bottom:77px}.distance-item .distance-item-list .distance-item-list-icon .distance-item-list-help-text-disabled{display:none}.distance-item .distance-item-list .distance-item-list-help-tip_icon_box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;left:0;color:#86909c}.distance-item .distance-item-list .distance-item-list-help-tip_icon_box:hover{background-color:#e0e2e8;color:#165dff}.distance-item .distance-item-list-green{background-color:rgba(0,200,83,.2)}.distance-item .distance-item-list-yellow{background-color:rgba(255,125,0,.3137254901960784)}.distance-item .distance-item-list-blue{background-color:#f5e8ff}.distance-item .distance-item-list-gray{background-color:#f7f8fa}.distance-canvas{width:auto;height:auto;box-sizing:border-box;padding:0 20px 20px 0;display:inline-block;background-color:#fff;position:relative}.distance-canvas .distance-line{position:absolute}.distance-canvas .distance-line-horizontal{height:4px}.distance-canvas .distance-line-vertical{width:4px}.distance-canvas .distance-line-arrow-horizontal:after{content:""}.distance-canvas .distance-canvas-group{position:absolute;z-index:0}.distance-canvas .distance-canvas-group .distance-canvas-group-header{height:28px;background:#0a8fff;width:100%;border-radius:8px 8px 0 0;display:flex;align-content:center}.distance-canvas .distance-canvas-group .distance-canvas-group-header .group-header-title{margin-left:16px;font-size:14px;display:flex;align-items:center;font-weight:900;color:#fff}.distance-canvas .distance-canvas-group .distance-canvas-group-content{border:1px dashed #ccc;border-radius:0 0 8px 8px;border-top:0}.be-current-vertical{position:absolute}.be-current-vertical[type=vertical]{width:4px}.be-current-vertical[type=horizontal]{height:4px}.distance-bg-color-default{background-color:#edeff2!important}.distance-color[status=default]{color:#edeff2}.distance-bg-color[status=default]{background-color:#edeff2}.be-current-vertical[status=default]{background:#edeff2}.be-current-vertical[status=default][arrow=true]:after{content:"";width:0;height:0;border:6px solid;border-color:#edeff2 #edeff2 transparent transparent;transform:rotate(45deg);position:absolute;right:0;top:-4px}.distance-bg-color-success{background-color:#00c853!important}.distance-color[status=success]{color:#00c853}.distance-bg-color[status=success]{background-color:#00c853}.be-current-vertical[status=success]{background:#00c853}.be-current-vertical[status=success][arrow=true]:after{content:"";width:0;height:0;border:6px solid;border-color:#00c853 #00c853 transparent transparent;transform:rotate(45deg);position:absolute;right:0;top:-4px}.distance-bg-color-loading{background-color:#722ed1!important}.distance-color[status=loading]{color:#722ed1}.distance-bg-color[status=loading]{background-color:#722ed1}.be-current-vertical[status=loading]{background:#722ed1}.be-current-vertical[status=loading][arrow=true]:after{content:"";width:0;height:0;border:6px solid;border-color:#722ed1 #722ed1 transparent transparent;transform:rotate(45deg);position:absolute;right:0;top:-4px}.distance-bg-color-warning{background-color:#ff7d00!important}.distance-color[status=warning]{color:#ff7d00}.distance-bg-color[status=warning]{background-color:#ff7d00}.be-current-vertical[status=warning]{background:#ff7d00}.be-current-vertical[status=warning][arrow=true]:after{content:"";width:0;height:0;border:6px solid;border-color:#ff7d00 #ff7d00 transparent transparent;transform:rotate(45deg);position:absolute;right:0;top:-4px}.distance-bg-color-danger{background-color:#f53f3f!important}.distance-color[status=danger]{color:#f53f3f}.distance-bg-color[status=danger]{background-color:#f53f3f}.be-current-vertical[status=danger]{background:#f53f3f}.be-current-vertical[status=danger][arrow=true]:after{content:"";width:0;height:0;border:6px solid;border-color:#f53f3f #f53f3f transparent transparent;transform:rotate(45deg);position:absolute;right:0;top:-4px}