dl-graph{display:inline-block;position:relative}dl-graph .dl-graph-container{display:flex}dl-graph .dl-graph-container .dl-graph-container-y{display:flex;flex-direction:column-reverse;flex:1}dl-graph .dl-graph-container .dl-graph-grid-container{position:relative;flex:1}dl-graph .dl-graph-container .dl-graph-axis__name{display:flex;align-items:flex-start;justify-content:flex-start;font-size:15px;line-height:15px;font-weight:700}dl-graph .dl-graph-container .dl-graph-axis__name.y{margin-bottom:10px}dl-graph .dl-graph-container .dl-graph-axis__name.x{margin-left:10px;align-items:flex-end}dl-graph .dl-graph-container .dl-graph-axis__name.x:not(.all) div{transform:translateY(50%)!important}dl-graph .dl-graph-container .dl-graph-axis__name.all{align-items:center;justify-content:center}dl-graph canvas{z-index:1;position:absolute;width:100%;height:100%}dl-graph .dl-graph-axis-x{display:flex;position:absolute;left:0;right:0;top:calc(100% - 2px);padding-top:5px;border-top:2px #000 solid;z-index:1}dl-graph .dl-graph-axis-x.all:before,dl-graph .dl-graph-axis-x:after,dl-graph .dl-graph-axis-y.all:after,dl-graph .dl-graph-axis-y:before{content:" ";display:block;width:10px;height:10px;position:absolute;border-top:2px #000 solid;border-left:2px #000 solid;transform-origin:center center}dl-graph .dl-graph-axis-x:before{top:-7px;left:0;transform:rotate(-45deg)}dl-graph .dl-graph-axis-x:after{top:-7px;right:0;transform:rotate(135deg)}dl-graph .dl-graph-axis-x.angular .dl-graph-axis-cell{transform:rotate(0deg);justify-content:flex-start}dl-graph .dl-graph-axis-y{display:flex;flex-direction:column-reverse;position:absolute;top:0;bottom:0;right:calc(100% - 2px);padding-right:10px;border-right:2px #000 solid;z-index:1}dl-graph .dl-graph-axis-y:before{right:-7px;top:0;transform:rotate(45deg)}dl-graph .dl-graph-axis-y:after{right:-7px;bottom:0;transform:rotate(-135deg)}dl-graph .dl-graph-axis-cell{flex:1;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}dl-graph .dl-graph-axis-x .dl-graph-axis-cell{transform:translateX(-50%)}dl-graph .dl-graph-axis-x .dl-graph-axis-cell:not(:first-child){border-left:1px transparent solid}dl-graph .dl-graph-axis-y .dl-graph-axis-cell{transform:translateY(50%);justify-content:flex-end}dl-graph .dl-graph-axis-y .dl-graph-axis-cell:not(:first-child){border-bottom:1px transparent solid}dl-graph .dl-graph-grid{display:flex;flex-direction:column-reverse}dl-graph .dl-graph-grid .dl-graph-row{display:flex;flex:0;z-index:1}dl-graph .dl-graph-grid .dl-graph-row:not(:first-child){border-bottom:1px #999 solid}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell{flex:0;width:40px;height:40px;position:relative;box-sizing:content-box}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell:not(:first-child){border-left:1px #999 solid}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point{width:100%;height:100%;position:absolute;top:50%;right:50%;display:flex;align-items:center;justify-content:center;outline:0}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point.hover:before{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:20px;height:20px;margin:auto;border:2px #000 dotted;border-radius:50%;box-sizing:border-box}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell:not(:first-child) .dl-graph-cell__point.hover:before{left:-1px}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point .dl-graph-cell__point-marker{display:none;width:20px;height:20px;border:1px red solid;border-radius:50%;box-sizing:border-box}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point .dl-graph-cell__point-marker span{display:block;width:10px;height:10px;margin:4px;border-radius:50%;background-color:red}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point .dl-graph-cell__point-label{color:red;position:absolute;top:50%;left:calc(50% + 15px);white-space:nowrap;display:block}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell .dl-graph-cell__point.marked .dl-graph-cell__point-marker{display:block}@media(max-width:700px){dl-graph{display:block;min-width:max-content}dl-graph .dl-graph-grid .dl-graph-row .dl-graph-cell{flex:1!important;width:auto!important;min-width:20px!important;max-width:none!important}}