/* SPINNER */

#spinner {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

#spinner {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: -1000;
  margin: 2rem auto;
  cursor: grab;
  width: 100%;
  max-width: 400px;
  /* Larger size */
}

#spinner svg {
  width: 100%;
  height: auto;
  display: block;
}

#spinner.is-dragging {
  cursor: grabbing;
}

.spinner-interactive {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: transform 0.1s ease-out;
  /* Slight smoothing */
  transform-origin: center;
  -webkit-transform-origin: center;
}


#spinner:hover {
  /* -webkit-animation-play-state: paused;
    animation-play-state: paused; */
}