.cv-container{position:relative}.cv-container canvas{height:100%;outline:none;width:100%}.cv-scale{height:1.2em;margin:1.2em 1.8em;pointer-events:none;position:absolute;top:0;width:calc(100% - 3.6em);z-index:100}.cv-scale .cv-scale-ticks{bottom:-.6em;color:#fff;font-family:sans-serif;font-size:1em;margin:0 auto;position:absolute;width:100%}.cv-scale .cv-scale-tick{--offset: 0;left:var(--offset);line-height:1;position:absolute;text-align:center;top:0;transform:translate(-50%)}.cv-scale .cv-scale-tick:after{background:#adadad;content:"";height:.4em;left:0;margin:0 auto;position:absolute;right:0;top:-.4em;width:.1em}.cv-scale .cv-scale-colors{height:100%;position:absolute;width:100%}.cv-scale .cv-scale-section{--color: #4aff00;--from: 0%;--to: 0%;background:var(--color);height:100%;left:var(--from);position:absolute;top:0;width:calc(var(--to) - var(--from))}.cv-mouse{position:absolute;text-align:left;z-index:10}.cv-mouse .mouse-name{color:#fff;font-size:.8em;padding:.2em .4em}