#map{cursor:crosshair;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20px 20px;width:500px;height:500px;position:relative}.robot-vacuum{will-change:transform;background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all 50ms linear;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 15px #3498db4d}.robot-vacuum:before{content:"";background:#000;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0003}.robot-vacuum:after{content:"";background:#e74c3c;border-radius:50%;width:8px;height:8px;animation:2s infinite blink;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}