body{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}canvas{width:100%;height:100%;display:block}section{color:#fff;position:absolute}.contenedor-controles{border:1px solid red;flex-direction:column;gap:6px;width:fit-content;margin:0 auto;display:flex;position:absolute;bottom:9px;left:18px;right:18px}.toggle-controles{justify-content:center;align-items:center;display:flex}.toggle-controles .boton-toggle-controles{cursor:pointer;border-radius:50%;width:60px;height:60px;font-size:16px}.tarjeta-info{color:#fff;z-index:99999;background-color:#200c;max-width:calc(100vw - 18px);padding:9px;display:none;position:absolute;top:9px;left:18px;right:18px}.tarjeta-info .btn-cerrar{position:absolute;right:9px}.tarjeta-info table .titulo{text-align:left}.tarjeta-info table .text-stroke{color:red}.tarjeta-info table thead{float:left}.tarjeta-info table thead th{text-align:left;display:block}.tarjeta-info table th,.tarjeta-info table td{padding-top:10px;padding-bottom:9px;padding-right:18px}.tarjeta-info table td{padding-top:8.2px}.tarjeta-info table tbody{float:right}.tarjeta-info .botones-modifica-distancia{margin-top:18px;position:absolute;right:0}.tarjeta-info .botones-modifica-distancia button{cursor:pointer;border-radius:50%;width:50px;height:50px}@media screen and (width>=500px){.tarjeta-info{width:380px}}#dialogid{z-index:99999;background-color:#fff;border-radius:9px;max-width:calc(100vw - 18px);padding:18px;display:none;position:absolute;top:9px;left:18px;right:18px}#dialogid h2{margin:0}#dialogid .dialog-botones{justify-content:flex-end;gap:16px;display:flex}@media screen and (width>=500px){#dialogid{width:380px;margin:0 auto}}::backdrop{opacity:.1;background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,green)}#mainid{position:relative}#canvasid{width:100%;position:relative}#hudsvgid{z-index:1;border:3px solid red;position:absolute;right:0}#lineaid,#lineaverticalid{stroke:#fff;stroke-width:3px}#sectionid{z-index:1}#spanid{color:#fff;z-index:99;font-size:16px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.label{color:#ff000080;background:0 0;padding:15px;font-family:monospace;font-size:12px;display:block}.btn-cerrar{position:absolute;right:9px}.flex{column-gap:16px;display:flex}.columna-3{color:#ddd;flex:0 0 33.33%;max-width:33.33%}.columna-3 p{color:#ddd}.columna-4{flex:0 0 66.66%;max-width:66.66%}.form-controles{background-color:#0000;border:1px solid #fff;width:100px;height:100px}.form-controles input[type=image]{box-sizing:border-box;width:100%;height:100%;padding:4px}.controles{justify-content:space-between;align-items:center;column-gap:16px;margin-bottom:6px;display:flex}.controles .boton-controles{cursor:pointer;background-color:#0000;justify-content:center;width:100px;height:100px;padding:4px;display:flex}.controles .boton-controles:hover .g-svg{fill:#fff}.svg-vmag{width:90px;height:90px}.g-svg{fill:#2bb6ff}#app{box-sizing:border-box;max-width:100%;min-height:100svh}