body{margin:0}.App{padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.controls{border-radius:8px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.controller{border:2px solid #222;border-radius:8px;flex-direction:row;justify-content:center;gap:12px;padding:16px;display:flex}.semaforo{flex-direction:column;align-items:center;display:flex}.housing{background:#8d8101;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:10px;padding:12px;display:flex}.light{opacity:.25;background:#222;border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 6px #0009}.light.on{opacity:1;box-shadow:0 0 14px #fff3,inset 0 0 6px #0009}.light.rojo.on{background:#ff4d4d}.light.amarillo.on{background:#ffd24d}.light.verde.on{background:#6bff7a}.label{color:#fff;margin-top:6px;font-size:14px}.interseccion{background:#3e3e3e;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;place-items:center;gap:25px;width:100%;height:600px;display:grid}.bloque{background:#cfcfcf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 6px #000000b7}.dashed-line.horizontal{border:none;border-top:5px dashed #f2ff00;width:100vw;margin:20px auto;position:absolute}.dashed-line.vertical{border:none;border-left:5px dashed #f2ff00;height:100vh;margin:auto 20px;position:absolute}