html.hovering-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -ms-grab;
  cursor: grab;

}

html.grabbing-object,
html.hovering-object.grabbing-object {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/* IMPORTANT. We must disable iframe mouse events while grabbing because otherwise the youtube player 
will stop all events while hovering over the iframe, causing multiple bugs in Safari/Firefox */
html.grabbing-object iframe {
  pointer-events: none; 
}

/* Disable text selection while dragging objects */
html.grabbing-object * {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;        
}


#page-content {
  position: relative;
  z-index: 2; /* This needs to be positioned above the WebGL canvas. */
}

#object-placeholders {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

.object-placeholder {
  position: absolute;
  height: 10px;
  width: 10px;
  background: #00ff00;
  z-index: 5;
  transform: translate3d(-50%, -50%, 0);
  visibility: hidden;
}

#webgl-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}