#drawCanvas{width:1500px;overflow-x:visible;position:relative;top:75px;-webkit-transform:scale(1.1);transform:scale(1.1)}.v-progress-linear{margin:0}.live-data{font-weight:700;font-family:Poppins,sans-serif;letter-spacing:.1em;color:var(--v-primaryText-base);padding-top:10px;-webkit-animation:flipAni 4s linear 0s infinite;animation:flipAni 4s linear 0s infinite}.col,.live-data{text-align:center}.col{width:300px;padding:6px;border:1px solid #34495e}.canvas-scroll{overflow-x:auto;overflow-y:hidden}.live-container{width:50px}.legend{position:absolute;top:85px;right:15px;width:140px;overflow-x:auto;color:var(--v-primaryText-base);border:1px solid var(--v-primaryText-base);padding:10px}.circle-green{background:#3cb371}.circle-green,.circle-red{display:inline-block;width:10px;height:10px;border-radius:50%}.circle-red{background:#ff5252}.circle-grey{display:inline-block;width:10px;height:10px;background:#9e9e9e;border-radius:50%}.legend-title{font-size:16px;font-weight:700}.space-horizontal{margin-top:5px;padding-bottom:5px}@media only screen and (max-width:576px){#drawCanvas{background-color:#1c2137;overflow-x:auto;position:absolute}}@-webkit-keyframes flipAni{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}50%{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}}@keyframes flipAni{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}50%{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}}